/* Country specific styles - ex Button color, skin changes*/
/* colors to create default gradient controls */
/* set of colors to work with */
/* fonts */
/* mixin to create the default font for controls like buttons */
/* mixin to create a default gradient (non flat) control */
/* default look for all buttons (flat or rounded) */
/* General rules for the whole page */
html, body, a, form {
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif; }

/* This rule helps place the footer at the bottom at all times */
html, body {
  height: 100%;
  width: 100%; }

/* Change the font size to match the page setting */
.hdrTitle {
  font-size: 0.9em;
  color: #000;
  margin-top: 6px; }

/* This rule helps place the footer at the bottom at all times */
#page-container {
  height: 99%; }

/* This rule helps place the footer at the bottom at all times */
#page {
  min-height: 100%;
  position: relative; }

/* Main action button on Login page - ex Login */
/* Style for secondary action button on the page - ex- Delete All, Cancel */
.mainButton, .handler_shareLocationPostAd, .handler_shareMyLocation {
  /*@include background-image(linear-gradient(top, #f87e00, #e85600)); */
  color: #fff;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  text-align: center;
  display: block; }

/* Style for secondary action button on the page - ex- Delete All, Cancel */
/*.secondaryButton {
	@include background-image(linear-gradient(top, #fefefc, #f1f2e2)); 
	border: 1px solid #e5e4d0;
	color: #000 !important;
	@include border-radius(3px, 3px);
	display: block;
	padding: 6px 0;
	text-align: center;
	font-weight: bold;
}
*/
/* Style for disabled action button on the page - ex- Delete All, Cancel */
.disable_button {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #f7f7f7)) !important;
  background-image: -webkit-linear-gradient(center top, #f7f7f7, #f7f7f7) !important;
  background-image: -moz-linear-gradient(center top, #f7f7f7, #f7f7f7) !important;
  background-image: -o-linear-gradient(center top, #f7f7f7, #f7f7f7) !important;
  background-image: linear-gradient(center top, #f7f7f7, #f7f7f7) !important;
  border: 1px solid #E4E4D0 !important;
  color: #C0C0C0 !important;
  cursor: default;
  font-size: 1em;
  pointer-events: none;
  white-space: nowrap; }

#footer {
  /* Main rule for the footer */
  padding-top: 0.4em;
  /*bottom : 0 !important;*/
  border-top: 1px solid #e4e7f9;
  position: relative;
  width: 100%;
  height: 22%;
  /* Adjusts spacing between the footer links */ }
  #footer .f1, #footer .f2 {
    margin: 0 !important; }
  #footer #copyright {
    padding: 0 !important; }

#emailHint {
  color: #808080 !important;
  display: block;
  padding: 6px 0;
  text-align: left;
  font-weight: bold;
  font-size: 13px; }
  #emailHint a {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    display: inline;
    padding: 0 !important; }
  #emailHint span {
    color: #1e0fbe;
    font-weight: inherit;
    display: inline-block;
    font-style: italic; }
  #emailHint .suggestion:hover {
    padding-bottom: 2px;
    border-bottom: 1px solid #000; }

.error {
  display: block; }

/*******************************************************************************/
/* General Overrides */
.bannerAds {
  text-align: center; }

.iconFont {
  font-family: kijiji; }

.mainButton, .handler_shareLocationPostAd, .handler_shareMyLocation {
  /*min-width: 50px;*/
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 8px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: regular;
  color: white;
  background: #ffb929;
  border: 1px solid #ffb929;
  border-radius: 0px; }

