/*************************************
GENERAL CLASSES
*************************************/
/* Buttons & Links */
.jrButton {
  display: inline-block;
  float: none;
  margin-bottom: 0;
  font-weight: normal;
  text-transform: none;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 3px 8px;
  font-size: 13px;
  line-height: 1.5384;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 0;
  -o-transition: 0;
  transition: 0;
}
.jrButton:focus,
.jrButton:active:focus,
.jrButton.jrActive:focus,
.jrButton.jrFocus,
.jrButton:active.jrFocus,
.jrButton.jrActive.jrFocus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.jrButton:hover,
.jrButton:focus,
.jrButton.jrFocus {
  color: #333333;
  text-decoration: none;
}
.jrButton:active,
.jrButton.jrActive {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.jrButton.jrDisabled,
.jrButton[disabled],
fieldset[disabled] .jrButton {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.jrButton {
  color: #333333;
  background-color: #f0f0f0;
  border-color: #cccccc;
}
.jrButton:hover,
.jrButton:focus,
.jrButton.jrFocus,
.jrButton:active,
.jrButton.jrActive {
  color: #333333;
  background-color: #d7d7d7;
  border-color: #adadad;
}
.jrButton:active,
.jrButton.jrActive {
  background-image: none;
}
.jrButton.jrDisabled,
.jrButton[disabled],
fieldset[disabled] .jrButton,
.jrButton.jrDisabled:hover,
.jrButton[disabled]:hover,
fieldset[disabled] .jrButton:hover,
.jrButton.jrDisabled:focus,
.jrButton[disabled]:focus,
fieldset[disabled] .jrButton:focus,
.jrButton.jrDisabled.jrFocus,
.jrButton[disabled].jrFocus,
fieldset[disabled] .jrButton.jrFocus,
.jrButton.jrDisabled:active,
.jrButton[disabled]:active,
fieldset[disabled] .jrButton:active,
.jrButton.jrDisabled.jrActive,
.jrButton[disabled].jrActive,
fieldset[disabled] .jrButton.jrActive {
  background-color: #f0f0f0;
  border-color: #cccccc;
}
.jrButton.jrBlue {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.jrButton.jrBlue:hover,
.jrButton.jrBlue:focus,
.jrButton.jrBlue.jrFocus,
.jrButton.jrBlue:active,
.jrButton.jrBlue.jrActive {
  color: #ffffff;
  background-color: #3071a9;
  border-color: #285e8e;
}
.jrButton.jrBlue:active,
.jrButton.jrBlue.jrActive {
  background-image: none;
}
.jrButton.jrBlue.jrDisabled,
.jrButton.jrBlue[disabled],
fieldset[disabled] .jrButton.jrBlue,
.jrButton.jrBlue.jrDisabled:hover,
.jrButton.jrBlue[disabled]:hover,
fieldset[disabled] .jrButton.jrBlue:hover,
.jrButton.jrBlue.jrDisabled:focus,
.jrButton.jrBlue[disabled]:focus,
fieldset[disabled] .jrButton.jrBlue:focus,
.jrButton.jrBlue.jrDisabled.jrFocus,
.jrButton.jrBlue[disabled].jrFocus,
fieldset[disabled] .jrButton.jrBlue.jrFocus,
.jrButton.jrBlue.jrDisabled:active,
.jrButton.jrBlue[disabled]:active,
fieldset[disabled] .jrButton.jrBlue:active,
.jrButton.jrBlue.jrDisabled.jrActive,
.jrButton.jrBlue[disabled].jrActive,
fieldset[disabled] .jrButton.jrBlue.jrActive {
  background-color: #428bca;
  border-color: #357ebd;
}
.jrButton.jrGreen {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.jrButton.jrGreen:hover,
.jrButton.jrGreen:focus,
.jrButton.jrGreen.jrFocus,
.jrButton.jrGreen:active,
.jrButton.jrGreen.jrActive {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.jrButton.jrGreen:active,
.jrButton.jrGreen.jrActive {
  background-image: none;
}
.jrButton.jrGreen.jrDisabled,
.jrButton.jrGreen[disabled],
fieldset[disabled] .jrButton.jrGreen,
.jrButton.jrGreen.jrDisabled:hover,
.jrButton.jrGreen[disabled]:hover,
fieldset[disabled] .jrButton.jrGreen:hover,
.jrButton.jrGreen.jrDisabled:focus,
.jrButton.jrGreen[disabled]:focus,
fieldset[disabled] .jrButton.jrGreen:focus,
.jrButton.jrGreen.jrDisabled.jrFocus,
.jrButton.jrGreen[disabled].jrFocus,
fieldset[disabled] .jrButton.jrGreen.jrFocus,
.jrButton.jrGreen.jrDisabled:active,
.jrButton.jrGreen[disabled]:active,
fieldset[disabled] .jrButton.jrGreen:active,
.jrButton.jrGreen.jrDisabled.jrActive,
.jrButton.jrGreen[disabled].jrActive,
fieldset[disabled] .jrButton.jrGreen.jrActive {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.jrButton.jrOrange {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.jrButton.jrOrange:hover,
.jrButton.jrOrange:focus,
.jrButton.jrOrange.jrFocus,
.jrButton.jrOrange:active,
.jrButton.jrOrange.jrActive {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.jrButton.jrOrange:active,
.jrButton.jrOrange.jrActive {
  background-image: none;
}
.jrButton.jrOrange.jrDisabled,
.jrButton.jrOrange[disabled],
fieldset[disabled] .jrButton.jrOrange,
.jrButton.jrOrange.jrDisabled:hover,
.jrButton.jrOrange[disabled]:hover,
fieldset[disabled] .jrButton.jrOrange:hover,
.jrButton.jrOrange.jrDisabled:focus,
.jrButton.jrOrange[disabled]:focus,
fieldset[disabled] .jrButton.jrOrange:focus,
.jrButton.jrOrange.jrDisabled.jrFocus,
.jrButton.jrOrange[disabled].jrFocus,
fieldset[disabled] .jrButton.jrOrange.jrFocus,
.jrButton.jrOrange.jrDisabled:active,
.jrButton.jrOrange[disabled]:active,
fieldset[disabled] .jrButton.jrOrange:active,
.jrButton.jrOrange.jrDisabled.jrActive,
.jrButton.jrOrange[disabled].jrActive,
fieldset[disabled] .jrButton.jrOrange.jrActive {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.jrButton.jrRed {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.jrButton.jrRed:hover,
.jrButton.jrRed:focus,
.jrButton.jrRed.jrFocus,
.jrButton.jrRed:active,
.jrButton.jrRed.jrActive {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.jrButton.jrRed:active,
.jrButton.jrRed.jrActive {
  background-image: none;
}
.jrButton.jrRed.jrDisabled,
.jrButton.jrRed[disabled],
fieldset[disabled] .jrButton.jrRed,
.jrButton.jrRed.jrDisabled:hover,
.jrButton.jrRed[disabled]:hover,
fieldset[disabled] .jrButton.jrRed:hover,
.jrButton.jrRed.jrDisabled:focus,
.jrButton.jrRed[disabled]:focus,
fieldset[disabled] .jrButton.jrRed:focus,
.jrButton.jrRed.jrDisabled.jrFocus,
.jrButton.jrRed[disabled].jrFocus,
fieldset[disabled] .jrButton.jrRed.jrFocus,
.jrButton.jrRed.jrDisabled:active,
.jrButton.jrRed[disabled]:active,
fieldset[disabled] .jrButton.jrRed:active,
.jrButton.jrRed.jrDisabled.jrActive,
.jrButton.jrRed[disabled].jrActive,
fieldset[disabled] .jrButton.jrRed.jrActive {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.jrButton.jrDark {
  color: #ffffff;
  background-color: #454545;
  border-color: #383838;
}
.jrButton.jrDark:hover,
.jrButton.jrDark:focus,
.jrButton.jrDark.jrFocus,
.jrButton.jrDark:active,
.jrButton.jrDark.jrActive {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: #1a1a1a;
}
.jrButton.jrDark:active,
.jrButton.jrDark.jrActive {
  background-image: none;
}
.jrButton.jrDark.jrDisabled,
.jrButton.jrDark[disabled],
fieldset[disabled] .jrButton.jrDark,
.jrButton.jrDark.jrDisabled:hover,
.jrButton.jrDark[disabled]:hover,
fieldset[disabled] .jrButton.jrDark:hover,
.jrButton.jrDark.jrDisabled:focus,
.jrButton.jrDark[disabled]:focus,
fieldset[disabled] .jrButton.jrDark:focus,
.jrButton.jrDark.jrDisabled.jrFocus,
.jrButton.jrDark[disabled].jrFocus,
fieldset[disabled] .jrButton.jrDark.jrFocus,
.jrButton.jrDark.jrDisabled:active,
.jrButton.jrDark[disabled]:active,
fieldset[disabled] .jrButton.jrDark:active,
.jrButton.jrDark.jrDisabled.jrActive,
.jrButton.jrDark[disabled].jrActive,
fieldset[disabled] .jrButton.jrDark.jrActive {
  background-color: #454545;
  border-color: #383838;
}
.jrButton.jrLarge {
  padding: 6px 10px;
  font-size: 15px;
  line-height: 1.3333;
  border-radius: 4px;
}
.jrButton.jrSmall {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1.5384;
  border-radius: 3px;
}
.jrButtonBlock {
  display: block;
  width: 100%;
}
.jrButtonBlock + .jrButtonBlock {
  margin-top: 5px;
}
input[type="submit"].jrButtonBlock,
input[type="reset"].jrButtonBlock,
input[type="button"].jrButtonBlock {
  width: 100%;
}
.jrLinkButton {
  color: #333;
  font-weight: normal;
  border-radius: 0;
}
.jrLinkButton,
.jrLinkButton:active,
.jrLinkButton[disabled],
fieldset[disabled] .jrLinkButton {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.jrLinkButton,
.jrLinkButton:hover,
.jrLinkButton:focus,
.jrLinkButton:active {
  border-color: transparent;
}
.jrLinkButton:hover,
.jrLinkButton:focus {
  color: #111;
  text-decoration: underline;
  background-color: transparent;
}
.jrLinkButton[disabled]:hover,
fieldset[disabled] .jrLinkButton:hover,
.jrLinkButton[disabled]:focus,
fieldset[disabled] .jrLinkButton:focus {
  color: #777;
  text-decoration: none;
}
/* Icon only buttons */
.jrButton.jrIconOnly > [class^="jrIcon"] {
  margin: 0;
}
a.jrButton,
.jrButton a:link,
.jrButton a:visited {
  text-decoration: none !important;
  color: #333 !important;
}
.jrButton {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.jrButton:active,
.jrButton.jrActive {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.jrButton:active,
.jrButton.jrActive {
  background-image: none;
}
.jrButton {
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #eaeaea 100%);
  background-image: -o-linear-gradient(top, #fefefe 0%, #eaeaea 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#ffeaeaea', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #dfdfdf;
  border-color: #bbb;
}
.jrButton:hover,
.jrButton:focus {
  background-color: #eaeaea;
  background-position: 0 -15px;
}
.jrButton:active,
.jrButton.jrActive {
  background-color: #eaeaea;
}
.jrButton:disabled,
.jrButton[disabled] {
  background-color: #eaeaea;
  background-image: none;
}
.jrButton.jrBlue {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3276b1 100%);
  background-image: -o-linear-gradient(top, #428bca 0%, #3276b1 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #3276b1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3276b1', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #2d6ca2;
  color: #fff !important;
}
.jrButton.jrBlue:hover,
.jrButton.jrBlue:focus {
  background-color: #3276b1;
  background-position: 0 -15px;
}
.jrButton.jrBlue:active,
.jrButton.jrBlue.jrActive {
  background-color: #3276b1;
}
.jrButton.jrBlue:disabled,
.jrButton.jrBlue[disabled] {
  background-color: #3276b1;
  background-image: none;
}
.jrButton.jrGreen {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #47a447 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #47a447 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #47a447 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff47a447', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #419641;
  color: #fff !important;
}
.jrButton.jrGreen:hover,
.jrButton.jrGreen:focus {
  background-color: #47a447;
  background-position: 0 -15px;
}
.jrButton.jrGreen:active,
.jrButton.jrGreen.jrActive {
  background-color: #47a447;
}
.jrButton.jrGreen:disabled,
.jrButton.jrGreen[disabled] {
  background-color: #47a447;
  background-image: none;
}
.jrButton.jrRed {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #d2322d 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #d2322d 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #d2322d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffd2322d', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #c12e2a;
}
.jrButton.jrRed:hover,
.jrButton.jrRed:focus {
  background-color: #d2322d;
  background-position: 0 -15px;
}
.jrButton.jrRed:active,
.jrButton.jrRed.jrActive {
  background-color: #d2322d;
}
.jrButton.jrRed:disabled,
.jrButton.jrRed[disabled] {
  background-color: #d2322d;
  background-image: none;
}
.jrButton.jrOrange {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ed9c28 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ed9c28 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ed9c28 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffed9c28', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #eb9316;
  color: #fff !important;
}
.jrButton.jrOrange:hover,
.jrButton.jrOrange:focus {
  background-color: #ed9c28;
  background-position: 0 -15px;
}
.jrButton.jrOrange:active,
.jrButton.jrOrange.jrActive {
  background-color: #ed9c28;
}
.jrButton.jrOrange:disabled,
.jrButton.jrOrange[disabled] {
  background-color: #ed9c28;
  background-image: none;
}
.jrButton.jrDark {
  background-image: -webkit-linear-gradient(top, #454545 0%, #313131 100%);
  background-image: -o-linear-gradient(top, #454545 0%, #313131 100%);
  background-image: linear-gradient(to bottom, #454545 0%, #313131 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff454545', endColorstr='#ff313131', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #262626;
  color: #fff !important;
}
.jrButton.jrDark:hover,
.jrButton.jrDark:focus {
  background-color: #313131;
  background-position: 0 -15px;
}
.jrButton.jrDark:active,
.jrButton.jrDark.jrActive {
  background-color: #313131;
}
.jrButton.jrDark:disabled,
.jrButton.jrDark[disabled] {
  background-color: #313131;
  background-image: none;
}
.jrButtonGroup {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.jrButtonGroup > .jrButton {
  position: relative;
  float: left;
}
.jrButtonGroup > .jrButton:hover,
.jrButtonGroup > .jrButton:focus,
.jrButtonGroup > .jrButton:active,
.jrButtonGroup > .jrButton.jrActive {
  z-index: 2;
}
.jrButtonGroup > .jrButton:focus {
  outline: 0;
}
.jrButtonGroup .jrButton + .jrButton,
.jrButtonGroup .jrButton + .jrButtonGroup,
.jrButtonGroup .jrButtonGroup + .jrButton,
.jrButtonGroup .jrButtonGroup + .jrButtonGroup {
  margin-left: -1px;
}
.jrButtonGroup > .jrButton:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.jrButtonGroup > .jrButton:first-child {
  margin-left: 0;
}
.jrButtonGroup > .jrButton:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.jrButtonGroup > .jrButtonGroup {
  float: left;
}
.jrButtonGroup > .jrButtonGroup:not(:first-child):not(:last-child) > .jrButton {
  border-radius: 0;
}
.jrButtonGroup > .jrButtonGroup:first-child > .jrButton:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.jrButtonGroup > .jrButtonGroup:last-child > .jrButton:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
/*************************************
Dropdowns
*************************************/
.jrDropdown {
  position: relative;
  display: inline-block !important;
}
.jrDropdown .jrDropdownMenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  float: left;
  display: none;
  min-width: 140px;
  max-width: 220px;
  padding: 4px 0  !important;
  margin: 0  !important;
  list-style: none !important;
  background-color: #fff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.jrDropdown .jrDropdownMenu li {
  margin: 0;
  padding: 0;
  background: none;
}
.jrDropdown .jrDropdownMenu li a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555;
  white-space: nowrap;
  text-align: left;
}
.jrDropdown .jrDropdownMenu li > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #eee;
}
.jrDropdown .jrDropdownMenu .jrDivider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.jrDropdown:hover .jrDropdownMenu {
  display: block;
}
.jrDropdown .jrArrow {
  display: inline-block;
  width: 0;
  height: 0;
  text-indent: -99999px;
  vertical-align: text-top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  opacity: 70;
  filter: alpha(opacity=7000);
  content: "\2193";
  margin-top: 6px;
  margin-left: 4px;
}
.jrDropdown.jrSmall .jrArrow {
  margin-top: 5px;
  margin-left: 5px;
}
.jrDropdown.jrSmall .jrDropdownMenu {
  min-width: 120px;
  max-width: 180px;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.jrDropdown.jrSmall .jrDropdownMenu li a {
  padding: 2px 10px;
  line-height: 16px;
}
/* Manage Dropdown */
.jrDropdown.jrManage .jrManageText {
  display: none;
}
/*************************************
Headings
*************************************/
/* Page title */
h1.contentheading,
.contentheading {
  margin-bottom: 10px;
  border: 0;
}
.jrPage h1,
.jrPage h2,
.jrPage h3 {
  float: none;
}
/* Status Indicators (new, hot, featured) */
.jrStatusIndicators {
  margin: 0;
  padding: 0;
  position: relative;
  top: -3px;
}
.jrStatusIndicators span {
  padding: 1px 2px;
  font-size: 10.5px;
  line-height: 1.0713750000000002;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-family: sans-serif;
  color: #fff;
  white-space: nowrap;
  border-radius: 4px;
}
.jrStatusIndicators .jrStatusFeatured {
  background-image: -webkit-linear-gradient(top, #8cb9da 0%, #3684c0 100%);
  background-image: -o-linear-gradient(top, #8cb9da 0%, #3684c0 100%);
  background-image: linear-gradient(to bottom, #8cb9da 0%, #3684c0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8cb9da', endColorstr='#ff3684c0', GradientType=0);
}
.jrStatusIndicators .jrStatusNew {
  background-image: -webkit-linear-gradient(top, #b6e100 0%, #7faa00 100%);
  background-image: -o-linear-gradient(top, #b6e100 0%, #7faa00 100%);
  background-image: linear-gradient(to bottom, #b6e100 0%, #7faa00 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb6e100', endColorstr='#ff7faa00', GradientType=0);
}
.jrStatusIndicators .jrStatusHot {
  background-image: -webkit-linear-gradient(top, #f0b521 0%, #d0990f 100%);
  background-image: -o-linear-gradient(top, #f0b521 0%, #d0990f 100%);
  background-image: linear-gradient(to bottom, #f0b521 0%, #d0990f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0b521', endColorstr='#ffd0990f', GradientType=0);
}
/* Page separators */
.jrHeading {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  padding: 7px 10px !important;
  margin: 30px 0 20px !important;
  color: #333;
  background: #eee;
  border: 1px solid #ddd;
}
.jrHeadingGradient {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  padding: 7px 10px !important;
  margin: 30px 0 20px !important;
  color: #333;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f0f0f0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff0f0f0', GradientType=0);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-box-shadow: inset 0 0 30px #dddddd;
  box-shadow: inset 0 0 30px #dddddd;
}
.jrHeadingGray {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  padding: 7px 10px !important;
  margin: 30px 0 20px !important;
  color: #333;
  border: 1px solid #ccc;
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #e0e0e0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffe0e0e0', GradientType=0);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px #cccccc;
  box-shadow: 0 1px 2px #cccccc;
}
.jrHeadingDark {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  padding: 7px 10px !important;
  margin: 10px 0 18px !important;
  color: #fff;
  background: #555;
  background-image: -webkit-linear-gradient(top, #555555 0%, #333333 100%);
  background-image: -o-linear-gradient(top, #555555 0%, #333333 100%);
  background-image: linear-gradient(to bottom, #555555 0%, #333333 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0);
  -webkit-box-shadow: 0 1px 3px #000000;
  box-shadow: 0 1px 3px #000000;
}
.jrHeadingDark [class^="jrIcon"]:before {
  color: #fff;
}
.jrHeadingBorder {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  padding: 7px 0 !important;
  margin: 30px 0 20px !important;
  color: #333;
  border-top: 1px solid #E0E0E0;
  border-bottom: 3px solid #444750;
}
.jrHeadingButtons {
  float: right;
}
.jrHeadingButtons .jrButton {
  margin: 0;
  text-transform: none;
  position: relative;
  top: -2px;
}
/*************************************
Labels
*************************************/
.jrStatusLabel {
  padding: 2px 4px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background-color: #999;
  border-radius: 3px;
}
.jrStatusLabel.jrRed {
  background-color: #b94a48;
}
.jrStatusLabel.jrOrange {
  background-color: #f89406;
}
.jrStatusLabel.jrGreen {
  background-color: #468847;
}
.jrStatusLabel.jrBlue {
  background-color: #3a87ad;
}
.jrStatusLabel.jrBrown {
  background-color: #4b3f26;
}
.jrStatusLabel.jrPurple {
  background-color: #7a43b6;
}
.jrStatusLabel.jrDark {
  background-color: #222;
}
/*************************************
Messages
*************************************/
.jrWarning,
.jrSuccess,
.jrError,
.jrInfo {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}
.jrWarning {
  color: #333333;
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
}
.jrSuccess {
  color: #333333;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}
.jrError {
  color: #333333;
  background-color: #f2dede;
  border: 1px solid #eed3d7;
}
.jrInfo {
  color: #333333;
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
}
.jrWarning ul,
.jrSuccess ul,
.jrError ul,
.jrInfo ul {
  margin: 0 0 0 15px;
}
/*************************************
Panels
*************************************/
.jrRoundedPanel {
  padding: 10px !important;
  border: 1px solid #ccc;
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffefefef', GradientType=0);
  border-radius: 8px;
}
.jrRoundedPanelLt {
  padding: 10px !important;
  margin-bottom: 10px !important;
  border: 1px solid #ddd;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fffbfbfb', GradientType=0);
  border-radius: 8px;
}
/*************************************
Tooltip/Popup
*************************************/
.jrPopup {
  display: none;
  position: absolute;
  z-index: 2500;
  width: 180px !important;
  padding: 10px 15px;
  color: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  white-space: normal;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  border: 1px solid #222;
  background-image: -webkit-linear-gradient(top, #555555 0%, #333333 100%);
  background-image: -o-linear-gradient(top, #555555 0%, #333333 100%);
  background-image: linear-gradient(to bottom, #555555 0%, #333333 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0);
  border-radius: 6px;
}
.jrPopup:after,
.jrPopup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.jrPopup:after {
  border-top-color: #333;
  border-width: 12px;
  left: 50%;
  margin-left: -12px;
}
.jrPopup:before {
  border-top-color: #111;
  border-width: 13px;
  left: 50%;
  margin-left: -13px;
}
.jrPopup h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 6px 0;
}
.jrPopup h3:first-child {
  margin: 0 0 6px 0;
}
.jrPopup a {
  color: #fff !important;
  text-decoration: underline !important;
}
.jrPopup a:hover {
  color: #ccc !important;
}
.jrPopup [class^="jrIcon"]:before {
  color: #fff;
}
.jrPopup.jrPopupMedium {
  width: 225px !important;
}
.jrPopup.jrPopupLarge {
  width: 250px !important;
}
.jrPopup.jrPopupLight {
  color: #333;
  border: 1px solid #ccc;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eaeaea 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #eaeaea 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #eaeaea 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffeaeaea', GradientType=0);
}
.jrPopup.jrPopupLight:after {
  border-top-color: #eaeaea;
}
.jrPopup.jrPopupLight:before {
  border-top-color: #cecece;
  border-width: 13px;
  margin-left: -13px;
}
.jrPopup.jrPopupLight a {
  color: #333 !important;
}
.jrPopup.jrPopupLight a:hover {
  color: #555 !important;
}
/*************************************
Data Table
*************************************/
.jrDataTable {
  border: 1px solid #ddd !important;
  margin-bottom: 15px;
}
.jrDataTable th {
  padding: 6px;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  color: #333;
  font-weight: bold;
  text-align: left;
}
.jrDataTable td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
}
.jrDataTable tr:nth-child(odd) {
  background: #f5f5f5;
}
/*************************************
Data List
*************************************/
.jrDataList {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ddd;
}
.jrDataList > * {
  padding: 6px;
  margin: 0 !important;
  text-align: left;
  background: #fff;
}
.jrDataList > .jrDataListHeader {
  padding: 5px;
  background: #eee !important;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
.jrDataList > *:nth-child(odd) {
  background: #f5f5f5;
}
ul.jrDataList {
  list-style: none;
  background: none;
  margin: 0 !important;
}
ul.jrDataList li {
  margin: 0 !important;
  padding: 6px !important;
}
/*************************************
Fluid Grid System
*************************************/
.jrGrid {
  width: 100%;
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jrGrid:before,
.jrGrid:after {
  display: table;
  content: "";
  line-height: 0;
}
.jrGrid:after {
  clear: both;
}
.jrGrid > [class*="jrCol"] {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}
.jrGrid > [class*="jrCol"]:first-child {
  margin-left: 0;
}
.jrGrid > .jrCol12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.jrGrid > .jrCol11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}
.jrGrid > .jrCol10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}
.jrGrid > .jrCol9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}
.jrGrid > .jrCol8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}
.jrGrid > .jrCol7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}
.jrGrid > .jrCol6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}
.jrGrid > .jrCol5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}
.jrGrid > .jrCol4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
.jrGrid > .jrCol3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.jrGrid > .jrCol2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}
.jrGrid > .jrCol1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}
@media (max-width: 480px) {
  .jrGrid [class*="jrCol"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.jrGrid24 {
  width: 100%;
  *zoom: 1;
}
.jrGrid24:before,
.jrGrid24:after {
  display: table;
  content: "";
  line-height: 0;
}
.jrGrid24:after {
  clear: both;
}
.jrGrid24 > [class*="jrCol"] {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 0.8403361344537815%;
  *margin-left: 0.7878151260504201%;
}
.jrGrid24 > [class*="jrCol"]:first-child {
  margin-left: 0;
}
.jrGrid24 > .jrCol1 {
  width: 3.361344537815126%;
  *width: 3.308823529411765%;
}
.jrGrid24 > .jrCol2 {
  width: 7.563025210084033%;
  *width: 7.510504201680672%;
}
.jrGrid24 > .jrCol3 {
  width: 11.76470588235294%;
  *width: 11.712184873949578%;
}
.jrGrid24 > .jrCol4 {
  width: 15.966386554621849%;
  *width: 15.913865546218487%;
}
.jrGrid24 > .jrCol5 {
  width: 20.168067226890756%;
  *width: 20.115546218487395%;
}
.jrGrid24 > .jrCol6 {
  width: 24.369747899159663%;
  *width: 24.317226890756302%;
}
.jrGrid24 > .jrCol7 {
  width: 28.571428571428573%;
  *width: 28.518907563025213%;
}
.jrGrid24 > .jrCol8 {
  width: 32.773109243697476%;
  *width: 32.720588235294116%;
}
.jrGrid24 > .jrCol9 {
  width: 36.97478991596638%;
  *width: 36.92226890756302%;
}
.jrGrid24 > .jrCol10 {
  width: 41.1764705882353%;
  *width: 41.12394957983194%;
}
.jrGrid24 > .jrCol11 {
  width: 45.378151260504204%;
  *width: 45.325630252100844%;
}
.jrGrid24 > .jrCol12 {
  width: 49.57983193277311%;
  *width: 49.52731092436975%;
}
.jrGrid24 > .jrCol13 {
  width: 53.78151260504202%;
  *width: 53.72899159663866%;
}
.jrGrid24 > .jrCol14 {
  width: 57.98319327731093%;
  *width: 57.93067226890757%;
}
.jrGrid24 > .jrCol15 {
  width: 62.18487394957983%;
  *width: 62.13235294117647%;
}
.jrGrid24 > .jrCol16 {
  width: 66.38655462184875%;
  *width: 66.33403361344538%;
}
.jrGrid24 > .jrCol17 {
  width: 70.58823529411765%;
  *width: 70.53571428571429%;
}
.jrGrid24 > .jrCol18 {
  width: 74.78991596638656%;
  *width: 74.7373949579832%;
}
.jrGrid24 > .jrCol19 {
  width: 78.99159663865547%;
  *width: 78.9390756302521%;
}
.jrGrid24 > .jrCol20 {
  width: 83.19327731092437%;
  *width: 83.14075630252101%;
}
.jrGrid24 > .jrCol21 {
  width: 87.39495798319328%;
  *width: 87.34243697478992%;
}
.jrGrid24 > .jrCol22 {
  width: 91.59663865546219%;
  *width: 91.54411764705883%;
}
.jrGrid24 > .jrCol23 {
  width: 95.7983193277311%;
  *width: 95.74579831932773%;
}
.jrGrid24 > .jrCol24 {
  width: 100%;
  *width: 99.94747899159664%;
}
/*************************************
List Columns
*************************************/
[class*="jrListColumn"]:before,
.jrListColumn:before,
[class*="jrListColumn"]:after,
.jrListColumn:after {
  content: " ";
  display: table;
}
[class*="jrListColumn"]:after,
.jrListColumn:after {
  clear: both;
}
[class*="jrListColumn"] .jrListItem,
.jrListColumn4 .jrListItem {
  float: left;
  text-align: center;
  margin: 0 1.428571429% 1.428571429% 0;
}
.jrListColumn .jrListItem {
  width: 23.64285714%;
}
.jrListColumn8 .jrListItem {
  width: 10.96428571%;
}
.jrListColumn7 .jrListItem {
  width: 12.7755102%;
}
.jrListColumn6 .jrListItem {
  width: 15.19047619%;
}
.jrListColumn5 .jrListItem {
  width: 18.57142857%;
}
.jrListColumn4 .jrListItem {
  width: 23.64285714%;
}
.jrListColumn3 .jrListItem {
  width: 32.0952381%;
}
.jrListColumn2 .jrListItem {
  width: 48.72857143%;
}
.jrListColumn1 .jrListItem {
  width: 99.71428571%;
}
.jrListColumn .jrListItem:nth-child(4n),
.jrListColumn8 .jrListItem:nth-child(8n),
.jrListColumn7 .jrListItem:nth-child(7n),
.jrListColumn6 .jrListItem:nth-child(6n),
.jrListColumn5 .jrListItem:nth-child(5n),
.jrListColumn4 .jrListItem:nth-child(4n),
.jrListColumn3 .jrListItem:nth-child(3n),
.jrListColumn2 .jrListItem:nth-child(2n),
.jrListColumn1 .jrListItem {
  margin: 0 0 1.428571429% 0;
}
@media (min-width: 768px) and (max-width: 979px) {
  .jrListColumn .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn8 .jrListItem {
    width: 12.7755102%;
  }
  .jrListColumn7 .jrListItem {
    width: 15.19047619%;
  }
  .jrListColumn6 .jrListItem {
    width: 18.57142857%;
  }
  .jrListColumn5 .jrListItem {
    width: 23.64285714%;
  }
  .jrListColumn4 .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn3 .jrListItem {
    width: 48.72857143%;
  }
  .jrListColumn2 .jrListItem {
    width: 99.71428571%;
  }
  .jrListColumn1 .jrListItem {
    width: 99.71428571%;
  }
  .jrListColumn .jrListItem:nth-child(4n),
  .jrListColumn8 .jrListItem:nth-child(8n),
  .jrListColumn7 .jrListItem:nth-child(7n),
  .jrListColumn6 .jrListItem:nth-child(6n),
  .jrListColumn5 .jrListItem:nth-child(5n),
  .jrListColumn4 .jrListItem:nth-child(4n),
  .jrListColumn3 .jrListItem:nth-child(3n),
  .jrListColumn2 .jrListItem:nth-child(2n),
  .jrListColumn1 .jrListItem {
    margin: 0 1.428571429% 1.428571429% 0;
  }
  .jrListColumn .jrListItem:nth-child(3n),
  .jrListColumn8 .jrListItem:nth-child(7n),
  .jrListColumn7 .jrListItem:nth-child(6n),
  .jrListColumn6 .jrListItem:nth-child(5n),
  .jrListColumn5 .jrListItem:nth-child(4n),
  .jrListColumn4 .jrListItem:nth-child(3n),
  .jrListColumn3 .jrListItem:nth-child(2n),
  .jrListColumn2 .jrListItem:nth-child(1n),
  .jrListColumn1 .jrListItem {
    margin: 0 0 1.428571429% 0;
  }
}
@media (max-width: 767px) {
  .jrListColumn .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn8 .jrListItem {
    width: 12.7755102%;
  }
  .jrListColumn7 .jrListItem {
    width: 15.19047619%;
  }
  .jrListColumn6 .jrListItem {
    width: 18.57142857%;
  }
  .jrListColumn5 .jrListItem {
    width: 23.64285714%;
  }
  .jrListColumn4 .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn3 .jrListItem {
    width: 48.72857143%;
  }
  .jrListColumn2 .jrListItem {
    width: 99.71428571%;
  }
  .jrListColumn1 .jrListItem {
    width: 99.71428571%;
  }
  [class*="jrListColumn"] .jrListItem:nth-child(n),
  .jrListColumn4 .jrListItem:nth-child(n) {
    margin: 0 1.428571429% 1.428571429% 0;
  }
  .jrListColumn .jrListItem:nth-child(3n),
  .jrListColumn8 .jrListItem:nth-child(7n),
  .jrListColumn7 .jrListItem:nth-child(6n),
  .jrListColumn6 .jrListItem:nth-child(5n),
  .jrListColumn5 .jrListItem:nth-child(4n),
  .jrListColumn4 .jrListItem:nth-child(3n),
  .jrListColumn3 .jrListItem:nth-child(2n),
  .jrListColumn2 .jrListItem:nth-child(1n),
  .jrListColumn1 .jrListItem {
    margin: 0 0 1.428571429% 0;
  }
}
@media (max-width: 480px) {
  .jrListColumn .jrListItem,
  .jrListColumn8 .jrListItem,
  .jrListColumn7 .jrListItem,
  .jrListColumn6 .jrListItem,
  .jrListColumn5 .jrListItem,
  .jrListColumn4 .jrListItem,
  .jrListColumn3 .jrListItem,
  .jrListColumn2 .jrListItem,
  .jrListColumn1 .jrListItem {
    width: 48.72857143%;
  }
  [class*="jrListColumn"] .jrListItem:nth-child(n),
  .jrListColumn4 .jrListItem:nth-child(n) {
    margin: 0 1.428571429% 1.428571429% 0;
  }
  .jrListColumn .jrListItem:nth-child(2n),
  .jrListColumn8 .jrListItem:nth-child(2n),
  .jrListColumn7 .jrListItem:nth-child(2n),
  .jrListColumn6 .jrListItem:nth-child(2n),
  .jrListColumn5 .jrListItem:nth-child(2n),
  .jrListColumn4 .jrListItem:nth-child(2n),
  .jrListColumn3 .jrListItem:nth-child(2n),
  .jrListColumn2 .jrListItem:nth-child(2n),
  .jrListColumn1 .jrListItem {
    margin: 0 0 1.428571429% 0;
  }
}
/* List item thumbnails */
.jrListItem .jrListItemThumb {
  margin: 8px 0;
}
.jrListItem .jrListItemThumb img {
  max-width: 100%;
}
/* List item content */
.jrListItem .jrListItemContent {
  margin: 0 4px;
}
/*************************************
List Column Styles
*************************************/
.jrShadowBox {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
.jrShadowBox:hover {
  -webkit-box-shadow: 0 0 10px #bebebe;
  box-shadow: 0 0 10px #bebebe;
}
/* Compact shadow box */
.jrCompactBox {
  background: #fff;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.16);
}
.jrCompactBox:hover {
  -webkit-box-shadow: 1px 1px 6px #bebebe;
  box-shadow: 1px 1px 6px #bebebe;
}
.jrCompactBox .jrListItemThumb {
  width: 100%;
  margin: 0 0 8px 0;
}
.jrCompactBox .jrListItemThumb img {
  width: 100%;
}
/*************************************
Icons
*************************************/
@font-face {
  font-family: 'jrIcons';
  src: url('fonts/jrIcons.eot');
  src: url('fonts/jrIcons.eot?#iefix') format('embedded-opentype'), url('fonts/jrIcons.svg#jrIcons') format('svg'), url('fonts/jrIcons.woff') format('woff'), url('fonts/jrIcons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting icons */
[data-jricon]:before {
  font-family: 'jrIcons';
  font-size: 14px;
  color: #333;
  content: attr(data-jricon);
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="jrIcon"] {
  display: inline-block;
  *display: inline;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
[class^="jrIcon"]:before {
  vertical-align: text-top;
  font-family: 'jrIcons';
  font-size: 14px;
  line-height: 1;
  color: #333;
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.jrIconListing:before {
  content: "\e000";
}
.jrIconAddListing:before {
  content: "\e001";
}
.jrIconEditListing:before {
  content: "\e002";
}
.jrIconEdit:before,
.jrIconNote:before {
  content: "\e003";
}
.jrIconDelete:before {
  content: "\e004";
}
.jrIconSearch:before {
  content: "\e005";
}
.jrIconManage:before,
.jrIconSync:before {
  content: "\e006";
}
.jrIconCart:before {
  content: "\e007";
}
.jrIconReviews:before {
  content: "\e008";
}
.jrIconAddReview:before {
  content: "\e009";
}
.jrIconComments:before {
  content: "\e00a";
}
.jrIconAddComment:before {
  content: "\e00b";
}
.jrIconThumbUp:before {
  content: "\e00c";
}
.jrIconThumbDown:before {
  content: "\e00d";
}
.jrIconEditor:before {
  content: "\e00e";
}
.jrIconUsers:before {
  content: "\e00f";
}
.jrIconPhoto:before,
.jrIconPhotos:before {
  content: "\e010";
}
.jrIconVideo:before,
.jrIconVideos:before {
  content: "\e011";
}
.jrIconAudio:before {
  content: "\e012";
}
.jrIconAttachment:before,
.jrIconAttachments:before {
  content: "\e013";
}
.jrIconMedia:before {
  content: "\e014";
}
.jrIconAddMedia:before {
  content: "\e015";
}
.jrIconGraph:before {
  content: "\e016";
}
.jrIconRequired:before {
  content: "\e017";
}
.jrIconRemove:before,
.jrIconCancel:before {
  content: "\e018";
}
.jrIconPlus:before,
.jrIconNew:before,
.jrIconCopy:before {
  content: "\e019";
}
.jrIconMinus:before {
  content: "\e01a";
}
.jrIconYes:before,
.jrIconSubmit:before,
.jrIconPublished:before,
.jrIconSave:before,
.jrIconApply:before {
  content: "\e01b";
}
.jrIconNo:before,
.jrIconUnpublished:before {
  content: "\e01c";
}
.jrIconWarning:before {
  content: "\e01d";
}
.jrIconBullet:before {
  content: "\e01e";
}
.jrIconCalendar:before {
  content: "\e01f";
}
.jrIconMap:before {
  content: "\e020";
}
.jrIconPin:before {
  content: "\e021";
}
.jrIconCompare:before {
  content: "\e022";
}
.jrIconFavorite:before {
  content: "\e023";
}
.jrIconUnfavorite:before {
  content: "\e024";
}
.jrIconNotFeatured:before,
.jrIconEmptyStar:before {
  content: "\e025";
}
.jrIconFeatured:before,
.jrIconStar:before {
  content: "\e026";
}
.jrIconArrowLeft:before {
  content: "\e027";
}
.jrIconArrowRight:before {
  content: "\e028";
}
.jrIconArrowDown:before {
  content: "\e029";
}
.jrIconArrowUp:before {
  content: "\e02a";
}
.jrIconLeft:before,
.jrIconPrev:before {
  content: "\e02b";
}
.jrIconRight:before,
.jrIconNext:before {
  content: "\e02c";
}
.jrIconUp:before {
  content: "\e02d";
}
.jrIconDown:before {
  content: "\e02e";
}
.jrIconMessage:before {
  content: "\e02f";
}
.jrIconClaim:before {
  content: "\e030";
}
.jrIconDrag:before {
  content: "\e031";
}
.jrIconSort:before {
  content: "\e032";
}
.jrIconInfo:before {
  content: "\e033";
}
.jrIconList:before {
  content: "\e034";
}
.jrIconCamera:before {
  content: "\e035";
}
.jrIconPreview:before {
  content: "\e036";
}
.jrIconRSSListing:before {
  content: "\e037";
}
.jrIconRSSReview:before {
  content: "\e038";
}
.jrIconPrint:before {
  content: "\e039";
}
/*******************************
Colored Icons
********************************/
.jrIconPublished:before {
  color: green;
}
.jrIconUnpublished:before {
  color: #AD0909;
}
.jrBlue > [class^="jrIcon"]:before,
.jrGreen > [class^="jrIcon"]:before,
.jrRed > [class^="jrIcon"]:before,
.jrOrange > [class^="jrIcon"]:before,
.jrDark > [class^="jrIcon"]:before {
  color: #fff;
}
/*************************************
RSS Link
*************************************/
.jrRSS {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.jrRSS .jrFeeds {
  overflow: hidden;
  margin: 0 !important;
  padding: 0;
}
.jrRSS .jrFeeds li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.jrRSS .jrFeeds li a {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(images/rss_orange.png) no-repeat;
  border: none;
  padding: 0;
  margin: 0;
}
.jrRSS .jrFeeds li a.jrFeedListings {
  background-position: 0 0;
}
.jrRSS .jrFeeds li a.jrFeedReviews {
  background-position: -20px 0;
}
.jrRSS .jrFeeds img {
  border: 0;
}
/*************************************
Loading image
*************************************/
.jrLoadingSmall,
.jrButtonSpinner {
  background: url(images/loading_s.gif) center left no-repeat;
}
.jrLoadingMedium {
  background: url(images/loading_m.gif) center left no-repeat;
  padding: 35px;
  display: block;
  margin: 0 auto;
}
.jrLoadingSmall {
  padding: 0 0 3px 15px;
  margin-left: 5px;
}
.jrButtonSpinner {
  padding: 0 0 0 15px;
  margin: 0 5px 0 0;
}
/*************************************
Breadcrumbs
*************************************/
.jrPathway {
  width: 80%;
  margin-bottom: .5em;
  padding-right: 15px;
  font-size: 0.9em;
}
.jrPathway a {
  background: url(images/breadcrumb.png) no-repeat center right;
  text-decoration: none;
  padding-right: 15px;
  margin-right: 3px;
}
/*************************************
JReviews helper classes
*************************************/
.jrPointer {
  cursor: pointer;
}
.jrHidden {
  display: none;
}
.jrLeft {
  float: left;
}
.jrRight {
  float: right;
}
.jrLeftAlign {
  text-align: left;
}
.jrCenterAlign {
  text-align: center;
}
.jrRightAlign {
  text-align: right;
}
.jrRounded {
  border-radius: 3px;
}
.jrShadow {
  -webkit-box-shadow: 0 0 2px #cccccc;
  box-shadow: 0 0 2px #cccccc;
}
ul.jrNoStyle,
ul.jrNoStyle > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.jrHideText {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/* Float clearing */
.jrClearfix {
  *zoom: 1;
}
.jrClearfix:before,
.jrClearfix:after {
  display: table;
  content: "";
}
.jrClearfix:after {
  clear: both;
}
.jrClear {
  clear: both;
}
/*************************************
Page Container and shared elementss
*************************************/
.jrPage {
  text-align: left;
  position: relative;
}
.jrPageHeader .contentheading {
  clear: left;
  margin-bottom: 10px;
}
.jrPageHeader .contentheading a {
  font-size: 14px;
  font-weight: bold;
}
/* Page Description: uses description defined for the category */
.jrPageDescription {
  width: 100%;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.jrPageDescription img {
  float: left;
  margin: 0 10px 10px 0;
  border: 0;
  max-width: 100%;
}
/* "List Scope": Container for categories or alphabet controls - filters/scopes list */
.jrListScope {
  margin: 0 0 15px 0;
  text-align: center;
}
.jrListScope h2 {
  /* Used for "categories in section" title */
  margin: 0 0 10px 0;
  font-weight: bold;
}
/* Alphabet Index */
.jrAlphaindex.jrButtonGroup {
  text-align: center;
  margin-bottom: 5px;
  display: inline-block;
}
.jrAlphaindex.jrButtonGroup .jrButton {
  font-size: 12px;
  text-transform: uppercase;
  padding: 1px 5px;
  text-align: center;
  text-decoration: none;
}
/* Search controls */
.jrListSearch {
  text-align: center !important;
  font-size: 13px;
  margin: 0;
}
.jrListSearch input.jrText {
  margin: 0;
}
.jrListSearch input,
.jrListSearch select {
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  padding: 3px 10px 3px 2px;
  background: #fff;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  color: #444;
  border-color: #bbb #ddd #ddd #bbb;
  border-radius: 3px;
}
.jrListSearch input:focus,
.jrListSearch select:focus {
  outline: none;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #777 #aaa #aaa #777;
}
/* List Sorting controls */
.jrOrdering {
  text-align: right;
  font-size: .9em;
}
.jrOrdering input,
.jrOrdering select {
  font-size: 11px;
}
.jrOrdering select option {
  padding-right: 10px;
}
.jrOrdering .jrMediaFilter {
  display: block;
}
.jrOrdering .jrMediaSort {
  display: block;
  margin: 5px 0 0 5px;
}
/* Captcha */
.jrCaptchaImg {
  float: left;
  margin-right: 10px;
}
input.jrCaptchaCode {
  height: 20px;
  width: 55px;
  padding: 5px !important;
  margin: 0 !important;
  text-align: center;
}
.jrCaptchaText {
  display: inline-block;
  padding: 8px;
}
/*************************************
Pagination
*************************************/
.jrPagination {
  width: 100%;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 10px;
  border: 0;
}
.jrPaginationBottom {
  margin-top: 10px;
  margin-bottom: 0;
}
.jrPagenavResults {
  text-align: left;
}
.jrPagenavPages {
  text-align: center;
  white-space: nowrap;
}
.jrPagenavPages .jrButton {
  margin-bottom: 3px;
}
.jrPagenavLimit {
  text-align: right;
}
.jrPagenavLimit select {
  font-size: 10px !important;
  width: auto !important;
  background: #f8f8f8;
  color: #444;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-color: #aaa #ccc #ccc #aaa;
  border-radius: 3px;
}
.jrPagenavLimit select:focus {
  outline: none;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #777 #aaa #aaa #777;
}
.jrPagenavLimit select option {
  padding-right: 10px;
}
.jrPagination .jrPageCurrent {
  color: #fff;
  cursor: default;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #cccccc;
  color: rgba(0, 0, 0, 0.8);
}
/*************************************
Common content elements - used throughout JReviews
*************************************/
.jrPage .jrListingThumbnail {
  clear: both;
  text-align: center;
}
.jrPage .jrListingThumbnail img {
  width: auto;
  max-width: 100%;
}
.jrPage .jrContentTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: .2em;
}
.jrPage .jrContentTitle a {
  font-size: 14px;
  font-weight: bold;
}
/* Compare Checkbox Button */
.jrCompareButton {
  position: relative;
}
.jrCompareButton input.jrCheckListing {
  font-size: 11px;
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
}
.jrCompareButton label.jrCheckListingLabel {
  display: inline;
  cursor: pointer;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.jrCompareButton .comparisonMessageMax {
  left: -65px;
  top: -75px;
}
/* JReviews login box */
.jrLoginBox {
  float: left;
}
.jrReviewSummary .jrLoginBox {
  float: left;
  clear: left;
  margin-top: 15px;
}
input#jr-username,
input#jr-password {
  background: #fff;
  padding: 4px;
  vertical-align: top;
  color: #444;
  border-width: 1px;
  border-style: solid;
  border-color: #bbb #ddd #ddd #bbb;
  border-radius: 3px;
}
.jrLogin.jrButton {
  margin: 0;
  vertical-align: middle;
}
/* Custom Module Positions */
.jrCustomModule {
  margin: 10px 0;
}
.jrMapColumn .jrCustomModule {
  width: 300px;
}
/* JReviews slider scroll arrows */
.jrScrollLeft,
.jrScrollRight {
  background: url(images/arrows.png) no-repeat;
  display: block;
  width: 22px;
  height: 22px;
  float: left;
  margin: 42px 8px;
  cursor: pointer;
  font-size: 1px;
  visibility: hidden;
}
.jrScrollLeft {
  background-position: 0 0;
  margin-left: 0px;
}
.jrScrollRight {
  background-position: -22px 0;
  margin-right: 0px;
}
.jrScrollLeft.jrDisabled {
  background-position: -44px 0;
}
.jrScrollRight.jrDisabled {
  background-position: -66px 0;
}
/*************************************
Media Elements
*************************************/
/* Media List page */
.jrMediaList .jrListItem {
  height: 165px;
}
.jrMediaList .jrMediaItem {
  position: relative;
  padding-top: 5px;
  text-align: center;
}
.jrMediaList .jrMediaThumb {
  display: inline-block;
  position: relative;
}
.jrMediaList .jrMediaTypePhoto .jrMediaThumb:before,
.jrMediaList .jrMediaTypeVideo .jrMediaThumb:before,
.jrMediaList .jrMediaTypeAudio .jrMediaThumb:before,
.jrMediaList .jrMediaTypeAttachment .jrMediaThumb:before {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  background-image: url(images/icons_overlay.png);
  background-repeat: no-repeat;
  content: "";
}
.jrMediaList .jrMediaThumb {
  height: 90px;
}
.jrMediaList .jrMediaThumb img {
  max-width: 100%;
  max-height: 100%;
}
.jrMediaList .jrMediaTypePhoto .jrMediaThumb:before {
  background-position: 0 0;
}
.jrMediaList .jrMediaTypeVideo .jrMediaThumb:before {
  background-position: -18px 0;
}
.jrMediaList .jrMediaTypeAudio .jrMediaThumb:before {
  background-position: -36px 0;
}
.jrMediaList .jrMediaTypeAttachment .jrMediaThumb:before {
  background-position: -52px 0;
}
.jrMediaList .jrMediaTypeVideo .jrMediaThumb:after {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
.jrMediaList .jrMediaInfo {
  margin: 10px 5px 0 5px;
  line-height: 1.4;
}
.jrMediaList .jrMediaInfo .jrMediaListingTitle,
.jrMediaList .jrMediaInfo .jrMediaFrom,
.jrMediaList .jrMediaInfo .jrMediaCreated,
.jrMediaList .jrMediaInfo .jrMediaViews {
  font-size: 11px !important;
}
.jrMediaList .jrMediaInfo .jrMediaTitle {
  height: 32px;
  overflow: hidden;
}
.jrMediaList .jrMediaInfo .jrMediaListingTitle {
  height: 13px;
  line-height: 13px;
  overflow: hidden;
}
.jrMediaList .jrCompactBox,
.jrMediaList .jrCompactBox .jrMediaItem {
  padding: 0;
}
.jrMediaList .jrCompactBox .jrMediaThumb {
  width: 100%;
  overflow: hidden;
}
.jrMediaList .jrCompactBox .jrMediaThumb a {
  display: block;
  height: 90px;
}
.jrMediaList .jrCompactBox .jrMediaThumb img {
  width: 100% !important;
  height: auto !important;
  max-height: none;
}
.jrMediaList .jrCompactBox .jrMediaInfo {
  margin: 5px 5px 0 5px;
}
/* Media Sorting Page */
.jrMediaSort .jrIconSort {
  display: none;
}
.jrMediaSort .jrSortHandle {
  cursor: move;
  float: left;
  width: 25px;
  margin: 10px 0 0 5px;
}
.jrMediaSort:hover .jrIconSort {
  display: block;
}
.jrMediaSort .jrMediaThumbnail {
  overflow: hidden;
  max-width: 70px;
}
.jrMediaSort .jrIconStar,
.jrMediaSort .jrIconEmptyStar {
  margin: 0;
}
.jrMediaSort .jrIconStar:before {
  color: #f31818;
}
/* Video Gallery */
.jrVideoGallery {
  margin-bottom: 20px;
  clear: both;
}
.jrVideoGallery video {
  max-width: 100%;
}
.jrVideoGallery .jrVideo {
  margin-bottom: 20px;
}
.jrVideoGallery.jrVideoLightbox {
  margin: 0;
  font-family: sans-serif;
  font-size: 13px;
}
.jrVideoGallery.jrVideoLightbox .jrMediaActions {
  margin: 0;
}
.jrVideoGallery.jrVideoLightbox .jrVideoSlider,
.jrVideoGallery.jrVideoLightbox .jrScrollLeft,
.jrVideoGallery.jrVideoLightbox .jrScrollRight {
  display: none;
}
.jrVideoGallery .jrVideoCurrentInfo {
  margin: 10px 0;
  overflow: hidden;
}
.jrVideoGallery .jrVideoCurrentInfo a {
  display: block;
  float: left;
  margin-right: 10px;
}
.jrVideoGallery .jrVideoInfo {
  margin: 10px 0;
}
.jrVideoGallery .jrMediaActions {
  margin: 10px 0;
  overflow: hidden;
}
.jrVideoGallery .jrMediaActions .jrMediaLikeDislike {
  float: left;
  margin-right: 5px;
}
.jrVideoGallery .jrMediaActions .jrMediaLikeDislike .jrButton {
  font-weight: bold;
}
.jrVideoGallery .jrMediaActions .jrReport {
  float: left;
  margin-left: 5px;
}
.jrVideoGallery .jrMediaTitle {
  font-weight: bold;
  margin: 5px 0;
}
.jrVideoGallery .jrMediaDescription {
  max-height: 200px;
  overflow: auto;
}
/* Video List */
.jrVideoGallery .jrMediaFilter {
  margin-bottom: 10px;
  overflow: hidden;
}
.jrVideoGallery .jrMediaFilter .jrMediaOrder {
  display: block;
  float: right;
}
/* Video Slider */
.jrVideoSlider {
  position: relative;
  float: none;
  padding: 0;
  overflow: hidden;
}
.jrVideoSlider .bx-wrapper {
  margin: 0 !important;
}
.jrVideoSlider.jrSliderSideArrows {
  padding: 0 25px;
}
.jrVideoSlider.jrSliderSideArrows .bx-wrapper .bx-next {
  right: -25px;
}
.jrVideoSlider .jrVideoList .jrMediaThumb:after {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
.jrVideoSlider .jrVideoListItem {
  position: relative;
  float: left;
  height: 90px;
  margin: 0 15px 10px 0;
  border: 1px solid #ccc;
}
/* Photo Gallery */
.jrPhotoGallery .jrMediaFilter {
  margin-bottom: 10px;
}
.jrPhotoGallery .jrMediaFilter .jrMediaOrder {
  display: block;
  float: right;
}
.jrPhotoSlideShow {
  width: 100%;
  margin: 40px 0 20px 0;
  overflow: hidden;
}
.jrTabs .jrPhotoSlideShow {
  margin: 10px 0;
}
.jrPhotoSlideShow .jrPhotoInfo,
.jrPhotoSlideShow .jrPhotoCaption {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}
.jrPhotoSlideShow .galleria-info {
  display: none !important;
}
.jrPhotoSlideShow .jrPhotoInfo {
  bottom: 0;
  padding-bottom: 25px;
}
.jrPhotoSlideShow .jrPhotoCaption {
  top: 0;
}
.jrPhotoSlideShow.jrPhotoOverlay:hover .jrPhotoInfo,
.jrPhotoSlideShow.jrPhotoOverlay:hover .jrPhotoCaption {
  display: block;
}
.jrPhotoSlideShow .jrPhotoInfo a {
  color: #eee;
  text-decoration: underline;
}
.jrPhotoSlideShow .jrMediaActions {
  margin: 5px 5px 10px 0;
}
.jrPhotoSlideShow .jrMediaActions .jrButton {
  margin: 5px 0 0 0;
}
.jrPhotoSlideShow .jrMediaActions .jrMediaLikeDislike {
  float: left;
  margin-right: 5px;
}
.jrPhotoSlideShow .jrMediaActions .jrMediaLikeDislike .jrButton {
  font-weight: bold;
}
.jrPhotoSlideShow .jrMediaActions .jrReport {
  float: left;
  margin-left: 5px;
}
.jrPhotoSlideShow .jrIconGraph:before {
  color: #fff;
}
.jrPhotoGallery {
  margin-bottom: 20px;
}
.jrPhotoGallery .jrMediaDescription {
  margin-bottom: 10px;
}
.jrPhotoGallery .jrPhotoCaption {
  margin: 5px 0;
  font-weight: bold;
}
.jrPhotoGallery .jrMediaActions {
  margin: 10px 0;
  overflow: hidden;
}
.jrPhotoGallery .jrMediaActions .jrMediaLikeDislike {
  float: left;
  margin-right: 5px;
}
.jrPhotoGallery .jrMediaActions .jrMediaLikeDislike .jrButton {
  font-weight: bold;
}
.jrPhotoGallery .jrMediaActions .jrReport {
  margin-left: 5px;
}
/* Compact Photo Gallery */
.jrPhotoGalleryCompact {
  float: right;
  clear: right;
  margin: 0 0 20px 10px;
}
.jrPhotoGalleryCompact .jrPhotoSlideShow {
  width: 350px;
  height: 330px;
  margin: 0;
}
.jrPhotoGalleryCompact .jrMediaDescription {
  display: none;
}
.jrPhotoGalleryCompact .jrPhotoInfo {
  padding: 5px 10px;
}
.jrPhotoGalleryCompact .jrPhotoInfo .jrMediaActions {
  margin: 5px 0;
}
.jrPhotoGalleryCompact.jrMediaLeft {
  float: left;
  clear: left;
  margin: 0 10px 20px 0;
}
/**********************************************
Masonry
***********************************************/
.jrMasonry .jrResults {
  padding: 15px 1px 0 1px;
  text-align: center;
}
.jrMasonry .jrResults .jrListItem {
  float: left;
  margin: 0 0 10px 0 !important;
  height: auto;
}
.jrMasonry .jrResults .jrListingThumbnail {
  margin: 8px 0;
}
.jrMasonry .jrResults .jrContentTitle {
  margin: 8px 3px;
  font-size: 13px;
  line-height: 1.2;
}
.jrMasonry .jrResults .jrContentTitle a {
  font-size: 13px;
  line-height: 1.2;
  margin: 0;
}
.jrMasonry .jrResults .jrStatusIndicators {
  display: none;
}
.jrMasonry .jrResults div.jrOverallRatings {
  margin: 10px auto;
  width: 148px;
  float: none;
  font-size: 0.9em;
}
.jrMasonry .jrResults .jrListingButtons {
  margin: 10px auto;
}
.jrMasonry .jrMediaList {
  padding-bottom: 40px;
}
.jrMasonry .jrMediaList .jrMediaThumb {
  display: block;
}
.jrMasonry .jrMediaList .jrMediaThumb {
  height: auto;
}
.jrMasonry .jrMediaList .jrMediaThumb a {
  display: block;
  height: auto;
}
.jrMasonry .jrMediaList .jrMediaThumb img {
  width: auto !important;
}
.jrMasonry .jrMediaList .jrMediaInfo {
  margin: 10px 5px 5px 5px;
}
/*************************************
Discussion page
*************************************/
.jrDiscussion .jrListItem {
  clear: both;
  border-top: solid 1px #ddd;
  margin: 0 0 10px 0 !important;
  padding-top: 10px;
}
.jrDiscussion .jrContentTitle,
.jrDiscussion .jrContentTitle a {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3em;
}
.jrDiscussion .jrContentColumn {
  float: right;
  margin: 0 0 20px 20px;
  text-align: center;
  width: 150px;
}
.jrDiscussion .jrListingThumbnail {
  float: right;
  clear: left;
  border: solid 1px #ccc;
  padding: 1px;
  margin-right: 5px;
}
.jrDiscussion .jrReviewColumn {
  clear: both;
}
.jrDiscussion .jrPostNewComment {
  margin: 15px 0 15px 0;
}
.jrDiscussion .jrPostCommentReply {
  margin-top: 5px;
  font-size: 1.05em;
}
.jrDiscussion .jrCommentReply {
  margin-left: 15px;
}
.jrDiscussion .jrReviewComments {
  margin-top: 20px;
  word-wrap: break-word;
}
/* discussion list page */
.jrDiscussion .jrPostList .jrContentTitle {
  float: left;
  margin-right: 10px;
}
.jrDiscussion .jrPostList .jrCommentText,
.jrDiscussion .jrPostList .jrCommentReviewTitle {
  clear: left;
  margin-bottom: 5px;
}
.jrDiscussion .jrPostList .jrCommentReviewTitle {
  font-weight: bold;
}
/*************************************
Directory page
*************************************/
.jrDirview {
  padding-top: 10px;
}
.jrDirview h3,
.jrDirview h3.contentheading {
  margin: 0 0 1em 0;
  padding: 0;
}
.jrDirview .jrRSS {
  position: static;
  float: right;
}
.jrDirview .jrDirectoryColumn {
  margin: 0 3% 0 0;
  float: left;
}
.jrDirview .jrClear {
  height: 30px;
}
/* no image */
.jrDirview.jrDirviewThumbNo div.jrListingThumbnail,
.jrDirview.jrDirviewThumbNone div.jrListingThumbnail {
  display: none;
}
/* image above category */
.jrDirview.jrDirviewThumbAbove div.jrContentDiv {
  clear: left;
}
/* image left of category */
.jrDirview.jrDirviewThumbLeft .jrCatLevel1 div.jrContentDiv {
  float: none;
}
/*************************************
Joomla 2.5 Directory Styles
*************************************/
.jrDirview .jrContentDiv ul {
  margin: 2px;
  padding-left: 20px;
  overflow: hidden;
}
.jrDirview li {
  margin: 0;
}
.jrDirview ul li.jrCatLevel1 {
  float: left;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
  background: none;
  font-weight: bold;
  font-size: 1.2em;
}
.jrDirview ul li ul {
  font-weight: normal;
  font-size: 1em;
}
.jrDirview ul li .jrListingThumbnail {
  float: left;
  margin: 0 10px 10px 0;
  border: solid 1px #ccc;
  width: auto;
  overflow: hidden;
}
.jrDirview ul li .jrContentDiv {
  float: left;
}
.jrDirview ul li.jrCatLevel2 .jrContentDiv {
  float: none;
}
/* comma separated values */
.jrDirview.jrFormatComma ul li ul {
  padding: 0;
  margin: 0;
}
.jrDirview.jrFormatComma li.jrCatLevel2 {
  float: left;
  list-style: none;
  margin-right: 5px;
}
.jrDirview.jrFormatComma li.jrCatLevel2 .jrContentDiv:after {
  content: ",";
}
.jrDirview.jrFormatComma li.jrCatLevel2:last-child .jrContentDiv:after {
  content: "";
}
.jrDirview.jrFormatComma li.jrCatLevel2 ul {
  display: none;
}
/*************************************
Detailed Ratings
*************************************/
.jrRatingInfo {
  float: right;
  border: 1px solid #ddd;
  padding: 8px;
  margin: 0 0 5px 5px;
  background: #f5f5f5;
  border-radius: 6px;
}
.jrRoundedPanel .jrRatingInfo {
  border: 1px solid #ccc;
  background: #ddd;
}
.jrRatingTable {
  margin-bottom: 0;
  border: 0;
}
.jrRatingTable td {
  font-size: 0.9em;
  vertical-align: top;
  border: 0;
}
.jrRatingTable td.jrRatingLabel {
  font-weight: bold;
  padding: 3px 5px 2px 0;
  text-align: left;
  white-space: nowrap;
}
.jrRatingTable td.jrRatingValue {
  font-weight: normal;
  padding: 3px 15px 2px 5px;
  text-align: left;
  white-space: nowrap;
}
/*************************************
Rating Stars
*************************************/
.jrRatingStarsUser,
.jrRatingStarsEditor,
.jrRatingStarsUser div,
.jrRatingStarsEditor div {
  background: url(images/rating_stars.png) 0 0 repeat-x;
  height: 16px;
  font-size: 1px;
}
.jrRatingStarsUser,
.jrRatingStarsEditor {
  width: 80px;
  margin-top: 3px;
  text-align: left;
}
.jrRatingStarsUser div {
  background-position: 0 -16px;
}
.jrRatingStarsEditor div {
  background-position: 0 -32px;
}
/*************************************
Overall Ratings
*************************************/
.jrOverallRatings {
  float: right;
}
.jrOverallRatings .jrOverallEditor,
.jrOverallRatings .jrOverallUser {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.jrOverallRatings .jrRatingLabel {
  display: inline;
  float: left;
  width: 16px;
  margin: 3px 5px 0 0;
}
.jrOverallRatings .jrRatingStars {
  display: inline;
  float: left;
}
.jrOverallRatings .jrRatingValue {
  display: inline;
  float: left;
  margin-top: 2px;
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  padding: 2px;
  line-height: 1.2;
}
/*************************************
Custom Fields Presentation
*************************************/
/* container for all custom field groups that appear with use of the {CUSTOMFIELDS} tag */
.jrFieldGroup {
  /* container div for individual field group */
  padding-bottom: 1em;
}
.jrFieldGroupTitle,
h3.jrFieldGroupTitle {
  text-transform: uppercase;
  font-size: 11px;
  padding: 0 0 2px 0;
  margin-top: 0 !important;
  margin-bottom: .3em;
}
.jrFieldGroup .jrFieldRow {
  margin-bottom: 5px;
  overflow: hidden;
}
.jrFieldGroup .jrFieldLabel {
  float: left;
  clear: left;
  width: 110px;
  font-weight: bold;
  text-align: left;
  white-space: normal;
}
.jrFieldGroup .jrFieldLabelDisabled {
  display: none;
}
.jrFieldGroup .jrFieldValue {
  margin-left: 120px;
}
.jrFieldGroup .jrFieldValue.jrLabelDisabled {
  margin-left: 0;
}
.jrFieldGroup .jrFieldValue img {
  border: 0;
}
ul.jrFieldValueList,
ul.jrFieldValueList li {
  overflow: hidden;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}
ul.jrFieldValueList li {
  margin-right: 5px !important;
  white-space: nowrap;
  float: left;
  *float: none;
  display: block;
}
ul.jrFieldValueList li:after {
  content: '\2022';
  padding-left: 5px;
}
ul.jrFieldValueList li:last-child:after {
  content: '';
}
ul.jrFieldValueList.jrFieldRelated li {
  float: none;
}
ul.jrFieldValueList.jrFieldRelated li:after {
  content: '';
  padding-right: 0;
}
/**************************
Reviewer Rank List
***************************/
.jrReviewerRank .jrAvatar {
  max-width: 55px;
}
/**************************
Comparison Dashboard
***************************/
.jrCompareDashboard {
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2000;
  background: #f5f5f5;
  font-size: 13px;
  text-align: left;
  border: 0;
  margin: 0;
  padding: 3px 0 0 0;
  -webkit-box-shadow: 0px 0px 9px #999999;
  box-shadow: 0px 0px 9px #999999;
}
.jrCompareDashboard .jrCompareHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: #ddd;
  border-bottom: 1px solid #999;
  z-index: 1;
}
.jrCompareDashboard .jrCompareArrow {
  position: absolute;
  top: 12px;
  right: 100px;
  z-index: 2;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 12px solid #555;
}
.jrCompareDashboard .jrCompareArrow.down {
  border-bottom: 0;
  border-top: 12px solid #555;
}
.jrCompareDashboard .jrCompareTabs {
  float: none;
  position: relative;
  width: 900px;
  margin: 0 auto;
  padding: 0;
  z-index: 2;
  background: none;
  border: 0;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav {
  margin: 0;
  padding: 0 0 0 30px;
  background: none;
  float: none;
  border: 0;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav li {
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  top: 1px;
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffcccccc', GradientType=0);
  margin: 0 5px 0 0;
  padding: 0;
  border: 1px solid #999 !important;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav li a {
  outline: none;
  color: #333 !important;
  background: transparent;
  padding: 0 1em;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav li.ui-tabs-active {
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#fff5f5f5', GradientType=0);
  margin: 0 5px 1px 0;
  border-bottom: 1px solid #f5f5f5 !important;
}
.jrCompareDashboard .jrCompareTitle {
  position: absolute;
  top: 0;
  left: -170px;
  width: 190px;
  height: 32px;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  line-height: 32px;
}
.jrCompareDashboard .jrCompareTabs .jrTabsContainer {
  display: none;
}
.jrCompareDashboard .jrCompareTabs .ui-tabs-panel {
  padding: 10px 0 5px 0;
  position: relative;
}
.jrCompareDashboard .jrCompareTabs .ui-tabs-panel .jrCompareScroll {
  position: relative;
  float: none;
  max-width: 740px;
  padding: 0 0 0 30px;
  overflow: hidden;
}
.jrCompareDashboard .jrCompareTabs .ui-tabs-panel ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  min-height: 50px;
}
.jrCompareDashboard .jrCompareTabs .ui-tabs-panel ul li.ltItem {
  position: relative;
  float: left;
  height: 22px;
  width: 30%;
  margin: 0 10px 5px 0;
  padding: 3px;
  list-style: none;
  overflow: hidden;
  border: 1px solid #ccc;
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe8e8e8', GradientType=0);
  border-radius: 6px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.jrCompareDashboard .jrCompareTabs span.removeItem {
  position: absolute;
  bottom: 10px;
  right: 1px;
  cursor: pointer;
  width: 14px;
  height: 14px;
}
.jrCompareDashboard .jrCompareTabs .compareThumb {
  float: left;
  width: 20px;
  max-height: 20px;
  border: 1px solid #ccc;
  margin-right: 5px;
  overflow: hidden;
}
.jrCompareDashboard .jrCompareTabs .compareThumb a:hover {
  background: none;
}
.jrCompareDashboard .jrCompareTabs .compareThumb img {
  width: 20px;
  border: 0;
}
.jrCompareDashboard .jrCompareTabs span.compareItemTitle {
  display: block;
  text-align: left;
  line-height: 22px;
  font-size: 13px;
  padding-right: 15px;
  overflow: hidden;
}
.jrCompareDashboard .jrCompareTabs span.compareItemTitle a {
  color: #333 !important;
  font-size: 10px;
  line-height: 1.2em;
}
.jrCompareDashboard .jrCompareButtons {
  position: absolute;
  top: 10px;
  right: 0px;
  width: 120px;
}
.jrCompareDashboard .jrCompareButtons a {
  margin-bottom: 5px;
}
.jrCompareDashboard p.comparisonMessage {
  position: absolute;
  top: -65px;
  right: 0;
}
.jrCompareDashboard p.comparisonMessageMax {
  position: absolute;
  top: -20px;
  left: 100px;
  white-space: normal;
}
/*************************************
Debug styles
*************************************/
.jrThemeDebugDiv {
  border: 1px dashed #c1150f;
  padding: 5px;
  margin: 5px;
  clear: both;
}
.jrThemeDebug {
  padding: 3px 8px;
  display: inline-block;
  margin-bottom: 8px;
  color: #fff;
  font-weight: normal;
  background-color: #bc1b1c;
  border: 1px solid #bc1b1c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
}
.jrDebug {
  background-color: #3a87ad;
  text-transform: none;
  font-weight: normal;
  font-size: 11px;
  margin-right: 5px;
}
.jrDebugHighlight {
  background-color: #faf25f;
  color: #000;
  text-transform: none;
  font-weight: normal;
  font-size: 11px;
  margin-right: 0;
}
/**********************************
Lightbox (Magnific Popup) overrides
***********************************/
.mfp-iframe-scaler {
  padding-top: 68% !important;
}
.mfp-iframe-scaler iframe {
  background: #fff !important;
  font-family: sans-serif !important;
}
.mfp-counter {
  width: 50px;
  text-align: right;
}
button.mfp-close,
button.mfp-arrow {
  background: transparent !important;
  outline: none;
}
/* Animation */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/****************************
Video.js overrides
*****************************/
.jrVideoGallery .vjs-default-skin .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin: -4em 0 0 -6em;
}
/************************
jQuery UI additions
*************************/
.ui-autocomplete-loading {
  background: #ffffff url(images/loading_s.gif) right center no-repeat !important;
}
/* fixes issues with the streetview inside a hidden tab */
object#panoflash1 {
  width: 100%;
}
/* Tabs */
.jrTabs.ui-tabs {
  padding: 0;
  border: 0;
  font-size: 1em;
  background: none;
}
.jrTabs.ui-tabs .ui-tabs-nav {
  margin: 0 !important;
  padding: 0.2em 0.2em 0 0 !important;
  border: 0;
  background: none;
}
.jrTabs.ui-tabs .ui-tabs-nav li {
  margin: 0 3px 1px 0 !important;
  list-style: none !important;
  top: 1px;
}
.jrTabs.ui-tabs .ui-tabs-nav li a {
  padding: 6px 10px;
}
.jrTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.jrTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border: 1px solid #ccc;
  border-bottom: 0 !important;
  padding: 0;
  top: 2px;
}
.jrTabs.ui-tabs .ui-tabs-nav li.ui-state-hover {
  border: 1px solid #ccc;
  border-bottom: 0 !important;
}
.jrTabs.ui-tabs .ui-tabs-panel {
  background: #fff;
  border: 1px solid #ccc;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.jrTabs .ui-state-focus a {
  outline: none;
}
/**************************
* Social Bookmarks
***************************/
.socialBookmarks,
.socialBookmarksVertical {
  clear: left;
  float: left;
  display: inline-block;
  margin-bottom: 30px;
  position: relative;
  z-index: 100;
}
.socialBookmarks iframe,
.socialBookmarks div,
.socialBookmarks .IN-widget,
.socialBookmarks #___plusone_0,
.socialBookmarks > [class*="pin_it"],
.socialBookmarksVertical .reddit-button,
.socialBookmarksVertical iframe,
.socialBookmarksVertical div,
.socialBookmarksVertical .IN-widget,
.socialBookmarksVertical #___plusone_0,
.socialBookmarksVertical > [class*="pin_it"],
.socialBookmarksVertical .reddit-button {
  vertical-align: top !important;
  margin-right: 10px !important;
}
.socialBookmarks iframe,
.socialBookmarksVertical iframe {
  max-width: none !important;
}
div.socialBookmarksVertical a[class^="PIN"] {
  margin-top: 30px !important;
}
/* Facebook Buttons */
.jrFacebookPublish {
  margin: 0 0 15px 0 !important;
}
.jrFacebookPublish input {
  margin-right: 5px !important;
}
.jr-fb-send span {
  width: 52px !important;
  height: 20px !important;
  vertical-align: top !important;
}
.jr-fb-send iframe {
  width: 52px !important;
  height: 20px !important;
}
.jr-fb-send iframe.fb_iframe_widget_lift {
  width: 460px !important;
  height: 345px !important;
}
/* Custom Social Buttons */
.socialBookmarksCustom a {
  display: inline-block;
  padding: 4px 8px;
  color: #fff !important;
  text-decoration: none;
  margin: 6px 6px 6px 0;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}
.socialBookmarksCustom a:hover {
  text-decoration: none;
}
.socialBookmarksCustom .jrTwitter {
  background: #26C4F1;
  border: 1px solid #0eaad6;
}
.socialBookmarksCustom .jrTwitter:hover {
  background: #0eaad6;
}
.socialBookmarksCustom .jrFacebook {
  background: #306199;
  border: 1px solid #244872;
}
.socialBookmarksCustom .jrFacebook:hover {
  background: #244872;
}
.socialBookmarksCustom .jrGooglePlus {
  background: #E93F2E;
  border: 1px solid #ce2616;
}
.socialBookmarksCustom .jrGooglePlus:hover {
  background: #ce2616;
}
.socialBookmarksCustom .jrLinkedIn {
  background: #007BB6;
  border: 1px solid #005983;
}
.socialBookmarksCustom .jrLinkedIn:hover {
  background: #005983;
}
.socialBookmarksCustom .jrPinterest {
  background: #B81621;
  border: 1px solid #8a1119;
}
.socialBookmarksCustom .jrPinterest:hover {
  background: #8a1119;
}
.socialBookmarksCustom .jrReddit {
  background: #444;
  border: 1px solid #2b2b2b;
}
.socialBookmarksCustom .jrReddit:hover {
  background: #2b2b2b;
}
/*************************************
Joomla Styles
*************************************/
table.contentpaneopen,
table.contentpane {
  margin: 0;
  padding: 0;
  width: 100% !important;
}
/*************************************
Community Builder Overrides
*************************************/
/* cb status ratings */
.cbStatusList .jrOverallRatings {
  float: none;
}
/*************************************
Google Maps Places Overrides
*************************************/
.pac-container {
  width: auto !important;
}
/*************************************
Responsive styles
*************************************/
/* Tablet to desktop */
@media (min-width: 768px) and (max-width: 979px) {
  /* Comparison dashboard */
  .jrCompareDashboard .jrCompareTabs {
    width: 720px;
  }
  .jrCompareDashboard .jrCompareTabs .ui-tabs-panel .jrCompareScroll {
    max-width: 535px;
  }
  .jrCompareDashboard .jrCompareTabs .ui-tabs-panel ul li.ltItem {
    width: 46%;
  }
  .jrCompareDashboard .jrCompareTitle {
    display: none;
  }
}
/* Smartphone to tablet */
@media (max-width: 767px) {
  /* Directory */
  .jrDirview > ul {
    padding-left: 10px;
  }
  .jrDirview ul li.jrCatLevel1 {
    float: none !important;
    width: auto !important;
    overflow: hidden;
  }
  /* List pages */
  .jrListSearch a {
    clear: both;
    display: block;
    margin: 5px 0;
  }
  .jrPagenavResults,
  .jrPagenavLimit,
  .jrOrdering {
    text-align: center;
  }
  .jrOrdering .jrMediaFilter {
    display: inline;
  }
  .jrOrdering .jrMediaSort {
    display: inline;
    margin: 0;
  }
  .jrPagenavPages {
    margin: 8px 0;
  }
  /* Blogview - disable map */
  .jrListingColumn {
    width: auto !important;
  }
  .jrMapColumn {
    display: none;
  }
  /* Tableview */
  .jrTableview .jrTableColumnFirst {
    display: none !important;
  }
  /* Detail page map */
  .jrMapLayoutDetail .jrMapDetail {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .jrMapLayoutDetail .jrStreetviewDetail {
    width: 100%;
    clear: both;
  }
}
/* Smartphone */
@media (max-width: 480px) {
  /* Detail page */
  .jrListingDetail .jrListingStatus {
    float: left !important;
  }
  .jrListingDetail .jrListingMainImage {
    float: left !important;
    margin: 0 0 10px 0;
  }
  .jrListingDetail .jrCustomFields {
    clear: both;
  }
  .jrAttachments .jrAttachmentSize,
  .jrAttachments .jrAttachmentType {
    display: none;
  }
  .jrCompareButton {
    display: none;
  }
  .jrPopup {
    left: 0 !important;
    right: 0;
    margin: 0 auto;
  }
  .jrPopup:after,
  .jrPopup:before {
    display: none;
  }
  .jrTabs.ui-tabs .ui-tabs-nav li {
    width: 95%;
    overflow: hidden;
  }
  .jrTabs.ui-tabs .ui-tabs-nav li a {
    width: 100%;
  }
  .jrTabs.ui-tabs .ui-tabs-panel {
    padding: 8px;
  }
  /* Reviews */
  .jrReviewSummary .jrButton {
    margin-bottom: 10px;
  }
  .jrReviewSummary .jrReviewSummarySidebar {
    float: none;
  }
  .jrReviewContainer .jrRatingInfo {
    float: none;
    margin-bottom: 10px;
  }
  .jrReviewContainer .jrUserInfo {
    clear: both;
    margin-bottom: 10px;
  }
  /* Form */
  .jrForm fieldset {
    padding: 5px;
  }
  .jrForm .jrTitle,
  .jrForm .jrReviewTitle,
  .jrForm .jrText,
  .jrForm .jrEmail,
  .jrForm .jrWebsite,
  .jrDirectionsAddress input {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .jrPaidStep {
    width: auto !important;
  }
  /* Media */
  .jrVideoCurrentInfo {
    display: none;
  }
  .jrMediaForm .jrMediaDiv {
    padding: 5px;
  }
  /* Modules */
  .jrModuleItems .jrListingsModule .jrModuleItem,
  .jrModuleItems .jrReviewsModule .jrModuleItem,
  .jrModuleItems .jrPlugin .jrModuleItem {
    float: none;
    width: 100% !important;
  }
}
/*************************************
LIST PAGE CLASSES
*************************************/
/*************************************
List page header
*************************************/
.jrCategoryList {
  text-align: center;
  margin-bottom: 10px;
}
.jrCategoryTitle {
  margin-top: 8px;
}
.jrCategoryList img {
  max-width: 100% !important;
}
.jrAddListing.jrButton {
  float: right;
  margin: 0 0 10px;
}
.jrAddListing.jrButton .jrIconAddListing {
  position: relative;
  top: 2px;
}
/*************************************
Common List page elements
*************************************/
/* Listing Titles */
.jrListings .jrContentTitle,
.jrListings .jrContentTitle a {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
}
.jrListings .jrContentTitle a {
  margin: 0 10px 5px 0;
}
.jrListings .jrStatusIndicators span {
  font-size: 9px;
  line-height: 13px;
}
/* Listing Actions - div that contains the read more, read reviews, write review links */
.jrResults .jrListingActions {
  position: absolute;
  bottom: 3px;
  left: 0;
}
.jrResults .jrListingActionsBox {
  display: none;
  clear: both;
  background: #eee;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #ddd;
  position: absolute;
  bottom: 1px;
  left: 0;
  padding: 5px;
}
.jrResults .jrListItem:hover .jrListingActionsBox {
  display: block;
}
.jrTableview .jrResults .jrListingActions {
  position: static;
  margin-top: 10px;
}
.jrTableview .jrResults tr:hover .jrListingActionsBox {
  display: inline-block;
}
/*************************************
TABLEVIEW:for list views of type "table"
*************************************/
.jrTableview .jrResults {
  border-collapse: collapse;
}
.jrTableview .jrResults th {
  padding: .2em 1em .2em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f9f9f9;
}
.jrTableview .jrResults th.jrTableColumnFirst {
  padding: .3em 2em .3em 5px;
}
.jrTableview .jrResults th.jrTableColumnMain {
  width: 100%;
}
.jrTableview .jrResults th.jrTableColumnLast {
  padding: .3em 5px .3em 0;
}
.jrTableview .jrResults .row1 td {
  background-color: #fff;
}
.jrTableview .jrResults .row2 td {
  background-color: #f5f5f5;
}
.jrTableview .jrResults td,
.jrTableview .jrResults td.jrTableColumnFirst,
.jrTableview .jrResults td.jrTableColumnMain,
.jrTableview .jrResults td.jrTableColumnField,
.jrTableview .jrResults td.jrTableColumnLast {
  padding: 15px 2em 15px 0;
  vertical-align: top;
  border-top: solid 1px #ccc;
}
.jrTableview .jrResults td.jrTableColumnFirst {
  padding: 15px 2em 15px 5px;
}
.jrTableview .jrResults td.jrTableColumnFirst img {
  max-width: none !important;
}
.jrTableview .jrResults td.jrTableColumnMain {
  width: 100%;
}
.jrTableview .jrResults td.jrTableColumnLast {
  padding: 15px 5px 15px 0;
}
.jrTableview .jrResults .jrListingInfo {
  line-height: 22px;
}
.jrTableview .jrResults .jrListingStatus {
  white-space: nowrap;
}
.jrTableview .jrResults .jrCustomFields {
  margin-top: 0;
  margin-bottom: 1em;
}
.jrTableview .jrResults .jrFieldGroupTitle {
  /*hide the fieldgroup title in the list view */
  display: none;
}
.jrTableview .jrResults .jrFieldGroup {
  /*no spacing between field groups in list view: make it look like one table */
  padding: 0;
}
.jrTableview .jrResults .jrOverallRatings {
  float: none;
  width: 145px;
}
.jrTableview .jrResults td.jrTableColumnLast table.jrRatingTable td {
  padding: 0;
}
.jrTableview .jrResults td.jrTableColumnLast table.jrRatingTable td.jrRatingLabel {
  padding: 3px 5px 2px 0;
}
.jrTableview .jrResults td.jrTableColumnLast table.jrRatingTable td.jrRatingValue {
  padding: 4px 10px 2px 5px;
}
/*************************************
BLOGVIEW - for list views of type "blog"
*************************************/
.jrBlogview .jrListingColumn {
  min-height: 330px;
}
.jrBlogview .jrResults .jrListItem {
  clear: both;
  position: relative;
  margin: 0 0 5px 0 !important;
  padding: 0 0 1px 0;
}
.jrBlogview .jrResults .jrListItem:before,
.jrBlogview .jrResults .jrListItem:after {
  content: " ";
  display: table;
}
.jrBlogview .jrResults .jrListItem:after {
  clear: both;
}
.jrBlogview .jrResults .jrListItem.jrRoundedBox {
  padding: 10px !important;
  margin-bottom: 5px;
  border: 1px solid #ddd;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fffbfbfb', GradientType=0);
  border-radius: 10px;
}
.jrBlogview .jrResults .jrListItem.jrRoundedBox .jrListingActions {
  bottom: 8px;
  left: 10px;
}
.jrBlogview .jrResults .jrListItem.row2 {
  background: #f5f5f5;
}
.jrBlogview .jrListingContent {
  overflow: hidden;
  margin-bottom: 25px;
}
.jrBlogview .jrListingThumbnail {
  float: right;
  margin: 0 0 6px 6px;
  border: solid 1px #ccc;
  padding: 1px;
}
.jrBlogview .jrListingInfo,
.jrBlogview .jrListingStatus {
  margin: 0 0 5px 0;
}
.jrBlogview .jrOverallRatings {
  clear: left;
  float: none;
  overflow: hidden;
  margin-bottom: 5px;
}
.jrBlogview .jrOverallEditor {
  float: left;
  margin-right: 10px;
}
.jrBlogview .jrOverallUser {
  float: left;
}
.jrBlogview .jrListingInfo {
  line-height: 22px;
}
.jrBlogview .jrListingStatus {
  white-space: nowrap;
}
.jrBlogview .jrListingSummary {
  margin: 5px 0;
  clear: left;
}
.jrBlogview .jrCustomFields h3.jrFieldGroupTitle {
  /* hide the fieldGroup title when in list views! */
  display: none;
}
.jrBlogview .jrCustomFields {
  clear: left;
  margin: 5px 0;
}
.jrBlogview .jrCustomFields .jrFieldGroup {
  padding: 0;
}
.jrBlogview.jrCompact .jrContentTitle a {
  display: inline;
}
.jrBlogview.jrCompact .jrContentTitle .jrIconInfo {
  margin: 5px;
}
.jrBlogview.jrCompact .jrContentTitle .jrIconInfo:before {
  color: #3F7FD5;
}
/**********************************************
THUMBVIEW - for list views of type "thumbnail"
***********************************************/
.jrThumbview .jrResults {
  padding-top: 15px;
  text-align: center;
}
.jrThumbview .jrResults .jrListItem {
  height: 260px;
}
.jrThumbview .jrResults .jrListingThumbnail {
  margin: 8px 0;
  width: auto;
  height: 120px;
  overflow: hidden;
}
.jrThumbview .jrResults .jrListingThumbnail img {
  max-width: 100% !important;
}
.jrThumbview .jrResults .jrContentTitle {
  height: 2.5em;
  overflow: hidden;
  margin: 0 3px;
  font-size: 13px;
  line-height: 1.2;
}
.jrThumbview .jrResults .jrContentTitle a {
  font-size: 13px;
  line-height: 1.2;
  margin: 0;
}
.jrThumbview .jrResults .jrStatusIndicators {
  display: none;
}
.jrThumbview .jrResults div.jrOverallRatings {
  margin: 10px auto;
  width: 148px;
  float: none;
  font-size: 0.9em;
  line-height: 1.3;
}
/*************************************
COMPAREVIEW - listing comparison page
*************************************/
.jrCompareview {
  overflow: hidden;
}
.jrCompareview .jrCompareHeader {
  float: left;
  width: 22%;
  text-align: left;
}
.jrCompareview .jrCompareSlider,
.jrCompareview .jrCompareSliderSecondary {
  float: left;
  width: 78%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.jrCompareview .jrCompareSlider.jrSliderDisabled,
.jrCompareview .jrCompareSliderSecondary.jrSliderDisabled {
  overflow-x: hidden;
  overflow-y: hidden;
}
.jrCompareview .jrCompareSliderItems {
  position: relative;
}
.jrCompareview .jrCompareSliderItem {
  float: left;
  text-align: center;
  position: relative;
}
.jrCompareview .jrCompareField {
  background: #fff;
  min-height: 15px;
  line-height: 15px;
  padding: 8px;
}
.jrCompareview .jrCompareField.alt {
  background: #f5f5f5;
}
.jrCompareview .jrCompareField img {
  border: 0;
}
.jrCompareview .itemUserRating.jrCompareField,
.jrCompareview .itemEditorRating.jrCompareField {
  padding: 3px 5px;
  height: 20px;
}
.jrCompareview .jrCompareHeader .jrCompareField {
  background: #f8f8f8;
  padding-left: 15px;
  font-weight: 600;
}
.jrCompareview .jrCompareHeader .jrCompareField.alt {
  background: #f0f0f0;
  padding-left: 15px;
  font-weight: 600;
}
.jrCompareview .jrFieldGroup.jrCompareField {
  text-transform: uppercase;
  font-size: 12px;
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 6px;
  font-weight: normal;
}
.jrCompareview .itemTitle.jrCompareField {
  background: #fff;
  margin-top: 5px;
}
.jrCompareview .itemThumbnail.jrCompareField {
  min-height: 100px;
  background: #fff;
  overflow: hidden;
}
.jrCompareview .itemSummary.jrCompareField {
  background: #fff;
}
.jrCompareview .jrRatingStarsUser {
  margin: 3px auto;
}
.jrCompareview .jrRatingStarsEditor {
  margin: 3px auto;
}
.jrCompareview ul.jrFieldValueList li {
  float: none;
}
.jrCompareview ul.jrFieldValueList li:after {
  content: '';
}
.jrCompareview .jrScrollbarArea {
  height: 22px;
  padding: 0 0 10px 0;
}
img.removeListing {
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin: 0 0 -3px 5px;
}
.jrCompareview ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.jrCompareview ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
}
/*************************************
CMSBLOG - for core list views of type "frontpage","blogcategory","blogsection"

NOTE: because of the way J! draws blog entries, jrPage must be wrapped around *each listItem*.  In addition, jrCMSBlog should be added to that div, such that <div class="jrPage jrCMSBlog"><div class="listItem">...</div></div>
*************************************/
.jrCMSBlog {
  text-align: left;
}
.jrCMSBlog div.jrContentTitle,
.jrCMSBlog div.jrContentTitle a {
  font-size: 20px;
  font-weight: normal;
}
.jrCMSBlog div.jrListingInfo {
  padding: 0;
  margin: 5px 0;
}
.jrCMSBlog div.jrOverallRatings {
  float: none;
}
.jrCMSBlog .jrOverallEditor {
  float: left;
}
.jrCMSBlog .jrOverallUser {
  clear: right;
}
.jrCMSBlog table.jrRatingTable {
  margin-bottom: 7px;
}
.jrCMSBlog td.jrRatingStars {
  padding: 2px 5px 2px 0;
}
.jrCMSBlog td.jrRatingValue {
  padding: 2px 20px 2px 2px;
}
.jrCMSBlog .jrCustomFields {
  margin-top: 0;
}
.jrCMSBlog .jrCustomFields h3 {
  /* hide the fieldGroup title when in list views! */
  display: none;
}
.jrCMSBlog .jrListingSummary {
  margin: 10px 0;
}
.jrCMSBlog .jrListingThumbnail {
  float: right;
  text-align: right;
  margin: 0 0 20px 20px;
  border: solid 1px #ccc;
  padding: 1px;
}
/*************************************
DETAIL PAGE CLASSES
*************************************/
/*************************************
Listing detail page styles
*************************************/
.jrListingDetail h1.contentheading {
  margin: 10px 0;
}
.jrListingDetail h1.contentheading span {
  margin-right: 10px;
}
/*************************************
Listing author info
*************************************/
.jrListingDetail img.jrAvatar {
  float: left;
  margin: 0 10px 0 0;
  border: 0;
  width: 48px;
  height: auto;
}
.jrListingDetail .jrAuthorInfo {
  font-size: 12px;
  color: #777;
  margin-bottom: 10px;
}
/*************************************
Listing info
*************************************/
.jrListingDetail .jrListingInfoContainer {
  clear: left;
  margin: 5px 0 7px 0;
  padding: 5px 0 0;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 0;
  background-color: #f2f2f2;
}
.jrListingDetail .jrListingInfo {
  padding: 0 5px 5px 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
  font-size: .9em;
  color: #777;
}
.jrListingDetail .jrListingInfo:before,
.jrListingDetail .jrListingInfo:after {
  content: " ";
  display: table;
}
.jrListingDetail .jrListingInfo:after {
  clear: both;
}
.jrListingDetail .jrListingInfo.jrNoButtons {
  margin-bottom: 0;
  border-bottom: none;
}
.jrListingDetail .jrListingStatus {
  float: right;
  white-space: nowrap;
}
.jrListingDetail .jrListingInfoButtons {
  clear: both;
  padding: 0 5px;
  font-size: .9em;
}
.jrListingDetail .jrListingInfoButtons:before,
.jrListingDetail .jrListingInfoButtons:after {
  content: " ";
  display: table;
}
.jrListingDetail .jrListingInfoButtons:after {
  clear: both;
}
.jrListingDetail .jrListingButtons {
  float: left;
}
.jrListingDetail .jrListingButtons .jrButton {
  margin-bottom: 5px;
}
/* Overall Ratings */
.jrListingDetail .jrOverallRatings {
  float: left;
}
.jrListingDetail .jrOverallRatings .jrOverallEditor,
.jrListingDetail .jrOverallRatings .jrOverallUser {
  float: left;
}
.jrListingDetail .jrOverallRatings .jrOverallEditor {
  margin: 0 15px 0 0;
}
/*************************************
Main Image & Compact Gallery
*************************************/
.jrListingMainImage {
  float: right;
  margin: 0 0 10px 10px;
  padding: 1px;
  vertical-align: middle;
}
.jrListingMainImage.jrMediaLeft {
  float: left;
  margin: 0 10px 10px 0;
}
.jrListingMainImage.jrMediaLeft img {
  float: left;
}
.jrListingMainImage a {
  display: block;
}
.jrListingMainImage img {
  padding: 1px;
  margin: 0;
  border: solid 1px #ccc;
  float: right;
}
.jrMediaButtons {
  clear: right;
  float: right;
  margin-bottom: 10px;
}
.jrMediaButtons.jrMediaLeft {
  clear: left;
  float: left;
}
.jrCompactGallery {
  clear: both;
}
.jrListingMainImage a:hover img,
.jrCompactGallery a:hover img {
  -webkit-box-shadow: 0 0 1px #aaaaaa;
  box-shadow: 0 0 1px #aaaaaa;
}
.jrCompactGallery img {
  margin: 2px 0 0 2px;
  float: none;
  padding: 1px;
  border: solid 1px #ccc;
  vertical-align: middle;
}
.jrCompactGallery .jrMediaThumb {
  float: left;
  position: relative;
}
.jrCompactGallery .jrMediaThumb.jrVideo:before {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 16px;
  height: 16px;
  background-image: url(images/icons_overlay.png);
  background-repeat: no-repeat;
  background-position: -18px 0;
  content: "";
}
.jrCompactGallery .jrMediaThumb.jrVideo:after {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
/* Contact Video Lightbox/Linked below small gallery */
.jrContactVideo {
  clear: right;
  float: right;
  max-width: 360px;
  margin: 0 0 20px 0;
  text-align: center;
}
.jrContactVideo img:hover {
  -webkit-box-shadow: 0 0 1px #aaaaaa;
  box-shadow: 0 0 1px #aaaaaa;
}
.jrContactVideo img {
  margin: 2px 0 0 2px;
  float: none;
  padding: 1px;
  border: solid 1px #ccc;
  vertical-align: middle;
}
.jrContactVideo .jrMediaThumb {
  float: none;
  display: inline-block;
  position: relative;
  margin: 0 0 10px 10px;
}
.jrContactVideo .jrMediaThumb.jrVideo:after {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
/*************************************
INTRO AND FULL TEXT
*************************************/
.jrListingSummary,
.jrListingDescription,
.jrListingFulltext {
  margin-bottom: 1em;
  line-height: 1.7em;
}
/*************************************
Media
*************************************/
.jrMediaContainer {
  clear: both;
  margin-bottom: 30px !important;
}
.jrMediaContainer h4 {
  font-weight: bold;
  text-transform: none;
  font-size: 15px;
  line-height: 22px;
  border-bottom: 1px solid #ccc;
}
.jrMediaContainer .jrMediaLinks {
  float: right;
  text-transform: none;
  position: relative;
  top: -2px;
}
.jrMediaContainer .jrMediaThumbs {
  float: left;
  position: relative;
  border: solid 1px #DDD;
  padding: 1px;
  margin: 6px 8px 8px 0;
  vertical-align: middle;
  text-align: center;
}
.jrMediaContainer .jrMediaThumbs:hover {
  -webkit-box-shadow: 0 0 1px #aaaaaa;
  box-shadow: 0 0 1px #aaaaaa;
}
.jrMediaContainer .jrMediaThumbs img {
  vertical-align: middle;
}
/* Videos */
.jrMediaContainer.jrVideos .jrMediaThumbs:after {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
/* Attachments */
.jrMediaContainer.jrAttachments ul {
  background: none;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.jrMediaContainer.jrAttachments .jrAttachmentSize,
.jrMediaContainer.jrAttachments .jrAttachmentType,
.jrMediaContainer.jrAttachments .jrAttachmentDownloads,
.jrMediaContainer.jrAttachments .jrAttachmentDownloadButton {
  text-align: right;
}
.jrMediaContainer.jrAttachments .jrAttachmentDescription {
  word-break: break-all;
}
/*************************************
Audio player
*************************************/
/* Main interface */
.jrAudio .jp-audio {
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #444;
  position: relative;
}
.jrAudio .jp-audio .jp-interface {
  position: relative;
  width: 100%;
  height: 40px;
  background-image: -webkit-linear-gradient(#cccccc, #dddddd 50%, #cccccc);
  background-image: -o-linear-gradient(#cccccc, #dddddd 50%, #cccccc);
  background-image: linear-gradient(#cccccc, #dddddd 50%, #cccccc);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffcccccc', GradientType=0);
}
.jrAudio .jp-interface ul.jp-controls {
  list-style-type: none;
  position: absolute;
  top: 13px;
  left: 13px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.jrAudio .jp-interface ul.jp-controls li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline;
  float: left;
}
.jrAudio .jp-interface ul.jp-controls a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  outline: none;
}
.jrAudio .jp-interface a.jp-play,
.jrAudio .jp-interface a.jp-pause {
  width: 16px;
  height: 16px;
}
.jrAudio .jp-interface a.jp-play {
  background: url("images/audio.png") 0 0 no-repeat;
}
.jrAudio .jp-interface a.jp-play:hover {
  background: url("images/audio.png") 0 -16px no-repeat;
}
.jrAudio .jp-interface a.jp-pause {
  background: url("images/audio.png") -16px 0 no-repeat;
}
.jrAudio .jp-interface a.jp-pause:hover {
  background: url("images/audio.png") -16px -16px no-repeat;
}
/* Progress bar */
.jrAudio .jp-progress-container {
  margin: 0 185px 0 40px;
  padding-top: 15px;
}
.jrAudio .jp-audio .jp-progress {
  overflow: hidden;
  background-color: #ddd;
  width: 100%;
  height: 12px;
}
.jrAudio .jp-seek-bar {
  background: #888;
  width: 0px;
  height: 100%;
  cursor: pointer;
}
.jrAudio .jp-play-bar {
  background: #000;
  width: 0px;
  height: 100%;
}
.jrAudio .jp-seeking-bg {
  background: url("images/audio-preloader.gif") repeat-x;
}
/* Volume bar */
.jrAudio .jp-volume-bar {
  top: 15px;
  right: 13px;
  position: absolute;
  overflow: hidden;
  background: #888;
  width: 50px;
  height: 12px;
  cursor: pointer;
}
.jrAudio .jp-volume-bar-value {
  background: #000;
  width: 0px;
  height: 12px;
}
/* Current time and duration */
.jrAudio .jp-audio .jp-time-holder {
  position: absolute;
  top: 13px;
  right: 105px;
  width: 70px;
  font-size: 11px !important;
}
.jrAudio .jp-current-time,
.jrAudio .jp-duration {
  display: inline;
  font-style: oblique;
}
/* Mute / unmute */
.jrAudio .jp-mute-unmute {
  position: absolute;
  top: 13px;
  right: 75px;
  width: 23px;
}
.jrAudio a.jp-mute,
.jrAudio a.jp-unmute {
  display: block;
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  height: 16px;
  outline: none;
}
.jrAudio a.jp-mute {
  background: url("images/audio.png") -46px 0 no-repeat;
  width: 25px;
}
.jrAudio a.jp-mute:hover {
  background: url("images/audio.png") -46px -16px no-repeat;
}
.jrAudio a.jp-unmute {
  background: url("images/audio.png") -28px 0 no-repeat;
  width: 15px;
  display: none;
}
.jrAudio a.jp-unmute:hover {
  background: url("images/audio.png") -28px -16px no-repeat;
}
/* Playlist */
.jrAudio .jp-playlist a {
  outline: none;
}
.jrAudio .jp-playlist-current {
  font-weight: bold;
}
.jrAudio .jp-free-media {
  float: right;
}
/*************************************
Related Listing Widgets
*************************************/
.jrWidget {
  margin-top: 10px;
}
.jrWidget .jrOverallRatings {
  float: none;
}
.jrTabs .jrWidget:first-child .jrHeading {
  margin-top: 0 !important;
}
/*************************************
EDITOR REVIEW ELEMENTS
*************************************/
.jrEditorReviewsSummary {
  overflow: hidden;
}
.jrEditorReviewsSummaryTitle {
  font-size: 13px;
  font-weight: bold;
}
/*************************************
USER REVIEW SUMMARY
*************************************/
.jrUserReviewsSummary {
  overflow: hidden;
  margin-bottom: 10px;
}
.jrUserReviewsSummaryTitle {
  font-size: 13px;
  font-weight: bold;
}
.jrReviewSummarySidebar {
  float: right;
  margin: 0 20px 15px 15px;
  white-space: nowrap;
}
/*************************************
COMMON REVIEW ELEMENTS
*************************************/
.jrReviewSummarySidebar {
  float: right;
  margin: 0 20px 15px 15px;
  white-space: nowrap;
}
.jrReviewContainer .jrUserInfo {
  font-size: 0.9em;
  color: #777;
  line-height: 1.5em;
  padding-top: 0px;
  margin: 5px 0 10px 0;
}
.jrReviewContainer .jrUserInfo img {
  float: left;
  margin: 0 10px 10px 0;
  border: 0;
  width: 48px;
  height: auto;
}
.jrReviewContainer .jrReviewContent {
  clear: left;
  line-height: 1.5em;
}
.jrReviewContainer .jrReviewContent h4.jrReviewTitle {
  font-size: 14px !important;
  font-weight: bold !important;
  margin: 5px 0 .5em 0 !important;
}
.jrReviewContainer .jrReviewContent .jrCustomFields {
  margin-top: 15px;
}
.jrReviewContainer .jrOwnerReply {
  padding: 15px;
  background: #eee;
  font-style: italic;
  margin-bottom: 10px;
  border-radius: 9px;
}
.jrReviewContainer .jrOwnerReply button {
  margin-top: 5px;
}
.jrReviewContainer .jrOwnerReply .jrOwnerReplyTitle {
  margin: 5px 0;
  font-weight: bold;
}
.jrReviewContainer .jrReviewActions {
  overflow: hidden;
  clear: both;
  padding-top: 5px;
}
.jrReviewContainer .jrReviewActions .jrReviewComments {
  float: left;
  margin-right: 5px;
  word-wrap: break-word;
}
.jrReviewContainer .jrReviewActions .jrReviewComments .jrButton {
  margin: 0;
}
.jrReviewContainer .jrReviewVoting {
  float: right;
}
.jrReviewContainer .jrReviewVoting .jrVoteNo.jrButton {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.jrReviewContainer .jrReviewVoting .jrReviewHelpful {
  font-size: .9em;
  color: #777;
  line-height: 2em;
  overflow: hidden;
  margin-right: 10px;
  float: left;
}
.jrReviewContainer .jrReviewVoting .jrHelpfulTitle {
  float: left;
  margin: 0;
}
/* Review List Layout */
.jrReviewList {
  margin: 0 0 15px 0;
}
.jrReviewList .jrReviewContainer {
  position: relative;
  padding-bottom: 25px;
}
.jrReviewList div.jrListingInfo {
  float: left;
  margin-bottom: 10px;
  padding: 0;
  border: 0;
}
.jrReviewList .jrListingTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.jrReviewList .jrUserInfo {
  float: right;
  margin: 0 0 10px;
  text-align: left;
}
.jrReviewList .jrRatingInfo {
  clear: right;
  float: right;
  margin: 5px 0 5px 15px;
}
.jrReviewList > *:nth-child(odd) .jrRatingInfo {
  background: #fff;
}
.jrReviewList .jrReviewContent {
  font-style: italic;
  clear: left;
}
.jrReviewList .jrReviewActions {
  position: absolute;
  bottom: 0;
  left: 0;
}
.jrReviewList .jrPathway {
  margin-bottom: 0;
}
/* Buttons */
.jrViewAllButton,
.jrBackButton {
  float: right;
  margin: 10px 0;
}
/*************************************
Compact Detail page
*************************************/
.jrListingDetail.jrCompact .jrPathway {
  margin-bottom: 15px;
}
.jrListingDetail.jrCompact h1.contentheading {
  border: 0 !important;
  font-size: 22px !important;
}
.jrListingDetail.jrCompact .jrOverallRatings {
  clear: left;
  float: none;
  overflow: hidden;
}
.jrListingDetail.jrCompact .jrWidget .jrOverallRatings {
  clear: none;
}
.jrListingDetail.jrCompact .jrOverallEditor {
  float: left;
  margin-right: 10px;
}
.jrListingDetail.jrCompact .jrListingInfoButtons {
  margin: 10px 0;
  padding: 0;
  clear: none;
}
.jrListingDetail.jrCompact .jrListingButtons {
  margin: 10px 0;
  float: none;
}
.jrListingDetail.jrCompact .jrListingButtons .jrButton {
  margin-bottom: 5px;
}
.jrListingDetail.jrCompact .jrCustomFields {
  width: 45%;
  clear: right;
  float: right;
  background: #f0f0f0;
  padding: 10px;
  margin: 10px 0 10px 10px;
  border-radius: 10px;
}
.jrListingDetail.jrCompact .contentheading .jrIconInfo {
  margin: 5px;
}
.jrListingDetail.jrCompact .jrContentTitle .jrIconInfo:before {
  color: #3F7FD5;
}
.jrListingDetail.jrCompact.jrMediaLeft .jrCustomFields {
  clear: left;
  float: left;
}
.jrListingDetail.jrCompact.jrMediaLeft .jrOverallRatings {
  clear: right;
  float: none;
}
.jrListingDetail.jrCompact.jrMediaLeft .jrListingButtons {
  float: none;
}
/*************************************
MODULE AND PLUGIN CLASSES
*************************************/
/******************************************
Shared layout styles for modules & plugins
*******************************************/
.jrModuleItems .jrResults {
  border-top: 0;
  padding-top: 5px;
  overflow: hidden;
}
.jrModuleItems .jrModuleItem {
  float: left;
  padding-right: 10px;
  margin: 0;
  font-size: 11px !important;
  overflow: hidden;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.jrModuleItems .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrModuleItems .jrModuleItemNumber {
  font-weight: bold;
  margin: 0 5px 5px 0;
  float: left;
}
.jrModuleItems .jrModuleItemThumbnail {
  float: left;
  margin: 0 10px 10px 0;
  text-align: center;
}
.jrModuleItems.jrThumbnailRight .jrModuleItemThumbnail {
  float: right;
  margin: 0 10px 10px 10px;
}
.jrModuleItems.jrThumbnailBottom .jrModuleItemThumbnail {
  clear: both;
}
.jrModuleItems .jrModuleItemThumbnail a {
  display: block;
}
.jrModuleItems .jrModuleItemThumbnail img {
  border: 1px solid #CCC;
  max-width: 100%;
  max-width: none\9 !important;
}
.jrModuleItems .jrModuleItemThumbnail .jrButton {
  margin-top: 5px;
}
.jrModuleItems.jrThumbnailTop .jrModuleItemContent {
  clear: both;
}
.jrModuleItems .jrModuleItemTitle {
  margin-bottom: 5px;
  white-space: normal;
}
.jrModuleItems .jrModuleItemTitle a {
  font-size: 12px !important;
}
.jrModuleItems .jrModuleItemCategory,
.jrModuleItems .jrModuleItemReviewer,
.jrModuleItems .jrModuleFieldDiv {
  margin-bottom: 5px;
}
.jrModuleItems .jrModuleItemInfo {
  margin-bottom: 5px;
  border: 0;
}
.jrModuleItems .jrModuleItemInfo:after {
  display: none;
}
.jrModuleItems div.jrOverallRatings {
  float: none;
  margin-bottom: 5px;
}
.jrModuleItems .jrOverallRatings div.jrOverallEditor,
.jrModuleItems .jrOverallRatings div.jrOverallUser {
  float: none;
}
.jrModuleItems .jrOverallRatings .jrRatingLabel {
  display: none;
}
.jrModuleItems .jrDivider {
  border: 0;
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 2.5px;
}
.jrModuleItems.fade {
  opacity: 1 !important;
  /* prevents conflicts with Bootstrap fade effect */
}
/* Vertical layout */
.jrModuleItems .jrVerticalLayout {
  border-bottom: 1px solid #ddd;
  /* byme */
  padding-left: 10px;
  width: 90%;
}


.jrModuleItems .jrVerticalLayout .jrModuleItemNumber {
  width: 15px;
}
.jrModuleItems .jrVerticalLayout .jrModuleItemThumbnail {
  margin: 0 5px 5px 0;
}
.jrModuleItems .jrVerticalLayout .jrModuleItemThumbnail img {
  width: 25px !important;
  height: 25px !important;
}
.jrModuleItems .jrVerticalLayout .jrModuleFields {
  float: right;
}
.jrModuleItems .jrVerticalLayout .jrModuleFields .jrModuleFieldTitle {
  display: none;
}


/* Slideshow layout */
.jrModuleItems .jrSlideshowLayout {
  margin-bottom: 5px;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail {
  width: 100%;
  height: 230px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemContent {
  /* byme position: absolute; */
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: -120px;
  /* byme, no padding-bottom: 22px; */
  /* byme padding: 0; */
  /* byme margin: 0; */
  background: #346485; /* byme, it was # 222 */
 /* gone  background: rgba(52, 100, 133, 0.6); /* byme, it was rgba(0, 0, 0, 0.6); */ 
}
.jrModuleItems .jrSlideshowLayout a.jrModuleItemTitle:link,
.jrModuleItems .jrSlideshowLayout a.jrModuleItemTitle:visited {
  display: block;
  width: 97%;
  padding: 3%;
  color: #eee;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemInfo {
  display: none;
  width: 97%;
  padding: 0 3% 3%;
  margin: 0;
  color: #fff !important;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemInfo a {
  display: inline;
  color: #fff !important;
  font-weight: bold;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail a.jrModuleItemTitle:hover {
  color: #fff !important;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail:hover .jrModuleItemInfo {
  display: block;
}
.jrModuleItems .jrSlideshowLayout .jrOverallRatings {
  position: absolute;
  background: #222;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  right: 0;
  margin: 0;
  padding: 2px;
  width: 100%;
}
.jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrRatingValue {
  color: #eee;
}
.jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrOverallEditor,
.jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrOverallUser {
  float: right;
  margin-left: 10px;
}
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser div,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor div {
  background: url(images/rating_stars_dark.png) 0 0 repeat-x;
}
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser div {
  background-position: 0 -16px;
}
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor div {
  background-position: 0 -32px;
}
/* Title animation */
.jrModuleSlider .jrSlideshowLayout .jrModuleItemInfo {
  display: block;
  padding: 0;
  max-height: 0px;
  -webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  -o-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.jrModuleSlider .jrSlideshowLayout .jrModuleItemThumbnail:hover .jrModuleItemInfo {
  padding: 0 0 1em 0;
  max-height: 100px;
}
/*************************************
Module Slider Pagination
*************************************/
.jrModuleSlider.jrSliderSideArrows {
  margin: 0 25px;
}
/* Reset and layout */
.bx-wrapper {
  position: relative;
  margin: 0 auto 40px;
  padding: 0;
  *zoom: 1;
  direction: ltr;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bx-wrapper .bx-viewport {
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -20px;
  width: 100%;
}
/* Loader */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* Pager */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}
/* Direction controls */
.bx-wrapper .bx-prev {
  left: 0;
  background: url(images/arrows.png) no-repeat 0px 0px;
}
.bx-wrapper .bx-next {
  left: 25px;
  background: url(images/arrows.png) no-repeat -22px 0px;
}
.jrSliderVertical .bx-wrapper .bx-prev {
  background: url(images/arrows.png) no-repeat 0px -22px;
}
.jrSliderVertical .bx-wrapper .bx-next {
  background: url(images/arrows.png) no-repeat -22px -22px;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  bottom: -25px;
  margin-top: -11px;
  outline: 0;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.jrSliderSideArrows .bx-wrapper .bx-controls-direction a {
  bottom: auto;
  top: 50%;
}
.jrSliderSideArrows .bx-wrapper .bx-prev {
  left: -25px;
}
.jrSliderSideArrows .bx-wrapper .bx-next {
  left: auto;
  right: -20px;
}
/*************************************
Single page modules
*************************************/
.jrModuleSlider.jrSliderSinglePage .jrModuleItems {
  width: auto;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleContainer {
  float: none !important;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleContainer:not(:first-child) {
  display: none;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleItems.vertical {
  height: auto;
  width: auto;
}
/*************************************
JReviews Media Module
*************************************/
.jrModuleItems .jrMediaModule .jrModuleItem {
  position: relative;
}
.jrModuleItems .jrMediaModule .jrModuleItemThumbnail {
  margin: 0 3px 3px 0;
  float: none;
  display: inline-block;
  border: 1px solid #CCC;
}
.jrModuleItems .jrMediaModule .jrModuleItemThumbnail img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
  height: auto !important;
}
.jrModuleItems .jrMediaModule .jrModuleItemOverlay {
  position: relative;
}
.jrModuleItems .jrModuleItemOverlay.jrMediaTypeIcon:before {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  background-image: url(images/icons_overlay.png);
  background-repeat: no-repeat;
  content: "";
}
.jrModuleItems .jrMediaTypePhoto .jrModuleItemOverlay:before {
  background-position: 0 0;
}
.jrModuleItems .jrMediaTypeVideo .jrModuleItemOverlay:before {
  background-position: -18px 0;
}
.jrModuleItems .jrMediaTypeAudio .jrModuleItemOverlay:before {
  background-position: -36px 0;
}
.jrModuleItems .jrMediaTypeAttachment .jrModuleItemOverlay:before {
  background-position: -52px 0;
}
.jrModuleItems .jrModuleItemOverlay.jrNoTypeIcon:before {
  display: none;
}
.jrModuleItems .jrMediaTypeVideo .jrModuleItemOverlay:after {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaTitle,
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaDescription,
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaFrom {
  margin: 0 0 5px 0;
}
/******************************************
Directory Module
*******************************************/
.jrDirectoryExpanded {
  padding: 0;
  margin: 0;
}
.jrDirectoryExpanded li {
  background: none !important;
  list-style-image: url(images/breadcrumb.png);
}
.jrDirectoryExpanded > li {
  list-style: none;
}
/*************************************
JReviews Fields & Range Modules
*************************************/
.jrFieldsModule {
  border-top: solid 0px #ccc;
  padding-top: 15px;
  display: inline;
}
.jrFieldsModule ul {
  overflow: hidden;
  margin-left: 0;
  padding-left: 0;
}
.jrFieldsModule ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}
.jrFieldsModule.jrHorizontalLayout ul {
  overflow: hidden;
}
.jrFieldsModule.jrHorizontalLayout ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
  float: left;
  width: 33%;
  display: block;
}
.jrFieldsModule.jrTagsLayout ul {
  text-align: left;
}
.jrFieldsModule.jrTagsLayout ul li {
  float: none;
  width: auto;
  display: inline-block;
}
.jrFieldsModule.jrTagsLayout ul li a {
  display: inline-block;
  padding: 3px 5px;
  margin: 0 5px 5px 0;
  color: #222;
  background: #eee;
  border-radius: 4px;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.jrFieldsModule.jrTagsLayout ul li a:hover {
  text-decoration: none;
  background: #333;
  color: #fff;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionSmallest {
  font-size: 0.8em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionSmall {
  font-size: 0.9em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionMedium {
  font-size: 1em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionLarge {
  font-size: 1.1em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionLargest {
  font-size: 1.2em;
}
/*************************************
JReviews Favorite Users Module
*************************************/
.jrFavoritesModule {
  border-top: 0;
  overflow: hidden;
}
.favoriteListingTitle {
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 10px;
}
.jrFavoritesModule .jrModuleItem {
  float: left;
  padding-right: 10px;
  margin: 0 0 10px 0;
  text-align: center;
}
.jrFavoritesModule .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrFavoritesModule .jrModuleItem a {
  display: block;
  text-align: center;
  width: 99%;
  margin: 0 auto;
}
.jrFavoritesModule .jrUserAvatar {
  margin: 0 auto 5px;
  border: 1px solid #ccc;
  padding: 1px;
  height: 49px;
  width: 49px;
  overflow: hidden;
  display: block;
}
.jrFavoritesModule .jrUserAvatar img.jrAvatar {
  width: 49px;
  text-align: center;
}
.jrFavoritesModule .jrDivider {
  border: 0;
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 2.5px;
}
/*******************************************************
My Listings, My Reviews & My Favorites Plugins - overrides to prevent JomSocial conflicts
*******************************************************/
.jrPlugin {
  padding-top: 5px !important;
}
.jrPlugin .jrModuleItem {
  padding-right: 10px !important;
  font-size: 11px !important;
}
.jrPlugin .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrPlugin .jrModuleItemNumber {
  margin: 0 5px 5px 0 !important;
}
.jrPlugin .jrModuleItemThumbnail {
  margin: 0 10px 10px 0 !important;
}
.jrModuleItems .jrModuleItemCategory {
  margin-bottom: 5px !important;
}
.jrPlugin .jrModuleItemThumbnail img {
  border: 1px solid #CCC !important;
}
.jrPlugin .jrModuleItemThumbnail label {
  display: inline !important;
}
.jrPlugin .jrModuleItemTitle {
  margin-bottom: 5px !important;
}
.jrPlugin .jrModuleItemTitle a {
  font-size: 12px !important;
}
.jrPlugin .jrModuleItemInfo {
  margin-bottom: 5px !important;
}
.jrPlugin .jrOverallRatings {
  margin-bottom: 5px !important;
}
.jrPlugin .jrDivider {
  padding: 2.5px !important;
}
.jrPlugin .jrRatingStarsUser,
.jrPlugin .jrRatingStarsEditor,
.jrPlugin .jrRatingStarsUser div,
.jrPlugin .jrRatingStarsEditor div {
  background: url(images/rating_stars.png) 0 0 repeat-x !important;
}
.jrPlugin .jrRatingStarsUser div {
  background-position: 0 -16px !important;
}
.jrPlugin .jrRatingStarsEditor div {
  background-position: 0 -32px !important;
}
/*************************************
Reviews of Me Plugin
*************************************/
.jrReviewsPlugin .jrUserReviewsSummary.jrRoundedPanel {
  border: 1px solid #ccc;
  margin-bottom: 10px !important;
  padding: 10px !important;
}
.jrReviewsPlugin .jrUserReviewsSummary .jrReviewTitle,
.jrReviewsPlugin .jrUserReviewsContainer .jrReviewTitle {
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 0.5em !important;
}
.jrReviewsPlugin .jrUserReviewsSummary .jrReviewSummarySidebar {
  margin: 5px 20px 15px 15px !important;
}
.jrReviewsPlugin .jrUserReviewsSummary .jrUserReviewsSummaryTitle {
  margin: 10px 0 15px 0 !important;
}
.jrReviewsPlugin .jrUserReviewsSummary .jrRSS {
  position: static;
  float: right;
  margin: 0 !important;
}
.jrReviewsPlugin .jrUserReviewsContainer .jrRoundedPanelLt {
  border: 1px solid #ddd;
  margin-bottom: 10px !important;
  padding: 10px !important;
}
.jrReviewsPlugin .jrUserReviewsContainer .jrRatingInfo {
  border: 1px solid #ddd;
  margin: 0 0 5px 5px !important;
  padding: 8px !important;
}
.jrReviewsPlugin .jrUserReviewsContainer .jrUserInfo {
  margin: 5px 0 10px !important;
  float: none;
}
.jrReviewsPlugin .jrUserReviewsContainer .jrReviewActions {
  padding-top: 5px !important;
}
.jrReviewsPlugin .jrUserReviewsContainer .jrReviewVoting {
  margin-top: 3px !important;
}
.jrReviewsPlugin .jrUserReviewsContainer .jrReviewHelpful {
  margin-right: 10px !important;
}
.jrReviewsPlugin .jrForm fieldset {
  border: 1px solid #ccc !important;
  padding: 10px !important;
  margin: 20px 0 40px 0 !important;
  overflow: visible !important;
}
.jrReviewsPlugin .jrForm fieldset.jrFieldsetMargin {
  margin: 40px 0 0 0 !important;
}
.jrReviewsPlugin .jrForm label {
  font-weight: bold !important;
  margin: 0 0 1px !important;
}
.jrReviewsPlugin .jrForm input,
.jrReviewsPlugin .jrForm textarea,
.jrReviewsPlugin .jrForm select {
  border-width: 1px !important;
  margin-right: 5px !important;
  padding: 2px 10px 2px 2px !important;
}
.jrReviewsPlugin .jrForm textarea,
.jrReviewsPlugin .jrForm .jrTextArea {
  height: 8em !important;
  overflow: auto !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100% !important;
}
.jrReviewsPlugin .jrForm .jrFieldDiv {
  margin: 0 0 10px 0 !important;
}
.jrReviewsPlugin .jrForm .reviewFormComments .jrFieldDiv {
  margin: 0 0 !important;
}
.jrReviewsPlugin .jrForm .jrButtons {
  margin: 20px 0 0 0!important;
}
/*************************************
Messages
*************************************/
.jrReviewsPlugin .jrWarning,
.jrReviewsPlugin .jrSuccess,
.jrReviewsPlugin .jrInfo,
.jrReviewsPlugin .jrError {
  padding: 8px 35px 8px 14px !important;
  margin-bottom: 18px !important;
}
/*************************************
FORM AND PLUGIN CLASSES
*************************************/
/*************************************************
Form Chooser Container - For selecting categories
**************************************************/
.jrFormChooser {
  font-weight: bold;
  clear: right;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.jrFormChooser .jrSelect {
  margin-right: 5px;
  color: #444;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #aaa #ccc #ccc #aaa;
  border-radius: 3px;
}
.jrFormChooser .jrSelect:focus {
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #777 #aaa #aaa #777;
}
.jrAdvSearchPage .jrFormChooser {
  margin-top: 18px;
}
/*************************************
Form Container - Outer box for form
*************************************/
.jrForm {
  padding: 0;
  margin-bottom: 10px;
  text-align: left;
}
.jrFormContainer {
  border: 0;
  background: none;
}
.jrForm label {
  display: inline;
  margin-left: 3px;
}
/******************************
Fields
*******************************/
.jrForm .jrFieldDiv {
  margin: 0 0 10px 0;
  overflow: hidden;
}
.jrForm .jrFieldDiv:last-child {
  margin: 0;
}
.jrForm .jrFieldDiv label {
  font-size: 13px;
  font-weight: 300;
  display: block;
  float: none;
  margin: 0 0 3px 0;
  color: #333;
}
.jrForm .jrFieldDiv label.error {
  color: #ff0000;
}
.jrForm .jrFieldDescription {
  margin: 5px 0 2px 0;
  color: #777;
  font-style: italic;
}
.jrForm input[type="text"],
.jrForm input[type="email"],
.jrForm input[type="url"],
.jrForm input[type="number"],
.jrForm input[type="password"],
.jrForm textarea,
.jrForm select {
  float: none;
  background: #fff;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  vertical-align: top;
  color: #444;
  border-width: 1px;
  border-style: solid;
  border-color: #bbb #ddd #ddd #bbb;
  border-radius: 3px;
}
.jrForm input[type="text"]:focus,
.jrForm input[type="email"]:focus,
.jrForm input[type="url"]:focus,
.jrForm input[type="number"]:focus,
.jrForm input[type="password"]:focus,
.jrForm textarea:focus,
.jrForm select:focus {
  outline: none;
  border-color: #777 #aaa #aaa #777;
}
.jrForm input[type=radio],
.jrForm input[type=checkbox] {
  border: 0;
  background: none;
  margin: 0 2px;
}
.jrForm input[type="text"],
.jrForm input[type="email"],
.jrForm input[type="url"],
.jrForm input[type="number"],
.jrForm input[type="password"],
.jrForm select option {
  padding: 3px 10px 3px 2px;
  margin: 0 5px 0 0;
}
.jrForm .jrSelect option {
  padding: 0 10px 0 2px;
  margin-right: 5px;
}
.jrForm .jrCode,
.jrForm textarea,
.jrForm .jrTextArea {
  width: 100%;
  padding: 2px;
  margin: 0;
  height: 11em;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jrForm .jrTitle,
.jrForm .jrWebsite {
  width: 50%;
  min-width: 20em;
}
.jrForm .jrTitleMedium {
  width: 25em;
}
.jrForm .jrText,
.jrForm .jrEmail {
  width: 20em;
}
.jrForm .jrKeywords {
  width: 15em;
}
.jrForm .jrName,
.jrForm .jrAutoSuggest {
  width: 14em;
}
.jrAutoSuggest {
  float: left !important;
}
.jrAdvSearchModule .jrAutoSuggest {
  float: none !important;
}
.jrRelatedListingSelected {
  margin-top: 5px;
  float: left;
}
.jrForm .jrDecimal,
.jrForm .jrInteger {
  width: 8em;
}
.jrForm .jrSelect,
.jrForm .jrSelectMultiple {
  margin-right: 5px;
}
.jrForm .jrSearchOptions {
  margin-right: 4px;
  width: auto !important;
}
.jrForm span.error {
  color: #ff0000;
}
.jrForm input.error,
.jrForm select.error,
.jrForm textarea.error {
  background-color: #ff0000;
  color: #fff;
}
.jrForm .jrDate {
  width: 80px !important;
}
.jrForm .jrButtons {
  margin: 20px 0 0 0 !important;
}
.jrForm input.button,
.jrForm input.jrButton {
  width: auto !important;
  margin: 0;
}
.jrForm .jrFieldBefore {
  float: right;
  margin: 0;
  padding: 2px 4px;
  background-color: #999;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  border-radius: 3px;
}
/* Checkbox/Radiobuttons */
.jrForm .jrFieldDiv .jrFieldOption {
  float: left;
  margin: 0 20px 0 0;
  line-height: 30px;
  white-space: nowrap;
  /* width: 20%; // Uncomment and adjust width for regular spacing of checkbox and radio options */
}
.jrForm .jrFieldDiv .jrFieldOption input {
  /* set checkboxes and radiobutton widths back to natural width */
  width: auto !important;
}
.jrForm .jrFieldDiv .jrFieldOption label {
  display: inline !important;
  margin: 0 5px 0 3px;
  cursor: pointer;
}
.jrForm .jrFieldDiv .jrNewFieldOption {
  display: none;
  float: left;
  margin-left: 10px;
}
/******************************
Field Group Container
*******************************/
.jrForm fieldset {
  padding: 10px;
  margin: 20px 0 0 0;
  background-color: #f5f5f5;
  position: relative;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.jrForm fieldset.jrFieldsetMargin {
  margin: 40px 0 0 0 !important;
}
.jrForm legend {
  display: block;
  position: absolute;
  left: 0;
  top: -25px;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: bold;
  color: #333 !important;
  padding: 0;
  margin: 0;
  border: 0;
}
/****************************************
Reviews Field Group
*****************************************/
.jrForm fieldset.jrReviewFormOption .jrFieldDiv {
  margin: 0;
}
.jrForm fieldset.jrReviewForm {
  margin: 20px 0 0 0;
}
.jrForm fieldset.jrReviewForm .jrReviewTitle,
.jrForm fieldset.jrReviewForm .jrName,
.jrForm fieldset.jrReviewForm .jrReviewer,
.jrForm fieldset.jrReviewForm .jrEmail {
  background: #fff !important;
}
.jrForm fieldset.jrReviewForm fieldset {
  background: #fff;
  border: 1px solid #ccc !important;
}
.jrForm fieldset.jrReviewForm input[type="text"],
.jrForm fieldset.jrReviewForm input[type="email"],
.jrForm fieldset.jrReviewForm input[type="url"],
.jrForm fieldset.jrReviewForm input[type="number"],
.jrForm fieldset.jrReviewForm input[type="password"],
.jrForm fieldset.jrReviewForm textarea,
.jrForm fieldset.jrReviewForm select {
  background: #f5f5f5;
}
.jrForm fieldset.jrReviewForm input[type="text"]:focus,
.jrForm fieldset.jrReviewForm input[type="email"]:focus,
.jrForm fieldset.jrReviewForm input[type="url"]:focus,
.jrForm fieldset.jrReviewForm input[type="number"]:focus,
.jrForm fieldset.jrReviewForm input[type="password"]:focus,
.jrForm fieldset.jrReviewForm textarea:focus,
.jrForm fieldset.jrReviewForm select:focus {
  background: #fff;
}
.jrForm label.jrReviewTitleLabel {
  font-weight: bold;
  font-size: 16px;
}
/******************************
Field Groups in tabs
*******************************/
.jrForm .jrTabs {
  margin: 20px 0 0 0;
}
.jrForm .jrTabs .ui-tabs-panel {
  padding: 10px !important;
}
.jrForm .jrTabs fieldset {
  margin: 0 !important;
}
.jrForm .jrTabs legend {
  display: none;
}
/******************************
Listing Submit Form
*******************************/
.jrListingCreate ul {
  margin-left: 25px;
}
.jrListingTitle {
  margin: 0 0 15px 0;
}
.jrListingTitleAlias {
  margin: 0;
}
#introtext.jrTextArea {
  height: 10em;
}
#fulltext.jrTextArea {
  height: 25em;
}
/* WYSIWYG Editor */
.jr-wysiwyg-editor {
  width: 34em;
}
table.mceLayout {
  width: 99.9% !important;
}
input#jr_submitListing {
  margin: 0 10px 0 0;
}
/* Form messages */
.jrForm .jrWarning,
.jrForm .jrSuccess,
.jrForm .jrError,
.jrForm .jrInfo {
  margin: 20px 0 !important;
}
.jrForm label [class^="jrIcon"],
.jrForm legend [class^="jrIcon"],
.jrForm .jrRatingCriteria .jrIconRequired {
  margin: 0 0 0 5px;
}
.jrIconRequired {
  width: 11px;
}
.jrIconRequired:before {
  font-size: 11px;
  color: #AD0909;
}
.jrIconInfo:before {
  font-size: 13px;
  color: #3F7FD5;
}
/****************************************
Media Upload Form
*****************************************/
.jrMediaForm .jrTabs {
  margin: 20px 0;
}
.jrMediaForm .jrMediaLimits {
  margin: 10px 0;
  display: block;
}
.jrMediaForm .jrMediaLimits ul {
  margin: 0 !important;
  padding: 0 !important;
}
.jrMediaForm .jrMediaLimits ul li {
  float: left;
  list-style: none;
  background: none;
  margin: 0 10px 5px 0;
}
.jrMediaForm .jrMediaLimits ul li:first-child {
  margin: 0 10px 0 0;
  font-weight: bold;
}
.jrMediaForm .jrMediaTermsCheckbox {
  margin-top: 5px;
}
.jrMediaForm .jrMediaTermsCheckbox label {
  display: inline;
  font-weight: bold;
  cursor: pointer;
}
.jrMediaForm div.jrUpload {
  padding: 5px 10px;
}
.jrMediaForm #mediaUploader {
  margin-bottom: 20px;
}
.jrMediaUploadSuccess {
  margin-bottom: 5px;
  display: inline-block;
}
.jrMediaForm .jrMediaDiv {
  border-bottom: 1px solid #bbb;
  padding: 15px;
  position: relative;
}
.jrMediaForm .jrMediaDiv:last-child {
  border: 0;
  margin: 0;
}
.jrMediaForm .jrMediaInfo {
  float: right;
  text-align: right;
}
.jrMediaForm .jrMediaInfo span {
  float: right;
  width: auto;
  clear: both;
  margin-top: 5px;
  word-break: break-all;
}
.jrMediaForm .jrMediaFilename {
  word-break: break-all;
}
.jrMediaForm .jrMediaThumb {
  text-align: center;
}
.jrMediaForm .jrMediaDetails input,
.jrMediaForm .jrMediaDetails textarea {
  width: 100%;
  margin: 0;
  padding: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jrMediaForm .jrMediaDiv .jrButton:first-child {
  margin: 0 8px 0 0;
}
.jrMediaForm .jrMediaMessage li {
  margin-left: 10px;
}
.jrMediaForm .jrDropArea {
  text-align: center;
  padding: 10px;
  margin: 10px;
}
.jrMediaForm label {
  margin-bottom: 3px;
}
.jrMediaForm .jrMediaDelete {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
/****************************************
Media Edit Form
*****************************************/
.jrThumbList label {
  font-weight: bold;
}
.jrThumbList div {
  margin: 5px 0;
}
.jrThumbList .jrThumbSize {
  color: #555555;
  font-size: 10px;
  line-height: 1.5em;
  margin: 3px;
  min-width: 60px;
  padding: 2px;
  text-align: center;
}
.jrThumbList .jrIconOnly {
  margin-top: 10px;
}
/******************************
Dialog
*******************************/
/* prevents large font sizes on dialog forms */
.jrDialog {
  font-size: 13px !important;
  padding: 3px !important;
  border: 1px solid #bbb;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.jrDialogContent {
  margin-top: 3px;
  padding: 0 !important;
}
.jrDialog .jrForm {
  margin: 0;
}
.jrDialog .ui-widget-header {
  color: #333;
  border: 0;
  border-bottom: 1px solid #bbb;
  background: #dedede;
  margin: -3px -3px 0 -3px;
  border-radius: 0;
}
.jrDialog legend {
  font-size: 14px !important;
}
.jrDialog .ui-dialog-buttonpane {
  border: 0;
  margin: 10px;
  padding: 0;
}
.jrDialog .ui-dialog-buttonset button:not(.jrButton) {
  display: inline-block;
  padding: 3px 8px;
  margin: 0 0 0 5px;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  cursor: pointer;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-image: -webkit-linear-gradient(#eeeeee, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#eeeeee, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#eeeeee, #ffffff 25%, #e6e6e6);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffe6e6e6', GradientType=0);
  border: 1px solid #bbb;
  *border: 0;
  border-bottom-color: #aaa;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  white-space: nowrap;
}
.jrDialog .ui-dialog-buttonset button:not(.jrButton):hover {
  color: #333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-image: -webkit-linear-gradient(top, #dddddd 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #dddddd 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #dddddd 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#fff5f5f5', GradientType=0);
}
.jrDialog .ui-button-text-only .ui-button-text {
  padding: 0;
  display: inline;
}
.jrDialog .jrClaimForm fieldset,
.jrDialog .jrInquiryForm fieldset,
.jrDialog .jrReportForm fieldset,
.jrDialog fieldset.jrReviewForm,
.jrDialog fieldset:first-of-type {
  margin: 2px 0;
}
/******************************
AUTOCOMPLETE UI
*******************************/
.jrForm .acInstructions {
  font-style: italic;
  color: #696969;
}
.jrForm .ui-optionsDiv {
  margin: 2px 0;
  padding: 4px 0 0;
  clear: left;
}
.jrForm .ui-optionsDiv a {
  display: inline-block;
  margin: 5px 5px 0 0;
  color: #fff;
  outline: none;
  background: #777;
  border: 1px solid #555;
  font-weight: normal;
  text-decoration: none;
  padding: 0.2em 0.3em;
  white-space: nowrap;
  border-radius: 3px;
}
.jrForm .ui-optionsDiv a.ui-disabled:hover,
.jrForm .ui-optionsDiv a.ui-disabled:active {
  background: #ddd !important;
  color: #333 !important;
}
.jrForm .ui-optionsDiv label {
  float: left;
  clear: none;
  margin: 0 5px 2px 0;
  font-weight: bold;
}
.jrForm .ui-optionsDiv .ui-disabled {
  color: #333;
  font-weight: normal;
  background: none;
  border: 1px solid #aaa;
}
/******************************
VALIDATION
*******************************/
.jrForm #msg span,
.jrForm #msg p {
  color: red;
}
.jrForm #msg li {
  margin-left: 15px;
}
.jrValidation {
  margin-top: 5px;
  color: red;
  font-weight: normal;
}
.jrCaptchaImg {
  float: left;
  margin-right: 10px;
}
input.jrCaptchaCode {
  height: 20px;
  width: 55px;
  padding: 5px !important;
  margin: 0 !important;
  text-align: center;
}
.jrCaptchaText {
  display: inline-block;
  padding: 8px;
}
/******************************
Ratings
*******************************/
ul.jrRatingsSubmission,
ul.jrRatingsSubmission li {
  float: left;
  list-style: none;
  margin: 0 !important;
  padding: 0;
  background: none;
}
ul.jrRatingsSubmission li {
  clear: left;
  margin: 3px 0 !important;
  padding: 0;
  background: none;
  width: auto;
}
.jrRatingsSubmission .jrRatingCriteria,
.jrRatingsSubmission .jrRatingStars,
.jrRatingsSubmission .jrRatingCaption {
  float: left;
  line-height: 1.3;
}
.jrRatingsSubmission .jrRatingCriteria {
  width: 200px;
  text-align: right;
}
.jrRatingsSubmission .jrRatingStars {
  min-width: 100px;
  max-width: 200px;
}
.jrRatingsSubmission .jrRatingCaption {
  width: 100px;
}
@media (max-width: 480px) {
  .jrRatingsSubmission .jrRatingCriteria {
    text-align: left;
    padding-left: 15px;
    width: auto !important;
  }
  .jrRatingsSubmission .jrRatingStars {
    clear: both;
    margin: 3px 0 8px 0;
  }
}
/* rating stars */
.ui-stars-star,
.ui-stars-cancel {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}
.ui-stars-cancel {
  margin-right: 1px;
}
.ui-stars-cancel a,
.ui-stars-star a {
  width: 16px;
  height: 16px;
  display: block;
}
.ui-stars-cancel a {
  background: url(images/rating_stars_disabled.png) no-repeat 0 0 !important;
}
.ui-stars-star a {
  background: url(images/rating_stars.png) no-repeat 0 0 !important;
}
.ui-stars-cancel.ui-stars-star-on a,
.ui-stars-cancel.ui-stars-star-hover a,
.ui-stars-cancel-hover a,
ul.jrRatingsSubmission.jrEditorRatings .ui-stars-cancel.ui-stars-star-on a,
ul.jrRatingsSubmission.jrEditorRatings .ui-stars-cancel.ui-stars-star-hover a,
ul.jrRatingsSubmission.jrEditorRatings .ui-stars-cancel-hover a {
  background-position: 0 -16px !important;
}
.ui-stars-star a {
  background-position: 0 0 !important;
}
.ui-stars-star-on a,
.ui-stars-star-hover a {
  background-position: 0 -16px !important;
}
ul.jrRatingsSubmission.jrEditorRatings .ui-stars-star a {
  background-position: 0 0 !important;
}
ul.jrRatingsSubmission.jrEditorRatings .ui-stars-star-on a,
ul.jrRatingsSubmission.jrEditorRatings .ui-stars-star-hover a {
  background-position: 0 -32px !important;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
  cursor: default !important;
}
/* datepicker override */
#ui-datepicker-div {
  font-size: 13px;
}
/* IE7 fix */
#jr_review0Form,
#jr_postCommentFormOuter0,
#jr_postCommentForm0 {
  zoom: 1;
}