.secondaryButton {
  /*min-width: 50px;*/
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 8px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: regular;
  color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(top, #ffffff, #ffffff);
  border: 1px solid #FFB929;
  color: #FFB929;
  padding: 7px 1px;
  border-radius: 0px; }

.disabled_button {
  /*min-width: 50px;*/
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 8px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: regular;
  color: white;
  background: #f1d399;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  pointer-events: none;
  min-width: 50px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: regular;
  color: white;
  border: 1px solid #f1d399; }

.list a {
  color: #3b5998; }

input {
  font-size: 16px; }

input[placeholder] {
  font-weight: normal; }

.surveyButton {
  /*min-width: 50px;*/
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 8px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: regular;
  color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee9f00), color-stop(100%, #ee9f00));
  background-image: -webkit-linear-gradient(top, #ee9f00, #ee9f00);
  background-image: -moz-linear-gradient(top, #ee9f00, #ee9f00);
  background-image: -o-linear-gradient(top, #ee9f00, #ee9f00);
  background-image: linear-gradient(top, #ee9f00, #ee9f00);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #EE9F00;
  color: #fff;
  padding: 8px;
  min-width: 50px;
  display: inline-block;
  text-align: center; }

.termsClass {
  color: #3b5998; }

input[type="text"], input.text, textarea, input[type="email"] {
  border-color: #aaa; }

#headerWrapper {
  height: 40px; }

.sponsored_zrp span, .sponsored_nzrp span, .sponsored_vip span {
  background-color: #efefef !important; }

.pageTitle {
  text-align: center;
  border-bottom: 1px solid #ccc;
  font-family: 'ArialMT', 'Arial';
  color: #333333; }

.PostAd .postad-nav-subpage div.filterSelect {
  background-color: #FFF7CF !important;
  border-bottom: 1px solid #EE9F00 !important;
  color: #fff !important;
  padding: 6px 8px; }

.PostAd .pa-navigation a {
  font-size: 14px;
  color: #3b5998; }

.navPostAd {
  width: 20px;
  height: 20px;
  padding-top: 5px; }

/*******************************************************************************/
/*******************************************************************************/
/* Home Page Overrides */
#btnSearch {
  font-size: 16px;
  width: auto;
  cursor: pointer;
  padding: 9px 10px; }

.separator {
  background-color: #f2f2f2;
  height: 13px; }

/*******************************************************************************/
/* No search results page */
#noResultsMessage {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 1.2em;
  line-height: 130%;
  margin-top: 15px; }

#noResultsSearchTips {
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 15px;
  margin-bottom: 20px; }
  #noResultsSearchTips ul {
    padding-left: 16px; }
  #noResultsSearchTips li {
    line-height: 18px;
    list-style-type: disc; }
  #noResultsSearchTips a {
    color: #3B5998; }

#replyBack {
  position: absolute;
  left: 12px;
  color: #A5D14A;
  font-family: 'ArialMT', 'Arial';
  font-size: 16px;
  padding-top: 8px;
  z-index: 1000; }
  #replyBack a {
    color: #A5D14A;
    font-family: 'ArialMT', 'Arial';
    font-size: 16px; }

.noSearchResultsTitle {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.sponsored_zrp span:first-child {
  background-Color: #FFF;
  font-size: 14px;
  color: #333333;
  line-height: 12px;
  padding: 10px;
  font-weight: normal;
  padding-top: .2em;
  padding-left: .4em;
  padding-bottom: .4em;
  display: block; }

#noResultsTipsHeader {
  font-size: 1.2em;
  margin-bottom: 2px; }

#noResultsActions {
  margin-bottom: 20px;
  padding-left: 8px; }
  #noResultsActions a {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 1.2em; }

.noResultsActionButton {
  width: 44%;
  margin-right: 10px; }

/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/* Search Page Overrides */
#sbHeader {
  background-color: #fff;
  background-image: none;
  font-size: 13px;
  color: #000000;
  font-weight: normal; }

#searchHeaderDetails {
  display: table-cell;
  padding-top: 5px;
  width: 60%; }

.Search #headerMsg1 {
  display: block;
  font-size: 12px;
  padding-top: .4em;
  padding-bottom: 2px; }
.Search .searchResultsTitle {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

#viewControl {
  padding-top: 12px; }

.changeViewButton span {
  font-family: kijiji;
  font-size: 18px;
  color: #A5D14A; }

.disabled-icon {
  opacity: 0.5;
  pointer-events: none;
  color: lightgray !important; }
  .disabled-icon p {
    pointer-events: none; }

#btnSaveSearch {
  color: #a5d14a;
  height: 25px;
  font-size: 16px;
  padding-left: 10px;
  padding-top: 8px;
  display: block;
  font-weight: normal !important;
  text-decoration: inherit !important; }
  #btnSaveSearch span {
    font-family: kijiji;
    padding-left: 3px; }

#stbHeader {
  background-Color: #FFF;
  font-size: 14px;
  color: #333333;
  line-height: 12px;
  padding: 10px;
  font-weight: normal;
  background-color: #f2f2f2;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13x; }

#viewHeader {
  border-top: none !important;
  padding-bottom: 2px !important; }

#viewHeader .prevAd {
  background: none !important; }

#viewHeader .nextAd {
  background: none !important; }

.adPrice {
  font-size: 20px;
  color: black;
  display: inline !important; }

.viewAdActionIcon {
  font-family: kijiji;
  text-align: center;
  margin-bottom: 5px;
  font-size: 16px;
  color: #FFB929;
  margin-top: 0px;
  margin-bottom: 5px; }

.viewAdActionLabel {
  color: #999999;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap; }

#nextPrev {
  padding-left: 18px; }

#btnPrevAd .icon-left-open {
  margin-left: 4px; }

.LastViewedAds ul.result li {
  border-bottom: 0;
  margin: 1px;
  background: white;
  padding-right: 30px;
  padding-bottom: 3px;
  border-bottom: 1px lightgray solid; }
.LastViewedAds .AdContent .title {
  color: #666666;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.3em;
  width: 100%; }
.LastViewedAds .AdContent .price {
  font-size: 14px;
  color: #ec7d1b;
  font-weight: normal; }
.LastViewedAds .AdContent .posteddate {
  font-size: 11px;
  color: #999;
  float: left;
  position: relative;
  right: 0; }
.LastViewedAds .AdContent .price_startdate {
  position: relative; }

.Search ul.result li {
  border-bottom: 0;
  margin-top: 1px;
  background: white;
  padding-right: 30px;
  border-bottom: 1px lightgray solid; }

.Search ul.result li.third-party-item,
ul#galleryList li.third-party-item {
  padding-right: 0;
  position: relative; }
  .Search ul.result li.third-party-item .title,
  ul#galleryList li.third-party-item .title {
    max-height: 2.6em; }
  .Search ul.result li.third-party-item .watchlist-handler,
  ul#galleryList li.third-party-item .watchlist-handler {
    display: none; }
.Search ul.result li .click-out .icon,
ul#galleryList li .click-out .icon {
  color: #CCCCCC;
  font-size: 16px;
  float: right;
  padding-right: 7px;
  right: 1%;
  top: 40%; }
.Search ul.result li .small-label,
ul#galleryList li .small-label {
  bottom: 4px;
  float: left;
  font-size: 10px;
  left: 0;
  margin-left: 90px;
  position: absolute; }
.Search ul.result li .cas-label,
ul#galleryList li .cas-label {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: #999;
  color: #fff;
  padding: 0 7px; }
.Search ul.result li .powered-by,
ul#galleryList li .powered-by {
  bottom: 0px;
  color: #000;
  font-weight: bold;
  width: 50%; }
  .Search ul.result li .powered-by img,
  ul#galleryList li .powered-by img {
    vertical-align: middle; }
.Search ul.result li .cas-image,
ul#galleryList li .cas-image {
  float: right;
  max-height: 20px;
  position: absolute;
  right: 10px;
  top: 4px; }
  .Search ul.result li .cas-image.gallery,
  ul#galleryList li .cas-image.gallery {
    float: right; }
.Search ul.result li a.galleryAd,
ul#galleryList li a.galleryAd {
  padding-bottom: 25px; }

.click-out .icon {
  position: absolute; }

ul#galleryList > li .small-label {
  margin-left: 5px; }

.cas-details a,
.cas-details div {
  display: block;
  margin-bottom: 5px; }
.cas-details .text {
  float: right;
  height: 19px;
  margin-top: 7px;
  padding-top: 5px;
  width: 87%; }
  .cas-details .text span {
    color: #006;
    font-size: 1.2em; }
.cas-details .icon {
  color: #d68417;
  font-size: 1.6em;
  height: 20px;
  padding-top: 0.6em;
  text-align: center;
  width: 10%; }
.cas-details .icon.icon-phone,
.cas-details .text.phone {
  display: inline-block;
  float: none; }
.cas-details .phone-text {
  margin-top: 0 !important; }
.cas-details .phone {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #b0c652;
  color: #fff;
  float: left;
  font-size: 1.1em;
  height: 1.1em;
  padding: 6px 15px;
  width: auto; }
.cas-details .img-container {
  text-align: center; }
  .cas-details .img-container img {
    max-height: 120px;
    max-width: 100%;
    width: auto; }

.cas-item #vipWatchlist {
  display: none; }

.cas-header {
  border-collapse: collapse;
  margin-top: 10px;
  width: 100%; }
  .cas-header td {
    padding: 0; }
  .cas-header .cas-price {
    color: #afc550;
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 30px;
    text-align: right;
    white-space: nowrap; }
  .cas-header .cas-title {
    font-size: 1.1em;
    font-weight: bold; }

.adList li {
  border-bottom: 0;
  margin-top: 1px;
  background: white;
  padding-right: 30px;
  border-bottom: 1px lightgray solid; }

.adList .AdContent .title {
  color: #666;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  width: 90%;
  /*word-wrap: break-word; 
  word-break: break-all;*/ }
.adList .AdContent .price {
  font-size: 14px;
  color: #ec7d1b;
  font-weight: normal; }
.adList .AdContent .posteddate {
  font-size: 11px;
  color: #999;
  float: left;
  position: relative;
  right: 0; }

.Search .AdContent .title {
  clear: both;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  color: #006;
  width: 90%;
  /*word-wrap: break-word;
  word-break: break-all;*/ }
.Search .AdContent .price {
  font-size: 18px;
  color: #3B5998;
  font-weight: normal;
  padding-right: 20px;
  padding-top: 4px; }
.Search .AdContent .posteddate {
  font-size: 11px;
  color: #999;
  float: left;
  position: relative;
  right: 0;
  padding-top: 4px;
  font-family: arial, arialmt; }

.watchlist-handler .watchlist-star {
  position: absolute;
  top: 40%;
  right: 1%;
  width: 19px;
  height: 19px;
  background-size: 19px 38px;
  padding-right: 6px;
  font-family: kijiji;
  font-size: 20px;
  color: #FFB929; }

.notinwatchlist:before {
  content: '\e802'; }

.inwatchlist:before {
  content: '\e803'; }

/*******************************************************************************/
/* My location */
/* Location Filter page */
.firstParent {
  background-color: #F2F2F2;
  border-bottom: 1px dotted #E4E4E4;
  display: block;
  font-size: 1em;
  margin-top: 5px;
  padding: 5px 10px; }

.list .filterPath.L2, .list .filterSelect.L2 {
  border-bottom: 1px solid #e9e9f1; }

.locBackToParent {
  padding-top: 15px; }

.backToParent .backLink {
  border-top: 1px solid #E4E4E4;
  border-bottom: 4px solid #e4e4e4;
  background-color: #FFFFFF;
  margin-left: 4px; }
  .backToParent .backLink .filterParent {
    color: #A5D14A; }

/*
.CatFilter a.leaf, .LocFilter a.leaf {	
	background: url(../../../img/Kijiji_ca/location/search-icon@240.png) 98% no-repeat;	
	background-size: 17px 16px;
}*/
.nav a, .list a {
  display: block;
  width: auto !important;
  padding-top: .7em;
  padding-bottom: .7em;
  padding-left: 12px;
  padding-right: 12px !important;
  font-size: 14px; }
.nav a.back, .list a.back {
  font-size: 14px;
  color: #000; }
.nav a.filterIndent, .list a.filterIndent {
  padding-left: 30px; }
.nav a.filterParent, .list a.filterParent {
  display: block;
  width: auto !important;
  padding-top: .7em;
  padding-bottom: .7em;
  padding-left: 12px;
  padding-right: 12px !important;
  padding-left: 24px !important;
  background: url(../../../img/Kijiji_ca/location/arrow-back@240.png) 0 center/30px no-repeat; }
.nav li, .list li {
  border-bottom: 1px solid #EEE; }

.nav .filterSelect {
  background: url(../../../img/Kijiji_ca/location/checkmarkCircle.png) 95% center no-repeat; }
  @media (min-width: 320px) {
    .nav .filterSelect {
      background: url(../../../img/Kijiji_ca/location/checkmarkCircle.png) 95% center no-repeat; } }
  @media (min-width: 480px) {
    .nav .filterSelect {
      background: url(../../../img/Kijiji_ca/location/checkmarkCircle.png) 95% center no-repeat;
      background-size: 36px auto; } }
  @media (min-width: 640px) {
    .nav .filterSelect {
      background: url(../../../img/Kijiji_ca/location/checkmarkCircle.png) 95% center no-repeat;
      background-size: 40px auto; } }

.histogramCount {
  color: lightgrey; }

#filterTitle {
  text-align: center;
  font-size: 1.3em;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc; }

.locFilterTitle {
  margin-bottom: 8px; }

.LocFilter .list li a, .CatFilter .list li a {
  border-bottom: 0;
  background-size: 22px auto;
  /*padding-top: 8px;
  padding-bottom: 8px;*/ }

.list a.arrow {
  background: url("../../../img/Kijiji_ca/location/arrow@240.png") no-repeat 96% center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background: url("../../../img/Kijiji_ca/location/arrow@240.png") no-repeat 96% center, -webkit-linear-gradient(top, #ffffff, #ffffff);
  background: url("../../../img/Kijiji_ca/location/arrow@240.png") no-repeat 96% center, -moz-linear-gradient(top, #ffffff, #ffffff);
  background: url("../../../img/Kijiji_ca/location/arrow@240.png") no-repeat 96% center, -o-linear-gradient(top, #ffffff, #ffffff);
  background: url("../../../img/Kijiji_ca/location/arrow@240.png") no-repeat 96% center, linear-gradient(top, #ffffff, #ffffff);
  background-size: 22px auto; }
.list a.filterParent {
  display: block;
  width: auto !important;
  padding-top: .7em;
  padding-bottom: .7em;
  padding-left: 12px;
  padding-right: 12px !important;
  padding-left: 24px !important;
  background: url("../../../img/Kijiji_ca/location/arrow-back@240.png") no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background: url("../../../img/Kijiji_ca/location/arrow-back@240.png") no-repeat 0 center, -webkit-linear-gradient(top, #ffffff, #ffffff);
  background: url("../../../img/Kijiji_ca/location/arrow-back@240.png") no-repeat 0 center, -moz-linear-gradient(top, #ffffff, #ffffff);
  background: url("../../../img/Kijiji_ca/location/arrow-back@240.png") no-repeat 0 center, -o-linear-gradient(top, #ffffff, #ffffff);
  background: url("../../../img/Kijiji_ca/location/arrow-back@240.png") no-repeat 0 center, linear-gradient(top, #ffffff, #ffffff);
  background-size: 22px auto; }

@media (min-width: 320px) {
  .list a.arrow {
    background: url("../../../img/Kijiji_ca/location/arrow@320.png") no-repeat 96% center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: url("../../../img/Kijiji_ca/location/arrow@320.png") no-repeat 96% center, -webkit-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow@320.png") no-repeat 96% center, -moz-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow@320.png") no-repeat 96% center, -o-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow@320.png") no-repeat 96% center, linear-gradient(top, #ffffff, #ffffff);
    background-size: 22px auto; }
  .list a.filterParent {
    background: url("../../../img/Kijiji_ca/location/arrow-back@320.png") no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: url("../../../img/Kijiji_ca/location/arrow-back@320.png") no-repeat 0 center, -webkit-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow-back@320.png") no-repeat 0 center, -moz-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow-back@320.png") no-repeat 0 center, -o-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow-back@320.png") no-repeat 0 center, linear-gradient(top, #ffffff, #ffffff);
    background-size: 22px auto; } }
@media (min-width: 480px) {
  .list a.arrow {
    background: url("../../../img/Kijiji_ca/location/arrow@480.png") no-repeat 96% center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: url("../../../img/Kijiji_ca/location/arrow@480.png") no-repeat 96% center, -webkit-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow@480.png") no-repeat 96% center, -moz-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow@480.png") no-repeat 96% center, -o-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow@480.png") no-repeat 96% center, linear-gradient(top, #ffffff, #ffffff);
    background-size: 28px auto; }
  .list a.filterParent {
    background: url("../../../img/Kijiji_ca/location/arrow-back@480.png") no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: url("../../../img/Kijiji_ca/location/arrow-back@480.png") no-repeat 0 center, -webkit-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow-back@480.png") no-repeat 0 center, -moz-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow-back@480.png") no-repeat 0 center, -o-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow-back@480.png") no-repeat 0 center, linear-gradient(top, #ffffff, #ffffff);
    background-size: 28px auto; } }
@media (min-width: 640px) {
  .list a.arrow {
    background: url("../../../img/Kijiji_ca/location/arrow@640.png") no-repeat 96% center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: url("../../../img/Kijiji_ca/location/arrow@640.png") no-repeat 96% center, -webkit-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow@640.png") no-repeat 96% center, -moz-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow@640.png") no-repeat 96% center, -o-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow@640.png") no-repeat 96% center, linear-gradient(top, #ffffff, #ffffff);
    background-size: 30px auto; }
  .list a.filterParent {
    background: url("../../../img/Kijiji_ca/location/arrow-back@640.png") no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: url("../../../img/Kijiji_ca/location/arrow-back@640.png") no-repeat 0 center, -webkit-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow-back@640.png") no-repeat 0 center, -moz-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow-back@640.png") no-repeat 0 center, -o-linear-gradient(top, #ffffff, #ffffff);
    background: url("../../../img/Kijiji_ca/location/arrow-back@640.png") no-repeat 0 center, linear-gradient(top, #ffffff, #ffffff);
    background-size: 30px auto; } }
/*******************************************************************************/
/*******************************************************************************/
/* Search filter Page Overrides */
.SearchFilter .list > li {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee; }
.SearchFilter a.forminput {
  color: #3b5998; }

/*******************************************************************************/
/*******************************************************************************/
/* View Ad Page */
#shareLink a {
  color: #3B5998 !important; }

.view_slideup {
  background: url("../../imgs/email.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed9d00), color-stop(100%, #ed9d00));
  background: url("../../imgs/email.png"), -webkit-linear-gradient(top, #ed9d00, #ed9d00);
  background: url("../../imgs/email.png"), -moz-linear-gradient(top, #ed9d00, #ed9d00);
  background: url("../../imgs/email.png"), -o-linear-gradient(top, #ed9d00, #ed9d00);
  background: url("../../imgs/email.png"), linear-gradient(top, #ed9d00, #ed9d00);
  background-repeat: no-repeat;
  background-position: center center;
  height: 30px;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none; }

.view_phone {
  background: url("../../imgs/call.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed9d00), color-stop(100%, #ed9d00));
  background: url("../../imgs/call.png"), -webkit-linear-gradient(top, #ed9d00, #ed9d00);
  background: url("../../imgs/call.png"), -moz-linear-gradient(top, #ed9d00, #ed9d00);
  background: url("../../imgs/call.png"), -o-linear-gradient(top, #ed9d00, #ed9d00);
  background: url("../../imgs/call.png"), linear-gradient(top, #ed9d00, #ed9d00);
  background-repeat: no-repeat;
  background-position: center center;
  height: 30px;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none; }

#visitsDetails .fieldLabel, #adIdDetails .fieldLabel {
  color: #333; }

#adDescTitle {
  background-color: #f2f2f2;
  color: #666;
  line-height: 2px;
  padding: 10px 0 12px 12px; }
  #adDescTitle div {
    display: inline-block; }
  #adDescTitle #adIdDetails {
    margin-top: 0; }

.share {
  background: url("../../imgs/share.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 30px;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none; }

.mapClass {
  background: url("../../imgs/map.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 30px;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  float: none;
  box-shadow: none; }

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .mapClass {
    background: url("../../imgs/map-med.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%; } }
#actionWrapper {
  height: 44px; }

.ViewAd .aditemlist > li, .ViewAd .va-actions {
  padding-left: 12px;
  padding-right: 12px; }

.ViewAd .aditemlist > li {
  padding-top: 6px;
  padding-bottom: 6px; }
.ViewAd a.postersOtherAds {
  margin-top: 8px; }
.ViewAd .aditemlist .fieldLabel {
  color: #333333;
  font-size: 14px; }
.ViewAd .aditemlist .fieldValue {
  color: #333333;
  font-size: 14px; }

a.postersOtherAds {
  border: 1px solid #ccc; }

/*******************************************************************************/
/*******************************************************************************/
/* My Ads Page */
#MyAds .adPromote {
  background: url("../../imgs/Kijiji_ca/icon_promote.png");
  background-repeat: no-repeat;
  background-position: left center;
  color: #000; }

/*******************************************************************************/
/*******************************************************************************/
/* Reply To Poster Page */
.ReplyAd {
  /* Styles for Reply Ad */ }
  .ReplyAd .replyAdtitle {
    padding: 12px;
    padding-bottom: 0px;
    font-size: 16px;
    color: #006; }
  .ReplyAd form {
    margin-left: 12px;
    margin-right: 12px; }
  .ReplyAd #sbHeader {
    padding: 0.8em 13px;
    font-size: 16px;
    background-color: #F2F2F2;
    border-bottom: 1px solid #C2C2D6; }
  .ReplyAd #copyMe {
    margin-top: 10px;
    margin-bottom: 10px; }
  .ReplyAd #replySubmitButton {
    width: 100%;
    margin-top: 10px; }
  .ReplyAd #replySubmitButtonDisabled {
    background: #bbb;
    color: #fff;
    display: none;
    font-family: 'Lucida Grande';
    font-size: 14px;
    margin: 20px 0 0;
    padding: 11px 0;
    text-align: center; }
  .ReplyAd .replyAdTerms {
    margin-left: 36px; }
  .ReplyAd li.listitem {
    margin-top: 12px; }
  .ReplyAd .list > li {
    padding-left: 12px;
    padding-right: 12px; }
  .ReplyAd .captcha-item {
    padding-right: 70px !important;
    position: relative; }
    .ReplyAd .captcha-item img {
      width: 60px;
      height: 40px; }
  .ReplyAd .img {
    position: absolute;
    right: 0px;
    top: 0;
    width: 60px;
    height: 40px; }
  .ReplyAd .actions {
    margin-top: 12px; }

/* General rule for all validation error should be shown in red */
.error select, .error input, .error textarea, span.error, a.error, .error {
  color: #FF0000 !important;
  font-weight: normal; }

.submit_reply {
  width: 40%;
  margin-left: .4em;
  margin-right: .4em; }

.cancel {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(top, #ffffff, #ffffff);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e5e4d0;
  color: #000 !important;
  padding: 8px;
  display: inline-block;
  width: 40%;
  text-align: center;
  font-size: 14px;
  margin-top: .8em;
  margin-bottom: .8em; }

.actions *, .va-actions * {
  text-align: center; }

.required-field {
  color: #FF0000; }

/*******************************************************************************/
/*******************************************************************************/
/* View Map Page */
.maptitle {
  padding: .2em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 10px 10px 10px 10px; }

#ad-map {
  margin: .4em .2em 1em .2em; }

/*******************************************************************************/
/*******************************************************************************/
/* No results page */
#adBottomWindow {
  color: #006;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px; }

/*******************************************************************************/
/* Styles for Privacy msg on Reply and Post Ad page */
.postAdTerms, .replyAdTerms {
  color: #666666;
  margin: 1em; }

/* Override styles for msgBox */
.msgBox a, .msgBox input {
  font-weight: normal; }

/*
.list {
	li.L2 {
		a {
			padding-left: 12px;
			padding-top: .7em;
			padding-bottom: .7em;
			width: 98%;
		}
	}
}*/
/* Styles for Share My Location code */
.handler_shareLocationPostAd, .handler_shareMyLocation {
  display: block;
  margin: 5px auto 0;
  width: 94%;
  height: 18px;
  background-color: #ffb929;
  background-image: none;
  font-size: 1.3em; }

/*******************************************************************************/
/* Styles for Saved Searches Page */
.savedSearchEditButton {
  min-width: 50px; }

/*********************************************************************************/
/* VIP pagination override */
#viewHeader,
#footer_container #feedback_container a,
.ViewAd .aditemlist,
.Search .AdContent .title,
.message {
  color: #666666; }

.ViewAd .aditemlist .ad-address a span {
  color: #3b5998; }

.SearchFilter .list li {
  height: auto; }

.ReplyAd .list li {
  height: auto; }

/* My Ads page style changes */
#MyAds {
  font-weight: normal; }
  #MyAds .adPrice {
    color: #EC7D1B;
    font-size: 14px; }
  #MyAds .adContentContainer .adTitle, #MyAds .adStatus {
    font-weight: inherit !important; }

.adjustTitleArea {
  display: block; }

.SavedSearch .pageTitle {
  text-align: left; }
.SavedSearch #adHeaderArea div {
  display: inline-block; }
.SavedSearch #adHeader {
  float: left; }
.SavedSearch #headerActions {
  float: right;
  margin-right: 10px; }
.SavedSearch #btnEdit {
  padding: 8px; }

#preview-adtitle-label {
  color: #333;
  font-size: 16px;
  line-height: 1.3em;
  min-height: 30px; }

.PostAd #preview-adtitle-value {
  float: none !important;
  font-size: 20px;
  color: black;
  line-height: 1.3em;
  min-height: 30px; }

.preview-ad-title {
  border-bottom: 1px dotted #e4e4e4;
  margin-left: 10px;
  margin-right: 10px; }

#preview-location {
  color: #3b5998; }

#preview-list-fields {
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px; }

#preview-ad-description {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 15px;
  word-wrap: break-word; }

#preview-content #adIdDetails {
  margin-right: 5px; }

#preview-ad-actions {
  margin-left: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-top: 5px; }

/*******************************************************************************/
/* New Facebook Login Page */
.loginControls {
  text-align: center;
  margin-top: 40px; }

.facebookLogin {
  background-color: #718ec2;
  color: white;
  font-size: 16px;
  height: 16px;
  padding: 7px 20px;
  width: 210px; }
  .facebookLogin span {
    margin-right: 5px; }

#loginAltText {
  color: #999;
  font-family: 'ArialMT', 'Arial';
  font-size: 12px;
  margin-top: 25px; }

#loginFormContainer {
  margin-top: 10px;
  margin-left: 5%;
  width: 90%; }

#forgotPassword {
  margin-top: -20px;
  margin-bottom: 60px;
  color: #333; }

#registerMessage {
  color: #333;
  font-size: 14px; }
  #registerMessage a {
    text-decoration: none !important;
    color: #3B5998 !important;
    font-size: 14px; }