/* Notes - do not use @import url() syntax to pull in bootstrap stylesheet - respond.js has problems with that */ 
/* Media Theme */

/*Colors
46813f Green 
000000 Black
f2f2f2 lt gray 
*/

/*For Google Maps and to eliminate http stuff in printable copies */
@media print {
/*Will ensure google map shows on print*/
.GoogleMapClass img {max-width: none !important;}
/*The following will get rid of hyperlinks displayed as http stuff in printable version*/
a:link:after, a:visited:after {  
  content: normal !important;  
}
}

@font-face {
  font-family: 'OpenSans';
  src: local('Open Sans'), local('Open Sans'), url(fonts/opensans-regular.woff) format('woff');
}

h1 {font-size:30px; margin-bottom:30px;}
h2 {font-size:24px;}
h3 {font-size:16px;}
h4 {font-size:16px;}
h5 {font-size:16px;}

body {font-size:16px; background:#222; font-family:  OpenSans, sans-serif, Arial, Trebuchet MS;}

.Wrapper {width:100%; margin:0 auto; padding:0; background:#fff; overflow-x:hidden;}
.wrapper-inner {width:100%; margin:0 auto; padding:0; background:#fff; overflow-x:hidden;}
.maincontenthp {max-width:1280px; margin:0 auto;}
.MainBody {max-width:1280px; margin:0 auto; background:#fff;}
.mainbody-inner {max-width:1280px; margin:0 auto;}
.PageContent {background:#fff; padding:0; margin-bottom:10px;}
.mgpanel-default {padding:0; border:none;}
.mgpanel-noborder {border:none;}
.mgcolumn1 {padding-right:10px;}
.mgcolumn2 {padding-left:5px;}
.col-space {padding:5px 0;}
.col-border {border-bottom:1px solid #ddd; padding:5px; margin-bottom:10px;}
.panel {margin-bottom:10px; background-color: #fff; border:none; -webkit-box-shadow: none;}
.panel-body {padding:10px 0;}
.panel-bodylistings {padding:5px 0;}
#TR_image {padding:20px 5px 10px 0; border-bottom:1px solid #eee; color:#222; margin-bottom:2px;}
#TR_image img {border:1px solid #eee; margin:5px 0;}
/*required icon listing edit*/
.requiredicon {margin-bottom:15px;}
.requiredicon img {padding-bottom:10px;}
.listingstatusdiv {border:1px solid #ddd;} /* listing details at top of listing create/edit page */

@media (max-width: 767px) {
    .form-control {margin:10px 0; display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff;
        background-image: none; border: 1px solid #e4e4e4; border-radius: 2px; -webkit-box-shadow:none; box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
}

@media (min-width: 768px) {
    .form-control {margin:4px 0; display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff;
        background-image: none; border: 1px solid #e4e4e4; border-radius: 2px; -webkit-box-shadow:none; box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
}

/* Page content top and bottom all pagees */
.pagecontent-top {padding:0 18px; background:#fff; max-width:1280px; margin:0 auto; float:none;}
.pagecontent-bottom {padding:0 25px; max-width:1280px; margin:0 auto; float:none;}

@media (max-width: 767px) {
    /* Home page content area */
    .homepagecontent-wrapper {background:#fff; color:#222; padding:10px 0 0 0;}
    .homepagecontent {max-width:1280px; margin:0 auto; float:none; text-align:center;}
    #WelcomeHeading {color:#222; text-transform:uppercase; background:none; border-color:none; padding:10px 0; border-bottom:none; font-size:20px;}
    .homepagetextdiv .mg-btn-action {background:#46813f; color:#fff; border:1px solid #46813f; font-size:16px; border-radius:0; margin:15px 0; padding:8px 15px; width:100%;}
}

@media (min-width: 768px) {
    /* Home page content area */
    .homepagecontent-wrapper {background:#fff; color:#222; padding:10px 0;}
    .homepagecontent {max-width:1280px; margin:0 auto; float:none; text-align:left;}
    #WelcomeHeading {color:#222; text-transform:uppercase; background:none; border-color:none; background-color:#fff; border:none; padding:8px 0; font-size:20px;}
    .homepagetextdiv .mg-btn-action {background:#46813f; color:#fff; border:1px solid #46813f; font-size:18px; border-radius:0; margin:15px 0; padding:8px 20px; min-width:300px;}
    .homepagetextdiv .mgpanel-bodyhm {position:relative; right:10px;}
}

/* Articles - Home Page */
.articles-wrapper {padding:0 0 10px 0; background:#fff;}
.articles-homepage {max-width:1280px; margin:0 auto; float:none;}
#ArticlesHeading {color:#222; text-transform:uppercase; background:#fff; border-color:#fff; padding:12px 10px; border-bottom:1px solid #ccc; font-size:20px;}
.articles-homepage .morelink .btn {color:#fff;}


@media (max-width: 767px) {
    /* Featured Listings - Home Page */
    .featlisting-wrapper {padding:30px 0 0 0; background:#fff;}
    .featlisting-homepage {max-width:1200px; margin:0 auto; float:none;}
    .featlisting-homepage .mgpanel-body {padding:10px 0; margin: 0 0 20px 0;}
    .featlisting-homepage .mgpanel-headinghm {color:#222; text-transform:uppercase; background:#e9e9e9; border-color:#e9e9e9; padding:5px 5px; font-size:22px;}
    .featlisting-homepage .morelink a {color:#fff; font-size:18px;}
    /*.featlisting-homepage .morelink .btn {width:96%; margin:0 auto;}*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Featured Listings - Home Page */
    .featlisting-wrapper {padding:10px 0 0 0; background:#fff;}
    .featlisting-homepage {max-width:1200px; margin:0 auto; float:none;}
    .featlisting-homepage .mgpanel-body {padding:0; margin-bottom:20px;}
    .featlisting-homepage .mgpanel-headinghm {color:#222; background:#e9e9e9; border-color:#e9e9e9; padding:5px 10px; font-size:22px;}
    .featlisting-homepage .morelink a {color:#222; font-size:18px;}
    .featlisting-homepage .morelink .btn {color:#222; float:right; position:relative; bottom:5px; text-decoration:underline;}
}

@media (min-width: 992px) {
    /* Featured Listings - Home Page */
    .featlisting-wrapper {padding:10px 0 0 0; background:#fff;}
    .featlisting-homepage {max-width:1200px; margin:0 auto; float:none;}
    .featlisting-homepage .mgpanel-body {padding:0; margin-bottom:20px;}
    .featlisting-homepage .mgpanel-headinghm {color:#222; background:#e9e9e9; border-color:#e9e9e9; padding:5px 10px; font-size:22px;}
    .featlisting-homepage .morelink a {color:#222; font-size:18px;}
    .featlisting-homepage .morelink .btn {color:#222; float:right; position:relative; bottom:34px; text-decoration:underline;}
}


/* Browse Categories - Home Page */
.browse-wrapper {padding:20px 0 0 0; background:#f2f2f2;}
.browse-homepage {max-width:1280px; margin:0 auto; float:none; background:#f2f2f2;}
#BrowseHeading {color:#222; text-transform:uppercase; background:#f2f2f2; border-color:#f2f2f2; padding:5px 10px; font-size:20px;}
.browse-wrapper .mgbrowsecat a {color:#fff; line-height:30px;}
.mgbrowsecat {border:1px solid #ddd;}
.mgcolumn3 .mgbrowsecat {border:1px solid #ddd; margin:10px 0; padding:10px 15px;}

/* Home Page Category List Styles */
.mgbrowsecat a {color:#222; line-height:30px;}


.rss-wrapper {}
.rss-bottom {max-width:1280px; margin:0 auto; float:none; padding:0;}
.rss-top {max-width:1280px; margin:0 auto; float:none;}

.text-danger {color:red; font-weight:bold;}
.alert-danger {line-height:26px; color: #a94442; background-color: #fff; border-color: #fff;}


/* Google Translator Styles */
@media (max-width:767px) {
    .GoogleTranslate {text-align:center; padding:5px 0;}
    .GoogleTranslator .goog-te-gadget-simple {background:#fff; color:#222; border:1px solid #ddd; font-size:13px; display:inline-block; padding:2px 0;
      cursor: pointer; zoom: 1;}
    .GoogleTranslator a:link, .GoogleTranslator a:visited {color:#555; text-decoration:none;}
    .GoogleTranslator a:active, .GoogleTranslator a:hover {color:#555; text-decoration:none;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .GoogleTranslate {float:left; padding:10px 0;} 
    .GoogleTranslator .goog-te-gadget-simple {background:#fff; color:#222; border:1px solid #ddd; font-size:13px; display:inline-block; padding:2px 0;
      cursor: pointer; zoom: 1;}
    .GoogleTranslator a:link, .GoogleTranslator a:visited {color:#555; text-decoration:none;}
    .GoogleTranslator a:active, .GoogleTranslator a:hover {color:#555; text-decoration:none;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .GoogleTranslate {float:left; padding:10px 0 10px 15px;} 
    .GoogleTranslator .goog-te-gadget-simple {background:#fff; color:#222; border:1px solid #ddd; font-size:13px; display:inline-block; padding:3px 0;
      cursor: pointer; zoom: 1;}
    .GoogleTranslator a:link, .GoogleTranslator a:visited {color:#555; text-decoration:none;}
    .GoogleTranslator a:active, .GoogleTranslator a:hover {color:#555; text-decoration:none;}
}


@media (min-width: 1200px) {
    .GoogleTranslate {float:left; padding:10px 0 10px 16px;} 
    .GoogleTranslator .goog-te-gadget-simple {background:#e9e9e9; color:#222; border:1px solid #e9e9e9; font-size:13px; padding:3px 0;
      cursor: pointer; zoom: 1;}
    .GoogleTranslator a:link, .GoogleTranslator a:visited {color:#555; text-decoration:none;}
    .GoogleTranslator a:active, .GoogleTranslator a:hover {color:#555; text-decoration:none;}
}


@media (max-width: 767px) {
    /* Header Styles */
    .Header1Wrapper {width:100%; background:#fff; padding-left:0; padding-right:0;}
    .Header1 {max-width:1280px; margin:0 auto; padding:10px 0;}
    .Header1a img {margin:0 auto; max-width:70%; max-height:140px;}
    .HeaderTopBar {background:#111; width:100%; margin:0 auto;}
    .HeaderTopRow {max-width:1280px; margin:0 auto;}
    .listingbutton .mg-btn-action {width:100%; margin:6px 0; padding:4px;}
    .listingbutton .mg-btn-action:active, .listingbutton .mg-btn-action:visited {background:#46813f; color:#fff; border:1px solid #46813f;}
    .listingbutton .mg-btn-action:hover, .listingbutton .mg-btn-action:focus {background:#548c4d; color:#fff; border:1px solid #548c4d;}
    /* custom h1 style - home page */
    .mgh1 {margin:0; text-align:center; padding:10px 0; font-size:26px; color:#222; text-transform:uppercase; font-weight:bold;}  
    .Header1a {text-align:center;}
    .Header1a img {margin:0 auto; max-width:70%;}
    .locationlinks {color:#fff; text-align:right; padding-right:25px; line-height:40px;}
    .locationlinks a {font-size:15px;}
      .locationlinks a:link, .locationlinks a:visited {color:#fff; text-decoration:none;}
      .locationlinks a:active, .locationlinks a:hover {color:#fff; text-decoration:underline;}
    .toplinks {color:#ddd; text-align:right;}
    .toplinks a {padding:0 6px; line-height:42px;}
      .toplinks a:link, .toplinks a:visited {color:#fff; text-decoration:none;}
      .toplinks a:active, .toplinks a:hover {color:#fff; text-decoration:none;}
}

@media (min-width: 768px) and (max-width: 991.98px)  {
    /* Header Styles */
    .Header1Wrapper {width:100%; background:#fff; padding-left:0; padding-right:0;}
    .Header1 {max-width:1280px; margin:0 auto; display: flex;  align-items: center;  justify-content: center;  min-height:100px;}
    .Header1a {padding:15px 0;}
    .Header1a img {max-height:120px;}
    .Header1b {text-align:right;}
    .HeaderTopBar {background:#111; width:100%; margin:0 auto;}
    .HeaderTopRow {max-width:1280px; margin:0 auto;}
    .listingbutton .mg-btn-action {min-width:180px; margin:5px 0;}
    .listingbutton .mg-btn-action:active, .listingbutton .mg-btn-action:visited {background:#46813f; color:#fff; border:1px solid #46813f;}
    .listingbutton .mg-btn-action:hover, .listingbutton .mg-btn-action:focus {background:#548c4d; color:#fff; border:1px solid #548c4d;}
    /* custom h1 style - home page */
    .mgh1 {margin:0; padding:15px; font-size:26px; color:#222; text-transform:uppercase; font-weight:bold;}  
    .locationlinks {color:#fff; text-align:right; padding-right:25px; line-height:40px;}
    .locationlinks a {font-size:15px;}
      .locationlinks a:link, .locationlinks a:visited {color:#fff; text-decoration:none;}
      .locationlinks a:active, .locationlinks a:hover {color:#fff; text-decoration:underline;}
    .toplinks {color:#777; text-align:right; padding:12px 0;}
    .toplinks a {padding:0 8px;}
      .toplinks a:link, .toplinks a:visited {color:#fff; text-decoration:none;}
      .toplinks a:active, .toplinks a:hover {color:#fff; text-decoration:underline;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Header Styles */
    .Header1Wrapper {width:100%; background:#fff; padding-left:0; padding-right:0;}
    .Header1 {max-width:1280px; margin:0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height:120px;}
    .Header1a {padding:20px 0;}
    .Header1a img {max-height:120px;}
    .Header1b {text-align:right;}
    .HeaderTopBar {background:#111; width:100%; margin:0 auto;}
    .HeaderTopRow {max-width:1280px; margin:0 auto;}
    .listingbutton .mg-btn-action {min-width:150px; margin:5px 0;}
    .listingbutton .mg-btn-action:active, .listingbutton .mg-btn-action:visited {background:#46813f; color:#fff; border:1px solid #46813f;}
    .listingbutton .mg-btn-action:hover, .listingbutton .mg-btn-action:focus {background:#548c4d; color:#fff; border:1px solid #548c4d;}
    /* custom h1 style - home page */
    .mgh1 {margin:0; padding:15px; font-size:26px; color:#222; text-transform:uppercase; font-weight:bold;}  
    .locationlinks {color:#fff; text-align:right; padding-right:45px; line-height:40px;}
    .locationlinks a {font-size:14px;}
      .locationlinks a:link, .locationlinks a:visited {color:#fff; text-decoration:none;}
      .locationlinks a:active, .locationlinks a:hover {color:#fff; text-decoration:underline;}
    .toplinks {color:#777; text-align:right; padding:12px 5px 12px 0;}
    .toplinks a {padding:0 8px;}
      .toplinks a:link, .toplinks a:visited {color:#fff; text-decoration:none;}
      .toplinks a:active, .toplinks a:hover {color:#fff; text-decoration:underline;}
}

@media (min-width: 1200px) {
    /* Header Styles */
    .Header1Wrapper {width:100%; background:#fff; padding-left:0; padding-right:0;}
    .Header1 {max-width:1280px; margin:0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height:120px;}
    .Header1a {}
    .Header1a img {max-height:120px;}
    .Header1b {text-align:right;}
    .HeaderTopBar {background:#111; width:100%; margin:0 auto;}
    .HeaderTopRow {max-width:1280px; margin:0 auto;}
    .listingbutton .mg-btn-action {min-width:180px; margin:5px 0;}
    .listingbutton .mg-btn-action:active, .listingbutton .mg-btn-action:visited {background:#46813f; color:#fff; border:1px solid #46813f;}
    .listingbutton .mg-btn-action:hover, .listingbutton .mg-btn-action:focus {background:#548c4d; color:#fff; border:1px solid #548c4d;}
    /* custom h1 style - home page */
    .mgh1 {margin:0; padding:15px; font-size:26px; color:#222; text-transform:uppercase; font-weight:bold;}  
    .locationlinks {color:#fff; text-align:right; padding-right:25px; line-height:40px;}
    .locationlinks a {font-size:15px; padding-right:10px;}
      .locationlinks a:link, .locationlinks a:visited {color:#fff; text-decoration:none;}
      .locationlinks a:active, .locationlinks a:hover {color:#fff; text-decoration:underline;}
    .toplinks {color:#777; text-align:right; padding:12px 30px 12px 0;}
    .toplinks a {padding:0 8px;}
      .toplinks a:link, .toplinks a:visited {color:#fff; text-decoration:none;}
      .toplinks a:active, .toplinks a:hover {color:#fff; text-decoration:underline;}
}

/* Edition Navigation */
.editionrow {max-width:1280px; margin:0 auto;}
@media (max-width: 767px) {
    .EditionNavWrapper {width:100%; margin:0 auto; background:#345f7a;}
    .mgeditionnav {min-height:40px !important; margin:0 auto; padding: 0 0 0 0; background-color:#345f7a; border:none; max-width:1280px;} 
    .mgeditionnav .navbar-nav > li > a {color:#fff; font-size:18px; padding:8px 24px 8px 24px; line-height:24px;}
    .mgeditionnav .navbar-nav > li > a:hover,
    .mgeditionnav .navbar-nav > li > a:focus {color:#fff; background-color:#345f7a;}
    .mgeditionnav .navbar-nav > .active > a,
    .mgeditionnav .navbar-nav > .active > a:hover,
    .mgeditionnav .navbar-nav > .active > a:focus {background-color:#345f7a; color:#fff; border:none;}
    .navbar-default .navbar-toggle {font-size:18px; border:none; color:#fff;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #345f7a;}
    .mgeditionnav .btn:hover {background:none;}
    .mgeditionnav .btn:focus {background:none;}
}

@media (min-width: 768px) {
    .EditionNavWrapper {width:100%; margin:0 auto; background:#345f7a;}
    .mgeditionnav {min-height:40px !important; margin:0 auto; padding: 0 0 0 0; background-color:#345f7a; border:none; max-width:1280px;} 
    .mgeditionnav .navbar-nav > li > a {color:#fff; font-size:18px; border-right:1px solid #21465e; padding:8px 10px 8px 10px; line-height:24px; transition: all .3s ease;}
    .mgeditionnav .navbar-nav > li > a:hover,
    .mgeditionnav .navbar-nav > li > a:focus {color:#fff; background-color:#4b88b0;}
    .mgeditionnav .navbar-nav > .active > a,
    .mgeditionnav .navbar-nav > .active > a:hover,
    .mgeditionnav .navbar-nav > .active > a:focus {background-color:#4b88b0; color:#fff; border:none;}
    .mgeditionnav .btn:hover {background:none;}
    .mgeditionnav .btn:focus {background:none;}
}

@media (min-width: 990px) {
    .EditionNavWrapper {width:100%; margin:0 auto; background:#345f7a;}
    .mgeditionnav {min-height:40px !important; margin:0 auto; padding: 0 0 0 0; background-color:#345f7a; border:none; max-width:1280px;} 
    .mgeditionnav .navbar-nav > li > a {color:#fff; font-size:18px; border-right:1px solid #21465e; padding:8px 24px 8px 24px; line-height:24px; transition: all .3s ease;}
    .mgeditionnav .navbar-nav > li > a:hover,
    .mgeditionnav .navbar-nav > li > a:focus {color:#fff; background-color:#4b88b0;}
    .mgeditionnav .navbar-nav > .active > a,
    .mgeditionnav .navbar-nav > .active > a:hover,
    .mgeditionnav .navbar-nav > .active > a:focus {background-color:#4b88b0; color:#fff; border:none;}
    .mgeditionnav .btn:hover {background:none;}
    .mgeditionnav .btn:focus {background:none;}
}


/* Top Navigation Styles */
@media (max-width: 767px) {
    .TopNavWrapper {margin:0 auto; background:#46813f;}
    .TopNavRow {max-width:1280px; margin:0 auto;}
    .mgtopnav {min-height:44px !important; margin:0 auto; padding: 0 0 0 0; background:#46813f; border:none; max-width:1280px;} 
    .mgtopnav .navbar-nav > li > a {color:#fff; font-size:16px; padding:10px 5px; line-height:24px;  background:#46813f;}
    .mgtopnav .navbar-nav > li > a:hover,
    .mgtopnav .navbar-nav > li > a:focus {color:#fff; background-color:#46813f;}
    .mgtopnav .navbar-nav > .active > a,
    .mgtopnav .navbar-nav > .active > a:hover,
    .mgtopnav .navbar-nav > .active > a:focus {background:#46813f; color:#fff; border:none;}
    .mgtopnav .dropdown-menu > li > a {background:#46813f; color:#fff; display:block; padding:5px 6px; line-height:24px; font-size:15px; clear:both; font-weight:normal; white-space:nowrap;}
    .mgtopnav .dropdown-menu > li > a:hover {background:#46813f; color:#fff;}
    .mgtopnav .dropdown-menu {padding:5px; background:#46813f; color:#fff; border-color:#46813f;}
    .mgtopnav .navbar-toggle {font-size:18px; color:#fff; background:#46813f; margin-top:2px; margin-bottom:2px; position:relative; right:20px;}
    .mgtopnav .glyphicon {font-size:16px; padding:2px; color:#fff;}
    .mgtopnav .btn:hover {background:#46813f;}
    .mgtopnav .btn:focus {background:#46813f;}
    .navbar-nav .open .dropdown-menu > li > a {line-height: 30px; background:#46813f;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff; background:#46813f;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff; background-color: #46813f;}
}

@media (min-width: 768px) and (max-width: 991.98px)  {
    .TopNavWrapper {margin:0 auto; background:#46813f;}
    .TopNavRow {max-width:1280px; margin:0 auto;}
    .mgtopnav {min-height:44px !important; margin:0 auto; padding: 0 0 0 0; background:#46813f; border:none; max-width:1280px;} 
    .mgtopnav .navbar-nav > li > a {color:#fff; font-size:14px; padding:10px 12px; line-height:24px;}
    .mgtopnav .navbar-nav > li > a:hover,
    .mgtopnav .navbar-nav > li > a:focus {color:#fff; background-color:#46813f;}
    .mgtopnav .navbar-nav > .active > a,
    .mgtopnav .navbar-nav > .active > a:hover,
    .mgtopnav .navbar-nav > .active > a:focus {background:#46813f; color:#fff; border:none;}
    .mgtopnav .dropdown-menu > li > a {background:#46813f; color:#fff; display:block; padding:5px 12px; line-height:24px; font-size:15px; clear:both; font-weight:normal; white-space:nowrap;}
    .mgtopnav .dropdown-menu > li > a:hover {background:#46813f; color:#fff;}
    .mgtopnav .dropdown-menu {padding:5px; background:#46813f; color:#fff; border-color:#46813f;}
    .mgtopnav .navbar-toggle {font-size:14px; color:#fff; background:#46813f; margin-top:1px; margin-bottom:1px;}
    .mgtopnav .glyphicon {color:#999; font-size:9px; padding:2px; font-weight:100;}
    .mgtopnav .btn:hover {background:none;}
    .mgtopnav .btn:focus {background:none;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .TopNavWrapper {margin:0 auto; background:#46813f;}
    .TopNavRow {max-width:1280px; margin:0 auto;}
    .mgtopnav {min-height:44px !important; margin:0 auto; padding: 0 0 0 0; background:#46813f; border:none; max-width:1280px;} 
    .mgtopnav .navbar-nav > li > a {color:#fff; font-size:14px; padding:10px 14px; line-height:24px;}
    .mgtopnav .navbar-nav > li > a:hover,
    .mgtopnav .navbar-nav > li > a:focus {color:#fff; background-color:#46813f;}
    .mgtopnav .navbar-nav > .active > a,
    .mgtopnav .navbar-nav > .active > a:hover,
    .mgtopnav .navbar-nav > .active > a:focus {background:#46813f; color:#fff; border:none;}
    .mgtopnav .dropdown-menu > li > a {background:#46813f; color:#fff; display:block; padding:5px 12px; line-height:24px; font-size:15px; clear:both; font-weight:normal; white-space:nowrap;}
    .mgtopnav .dropdown-menu > li > a:hover {background:#46813f; color:#fff;}
    .mgtopnav .dropdown-menu {padding:5px; background:#46813f; color:#fff; border-color:#46813f;}
    .mgtopnav .navbar-toggle {font-size:14px; color:#fff; background:#46813f; margin-top:1px; margin-bottom:1px;}
    .mgtopnav .glyphicon {color:#999; font-size:9px; padding:2px; font-weight:100;}
    .mgtopnav .btn:hover {background:none;}
    .mgtopnav .btn:focus {background:none;}
}

@media (min-width : 1200px) {
    .TopNavWrapper {margin:0 auto; background:#46813f;}
    .TopNavRow {max-width:1280px; margin:0 auto;}
    .mgtopnav {min-height:50px !important; margin:0 auto; padding: 0 0 0 0; background:#46813f; border:none; max-width:1280px; position:relative; right:10px;} 
    .mgtopnav .navbar-nav > li > a {color:#fff; padding:10px 15px; line-height:30px;}
    .mgtopnav .navbar-nav > li > a:hover,
    .mgtopnav .navbar-nav > li > a:focus {color:#fff; background-color:#46813f; text-decoration:underline;}
    .mgtopnav .navbar-nav > .active > a,
    .mgtopnav .navbar-nav > .active > a:hover,
    .mgtopnav .navbar-nav > .active > a:focus {background:#46813f; color:#fff; border:none;}
    .mgtopnav .dropdown-menu > li > a {background:#46813f; color:#fff; display:block; padding:5px 12px; line-height:24px; font-size:15px; clear:both; font-weight:normal; white-space:nowrap;}
    .mgtopnav .dropdown-menu > li > a:hover {background:#46813f; color:#fff;}
    .mgtopnav .dropdown-menu {padding:5px; background:#46813f; color:#fff; border-color:#46813f;}
    .mgtopnav .navbar-toggle {font-size:14px; color:#fff; background:#46813f; margin-top:1px; margin-bottom:1px;}
    .mgtopnav .glyphicon {color:#999; font-size:9px; padding:2px; font-weight:100;}
    .mgtopnav .btn:hover {background:none;}
    .mgtopnav .btn:focus {background:none;}
    .dropdown:hover .dropdown-menu {display: block;} /*dropdowns will open on hover*/
}


@media (max-width: 767px) {
    /* Headings - Home Page */
    .mgpanel-headinghm  {color:#222; text-transform:uppercase; background:#f2f2f2; border-color:#f2f2f2; padding:5px 10px; font-size:20px;}

    .mgpanel-defaulthm .mgpanel-body {padding:10px 15px; margin-bottom:20px;}
    .mgpanel-defaulthm .mgpanel-bodyhm {padding:10px 15px; margin-top:10px;}

    /* Headings - Search and Browse */
    .mgpanel-default > .mgpanel-heading {color:#222; text-transform:uppercase; background:#f2f2f2; border-color:#f2f2f2; padding:5px 10px; font-size:20px;}
    .mgpanel-heading {color:#222; text-transform:uppercase; background:#f2f2f2; border-color:#f2f2f2; padding:5px 10px; font-size:20px; margin-top:20px;}
}

@media (min-width: 768px) {
    /* Headings - Home Page */
    .mgpanel-headinghm  {color:#222; text-transform:uppercase; background:#e9e9e9; border-color:#e9e9e9; padding:5px 10px; font-size:20px;}

    .mgpanel-defaulthm .mgpanel-body {padding:10px 0; margin-bottom:20px;}
    .mgpanel-defaulthm .mgpanel-bodyhm {padding:10px 10px; margin-bottom:10px; margin-top:10px;}

    /* Headings - Search and Browse */
    .mgpanel-default > .mgpanel-heading {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; padding:8px 10px; font-size:20px;}
    .mgpanel-heading {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; padding:8px 10px; font-size:20px; margin-top:20px;}
}

/* Button Styles */
@media (max-width: 767px) {
    .listingpanel .mg-btn-primary {width:100%; margin:5px 0;}
    .listmapbtn {padding-top:10px;} /*map it button in listing create*/
    .contactbtn .btn {width:100%;} /*contact form button*/
}

@media (min-width: 768px) {
    .listingpanel .mg-btn-primary {}
    .listmapbtn {padding-top:10px;} /*map it button in listing create*/
    .contactbtn .btn {min-width:200px;} /*contact form button*/
}
.btn {font-size:16px;}

.mg-btn-primary {background:#46813f; color:#fff; border:1px solid #46813f; border-radius:0;}
.mg-btn-primary:active, .mg-btn-primary:visited {background:#46813f; color:#fff; border:1px solid #46813f;}
.mg-btn-primary:hover, .mg-btn-primary:focus {background:#548c4d; color:#fff; border:1px solid #548c4d;}

.mg-btn-secondary {background:#555; color:#fff; border:1px solid #555; border-radius:0;}
.mg-btn-secondary:active, .mg-btn-secondary:visited {background:#555; color:#fff; border:1px solid #555;}
.mg-btn-secondary:hover, .mg-btn-secondary:focus {background:#737373; color:#fff; border:1px solid #737373;}
.mg-btn-secondary .badge {background:#f5f5f5; color:#555; float:right;} /* My Account Page - displays listing count */

/* Action Button */
.mg-btn-action {background:#46813f; color:#fff; border:1px solid #46813f; border-radius:0;}
.mg-btn-action:active, .mg-btn-action:visited {background:#46813f; color:#fff; border:1px solid #46813f;}
.mg-btn-action:hover, .mg-btn-action:focus {background:#548c4d; color:#fff; border:1px solid #548c4d;}

/* Listing Contact Button */
.mg-btn-contact {background:#46813f; color:#fff; border:1px solid #46813f; border-radius:0;}
.mg-btn-contact:active, .mg-btn-contact:visited {background:#46813f; color:#fff; border:1px solid #46813f;}
.mg-btn-contact:hover, .mg-btn-contact:focus {background:#548c4d; color:#fff; border:1px solid #548c4d;}


@media (max-width: 767px) {
    /* More Button */
    .mg-btn-more {background:#46813f; color:#fff; border:1px solid #46813f; width:100%; margin-top:10px; padding:8px 15px; border-radius:0;} 
    .mg-btn-more:visited, .mg-btn-more:active {background:#46813f; color:#fff; border:1px solid #46813f;}
    .mg-btn-more:hover, .mg-btn-more:focus {background:#548c4d; color:#fff; border:1px solid #548c4d;}
}

@media (min-width: 768px) {
    /* More Button */
    .mg-btn-more {background:#e9e9e9; color:#222; border:1px solid #e9e9e9; font-size:18px; padding:5px 10px; position:relative; bottom:4px; text-decoration:underline;} 
    .mg-btn-more:visited, .mg-btn-more:active {background:#e9e9e9; color:#222; border:1px solid #e9e9e9;}
    .mg-btn-more:hover, .mg-btn-more:focus {background:#e9e9e9; color:#222; border:1px solid #e9e9e9;}
}

.advsearchbtn .mg-btn-primary {width:100%;}

/* Facebook Button */
.mg-btn-fb a {text-decoration:none;}
.mg-btn-fb {background:#5c6a90; color:#fff; border:1px solid #5c6a90; border-radius:0; font-family:Arial; width:100%; margin-top:10px;} 
.mg-btn-fb:visited, .mg-btn-fb:active {background:#5c6a90; color:#fff; border:1px solid #5c6a90;}
.mg-btn-fb:hover, .mg-btn-fb:focus {background:#5c6a90; color:#fff; border:1px solid #5c6a90;}

/*view all listings buttons on listing display pages */
.viewall_listings {width:200px; margin-bottom:5px;}


@media (max-width: 767px) {
    /* customer profile detailed display */
    .profilelistings {padding:0;}
    .visit_website {width:100%;} /* visit website button customer profile display page */
    .ratings_custprofile {border:1px solid #ddd; margin-top:5px; padding-top:15px; text-align:center;}
    .ratings_custprofile .btn {width:100%;}
    .customerprofile {border:1px solid #ddd; padding:20px 15px; text-align:center;}
    .custprofilerow {text-align:center;}
    .custprofilerow .orgname a {color:#222; font-weight:bold; line-height:28px;}
    .ListingDisplayCustomer_Phone a {color:#222; line-height:28px;}
    .ProfileLogo {padding:10px 0; text-align:center;}
    .CustomerPhoto {text-align:center; padding-top:20px;}
    .CustomerPhoto img {padding:5px 5px 10px 0;}
    .ListingDisplayCustomer_Profile {text-align:center;}
    .custprofilerow .btn {width:100%; margin:5px 0;}
}

@media (min-width: 768px) {
    /* customer profile detailed display */
    .profilelistings {padding:0;}
    .visit_website {width:200px;} /* visit website button customer profile display page */
    .ratings_custprofile {border:none; margin-top:5px; padding-top:15px;}
    .customerprofile {border:1px solid #ddd; padding:20px 15px;}
    .custprofilerow .orgname a {color:#222; font-weight:bold; line-height:28px;}
    .ListingDisplayCustomer_Phone a {color:#222; line-height:28px;}
    .ProfileLogo {padding:5px 0 20px 0; float:left;}
    .CustomerPhoto {text-align:right;}
    .CustomerPhoto img {padding:5px 5px 10px 0;}
    .ListingDisplayCustomer_Profile {text-align:justify;}
}

@media (max-width: 767px){
     /* Full Listing Display */ 
    .listingdisplaypanel {text-align:left;}
    .listingdisplaypanel .btn {width:100%; padding:12px 10px; font-size:16px;}
    .listingdisplayinfo {margin-top:10px; text-align:center;}
        .listing_orgname {font-weight:bold; font-size:18px;}
    .listingrating {width:100%; margin:0 auto; text-align:center;}
    .listingbuttons {padding-top:20px;}
    .listingbuttons .btn {width:100%; margin:10px 0;}
    .ListingDisplay_Advertiser .glyphicon {font-size:22px; color:#555; position:relative; top:5px; line-height:30px; margin-right:4px;}
    .listingdisplaybutton .btn {margin-top:25px; margin-bottom:10px; font-size:16px;}
    .listingsocialdiv {width:100%; text-align:center; margin:20px 0;}
    .listingicons .listingfavorite .glyphicon-heart {color:#dc4e41;}

    /* Listing Display Styles - Full Page Display */
    .CustomerPhone {font-weight:bold; padding-left:5px;}
    .ListingDisplay_Item {line-height:26px;}
    .ListingDisplay_Label {clear:both; padding:1px 0; font-weight:bold; width:auto; float:left; margin-right:10px;}
    .ListingDisplay_Data {float:left; padding:1px 0; margin-right:5px;}
    .ListingDisplay_Data_MultiCategory {padding-left:20px;}
    .ListingDisplay_Advertiser {color:#333; padding:20px 15px;}
    .ViewCount {margin:10px 0; text-align:right;  padding-left:5px;}
    .ListingDisplay_AddThis {padding-left:38px; padding-bottom:10px;}
    .ListingDisplay_Ratings {display:block; float:left; margin-top:10px; clear:both;}
    .ListingDisplayRatingsExisting_Stars {padding-top:10px;}
    .ListingDisplayRatingsExistingDiv {margin-bottom:10px;}
    /*.listingid {position:relative; top:25px; text-align:right;}*/
    .listingrow {margin-right:0; margin-left:0;}
    .listingrow .col-border {border-bottom:1px solid #ddd; padding:20px 0; margin-bottom:10px;}

    .listingimage {}
    .listingimage img {}
    hr {margin-top:20px; margin-bottom:10px; border: 0; border-top: 1px ridge #ddd; width:98%;}
}
    
@media (min-width: 768px){
     /* Full Listing Display */ 
    .listingdisplayinfo {margin-top:10px; padding-left:28px;}
    .listing_orgname {font-weight:bold; font-size:18px;}
    .listingrating {width:200px; margin:0 auto; text-align:center;}
    .listingbuttons {padding-top:30px; text-align:center;}
    .listingbuttons .btn {min-width:200px; margin-bottom:10px;}
    .ListingDisplay_Advertiser .glyphicon {font-size:22px; color:#555; position:relative; top:5px; line-height:30px; margin-right:4px;}
    .listingdisplaybutton .btn {margin-top:25px; margin-bottom:10px; font-size:16px;}
    .listingsocialdiv {width:100%; text-align:center; margin:20px 0;}
    .listingicons .listingfavorite .glyphicon-heart {color:#dc4e41;}

    /* Listing Display Styles - Full Page Display */
    .CustomerPhone {font-weight:bold; padding-left:5px;}
    .ListingDisplay_Item {line-height:26px;}
    .ListingDisplay_Label {clear:both; padding:1px 0; font-weight:bold; width:auto; float:left; margin-right:10px;}
    .ListingDisplay_Data {float:left; padding:1px 0; margin-right:5px;}
    .ListingDisplay_Data_MultiCategory {padding-left:20px;}
    .ListingDisplay_Advertiser {color:#333; padding:20px 30px 10px 10px;}
    .ViewCount {margin:10px 0; text-align:right;  padding-left:5px;}
    .ListingDisplay_AddThis {display:block; float:left; clear:both; padding-bottom:20px;}
    .ListingDisplay_Ratings {display:block; float:left; margin-top:10px; clear:both;}
    .ListingDisplayRatingsExisting_Stars {padding-top:10px;}
    .ListingDisplayRatingsExistingDiv {margin-bottom:10px;}
    /*.listingid {position:relative; top:25px; text-align:right;}*/
    .listingrow {margin-right:0; margin-left:0;}
    .listingrow .col-border {padding:20px 5px;}
    .listingimage {margin:30px 0;}
    .listingimage img {}
    hr {margin-top:20px; margin-bottom:10px; border: 0; border-top: 1px ridge #ddd; width:96%;}
}

@media (max-width: 767px) {
.listingicons .glyphicon {color:#343a40; padding-bottom:20px; font-size:24px;}
.listingicons span  {color:#343a40; padding-right:15px; font-size:20px;}
.listingcurrent-rating {margin:0 auto;}
}

@media (min-width: 768px) {
.listingicons .glyphicon {color:#343a40; padding:5px 7px; font-size:20px; position:relative; top:24px; float:right;}
.listingcurrent-rating {text-align:right; padding-right:18px; position:relative; top:32px;}
}

/* Bread crumb styles category browse pages */
.breadcrumbtop {color:#fff; text-transform:uppercase; background:#222; margin-bottom:20px; padding:8px 10px; border-bottom:2px solid #ddd; font-size:18px;} 
.breadcrumbtop a {color:#fff;} 
.breadcrumbpanel {padding-left:3px; margin-bottom:10px;}
.mg-btn-breadcrumb {background:#46813f; color:#fff; border:1px solid #46813f; border-radius:0; margin-bottom:5px; font-size:16px;}
.mg-btn-breadcrumb:active, .mg-btn-breadcrumb:visited {background:#46813f; color:#fff; border:1px solid #46813f;}
.mg-btn-breadcrumb:hover {background:#548c4d; color:#fff; border:1px solid #548c4d;}

/* Pagination styles */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {color:#fff; background-color:#222; border-color:#222;}

.pagination > li > a,
.pagination > li > span {color:#222; text-decoration:none; background-color:#fff; border:1px solid #ddd;}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #222; background-color: #eee; border-color:#ddd;}

/*FAQ page styles*/
.faqwrapper .mgpanel-heading {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; font-size:20px; border-bottom:1px solid #e9e9e9; padding:5px 0; margin-top:20px;}
.faqquestion {padding:8px 10px; background:#fff;}
.faqanswer {padding:2px 10px; background:#fff; margin-bottom:10px;}

@media (max-width: 767px) {
    /*Links page styles*/
    .linkswrapper {margin:0; padding:0 20px;}
    .linkswrapper .mgpanel-heading {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; font-size:20px; border-bottom:1px solid #e9e9e9; padding:5px 0; margin-top:20px;}
    .linkrow {background:#fff; border:1px solid #fff; margin-top:5px; margin-bottom:5px;}
    .linksimage {padding:15px 5px; text-align:center;}
    .linksimage img {max-height:120px;}
    .linksdescription a {color:#222; line-height:28px; font-weight:bold;}
    .linksdescription {padding:15px 10px; text-align:center;}
}

@media (min-width: 768px) {
    /*Links page styles*/
    .linkswrapper {margin:0; padding:0 20px;}
    .linkswrapper .mgpanel-heading {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; font-size:20px; border-bottom:1px solid #e9e9e9; padding:5px 0; margin-top:20px;}
    .linkrow {background:#fff; border:1px solid #fff; margin-top:5px; margin-bottom:5px;}
    .linksimage {padding:15px 5px;}
    .linksimage img {max-height:100px;}
    .linksdescription a {color:#222; line-height:28px; font-weight:bold;}
    .linksdescription {padding:15px 0;}
}

/* Site News page styles */
.newswrapper {margin:0; padding:0 5px;}
.newswrapper a {font-size:16px; font-weight:bold; padding:0; color:#222;}
.sitenewsdesc {padding:0;}

@media (max-width: 767px) {
    /* Footer Styles */
    .FooterWrapper {width:100%; margin:0 auto; color:#fff; padding:30px 0; background:#111111;}
    .Footer {max-width:1280px; margin:0 auto;}
    .Footer ul {margin:0px; padding:18px 0px 20px 0; text-align:left;}
    .Footer li {margin:0px; padding:8px 0px; list-style:none;}
      .Footer a {padding:0px;}
      .Footer a:link, .Footer a:visited {color:#fff; text-decoration:none;}
      .Footer a:active, .Footer a:hover {color:#fff; text-decoration:underline;}
    .copyright {text-align:center; margin:0px; padding:25px 0; color:#fff;}
      .copyright a:link, .copyright a:visited {color:#46813f;}
      .copyright a:active, .copyright a:hover {color:#46813f;}
      .MGlogo {padding-bottom:20px;}
      .copyright .MGlogo {text-align:center; color:#fff !important;}
      .copyright .MGlogo a {color:#fff !important; text-decoration:none !important; padding-right:10px;}
    .SocialIcons {text-align:center; padding-right:18px; position:relative; top:20px;}
    .SocialIcons a {color:#fff; font-size:20px; text-decoration:none;}
    .Footer .fab {border-radius: 50%; border: 2px solid #fff; padding:12px 5px 0 5px; height: 46px; width: 46px; margin:0 2px; transition: 250ms all ease-in-out;}
        .Footer .fab:hover {border-radius: 50%; border: 2px solid #888; padding:12px 5px 0 5px; height: 46px; width: 46px; margin:0 2px;}
      .SocialIcons a:link, .SocialIcons a:visited {color:#fff; text-decoration:none;}
      .SocialIcons a:active, .SocialIcons a:hover {color:#888; text-decoration:none;}
}

@media (min-width: 768px) {
    /* Footer Styles */
    .FooterWrapper {width:100%; margin:0 auto; color:#fff; padding:30px 0; background:#111111; font-size:16px;}
    .Footer {max-width:1280px; margin:0 auto;}
    .Footer ul {margin:0px; padding:18px 0px 20px 0; text-align:left;}
    .Footer li {margin:0px; padding:8px 0px; list-style:none;}
      .Footer a {padding:0px;}
      .Footer a:link, .Footer a:visited {color:#fff; text-decoration:none;}
      .Footer a:active, .Footer a:hover {color:#fff; text-decoration:underline;}
    .copyright {text-align:right; margin:0px; padding:5px 0; color:#fff;}
      .copyright a:link, .copyright a:visited {color:#46813f;}
      .copyright a:active, .copyright a:hover {color:#46813f;}
      .MGlogo {padding-bottom:20px;}
      .copyright .MGlogo {text-align:right; color:#fff !important;}
      .copyright .MGlogo a {color:#fff !important; text-decoration:none !important; padding-right:10px;}
    .SocialIcons {text-align:right; padding-right:18px; position:relative; top:25px; margin-bottom:40px;}
    .Footer .fab {border-radius: 50%; border: 2px solid #fff; padding:12px 5px 0 5px; height: 46px; width: 46px; margin:0 5px; transition: 250ms all ease-in-out;}
    .SocialIcons a {color:#fff; font-size:20px; text-decoration:none;}
        .Footer .fab:hover {border-radius: 50%; border: 2px solid #888; padding:12px 5px 0 5px; height: 46px; width: 46px; margin:0 5px;}
      .SocialIcons a:link, .SocialIcons a:visited {color:#fff; text-decoration:none;}
      .SocialIcons a:active, .SocialIcons a:hover {color:#888; text-decoration:none;}
}



/*Register and Login pages*/
@media (max-width: 767px) {
    /*Login page styles*/
    .loginbox {min-height:200px; padding:0 18px;}
    .loginbox .mg-btn-primary {width:100%;}
    .registernow {padding-top:20px; text-align:center;}
      .registernow a:link, .registernow a:visited {color:#337ab7; text-decoration:underline;}
      .registernow a:active, .registernow a:hover {color:#555555; text-decoration:underline;}
    .passwordhelp {padding-top:15px; text-align:center;}
      .loginbox a:link, .loginbox a:visited {color:#337ab7; text-decoration:underline;}
      .loginbox a:active, .loginbox a:hover {color:#555555; text-decoration:underline;}
    .loginnow {margin-bottom:20px; margin-top:20px;}

      /*Register page styles - EM, VE, RE*/
    .registerbox {min-height:150px; margin-top:20px; line-height:40px; padding:0 20px 20px 20px;}
    .registerbox h2 {font-size:22px; text-align:center;}
    .registerbox .panel .panel-default {padding:0;}
    .registerbox a {text-decoration:underline;}
    .registerbox .btn {text-decoration:none; width:100%;}
    .custregister {width:104%; position:relative; right:15px;} /* styling to control button width on customer form when registering */
    .regloginbtn .btn {width:100%;} 
    .registerbox .mg-btn-fb {width:100%; margin-top:0;}
      .registerbox .mg-btn-fb a:link, .registerbox .mg-btn-fb a:visited {color:#fff; text-decoration:underline;}
      .registerbox .mg-btn-fb a:active, .registerbox .mg-btn-fb a:hover {color:#fff; text-decoration:underline;}
    .regtext {font-size:18px; text-align:center; margin-top:5px;}
}
@media (min-width: 768px) {
    /*Login page styles*/
    .loginbox {min-height:200px; padding:0 18px;}
    .loginbox .mg-btn-primary {width:100%;}
    .registernow {padding-top:20px; text-align:center;}
      .registernow a:link, .registernow a:visited {color:#337ab7; text-decoration:underline;}
      .registernow a:active, .registernow a:hover {color:#555555; text-decoration:underline;}
    .passwordhelp {padding-top:15px; text-align:center;}
      .loginbox a:link, .loginbox a:visited {color:#337ab7; text-decoration:underline;}
      .loginbox a:active, .loginbox a:hover {color:#555555; text-decoration:underline;}
    .loginnow {margin-bottom:20px; margin-top:20px;}

      /*Register page styles - EM, VE, RE*/
    .registerbox {min-height:150px; margin-top:20px; line-height:40px; padding:0 20px 20px 20px;  max-width:400px;}
    .registerbox h2 {font-size:22px; text-align:center;}
    .registerbox .panel .panel-default {padding:0;}
    .registerbox a {text-decoration:underline;}
    .registerbox .btn {text-decoration:none; width:100%;}
    .custregister {width:102%; position:relative; right:15px;} /* styling to control button width on customer form when registering */
    .regloginbtn .btn {width:100%;} 
    .registerbox .mg-btn-fb {width:100%; margin-top:0;}
      .registerbox .mg-btn-fb a:link, .registerbox .mg-btn-fb a:visited {color:#fff; text-decoration:underline;}
      .registerbox .mg-btn-fb a:active, .registerbox .mg-btn-fb a:hover {color:#fff; text-decoration:underline;}
    .regtext {font-size:18px; text-align:center; margin-top:5px;}
}

@media (min-width: 992px) {
    /*Login page styles*/
    .loginbox {min-height:200px; padding:0 18px;}
    .loginbox .mg-btn-primary {width:100%;}
    .registernow {padding-top:20px; text-align:center;}
      .registernow a:link, .registernow a:visited {color:#337ab7; text-decoration:underline;}
      .registernow a:active, .registernow a:hover {color:#555555; text-decoration:underline;}
    .passwordhelp {padding-top:15px; text-align:center;}
      .loginbox a:link, .loginbox a:visited {color:#337ab7; text-decoration:underline;}
      .loginbox a:active, .loginbox a:hover {color:#555555; text-decoration:underline;}
    .loginnow {margin-bottom:20px; margin-top:20px;}

      /*Register page styles - EM, VE, RE*/
    .registerbox {min-height:150px; margin-top:20px; line-height:40px; padding:0 20px 20px 20px; max-width:400px;}
    .registerbox h2 {font-size:22px; text-align:center;}
    .registerbox .panel .panel-default {padding:0;}
    .registerbox a {text-decoration:underline;}
    .registerbox .btn {text-decoration:none; width:100%;}
    .custregister {width:59%; position:relative; right:12px;} /* styling to control button width on customer form when registering */
    .regloginbtn .btn {width:100%;} 
    .registerbox .mg-btn-fb {width:100%; margin-top:0;}
      .registerbox .mg-btn-fb a:link, .registerbox .mg-btn-fb a:visited {color:#fff; text-decoration:underline;}
      .registerbox .mg-btn-fb a:active, .registerbox .mg-btn-fb a:hover {color:#fff; text-decoration:underline;}
    .regtext {font-size:18px; text-align:center; margin-top:5px;}
}

.fbloginbutton {margin:5px 0 15px 0; text-align:center; font-size:18px;}
.regloginbtn .fbloginbutton {margin:0; text-align:center; font-size:18px; position:relative; right:10px; margin-bottom:20px;}
.regloginbtn .text-center {font-size:18px;}

/* Browse Page RSS Icon */
.rssoutputicon {float:right; position:relative; top:30px; right:10px;}

/* Header quick search styles */
@media (max-width: 767px) {
    .qsearch .form-control {margin:4px 0;}
    .qsearch {width:100%; float:left; background:#fff; margin-top:5px;}
    .qsearch .catdropdown {width:100%; background:#fff; border:1px solid #ddd; height:40px; border-radius:2px;}
    .qsearch .txtbox {width:100%; background:#fff; border:1px solid #ddd; height:40px; border-radius:2px; margin-bottom:0;}
    .qsearch .txtboxsm {width:100%; background:#fff; border:1px solid #ddd; height:40px; border-radius:2px;}
    .qsearchdiv .qsbutton {line-height:20px; width:100%; background:#46813f; border:1px solid #46813f; color:#fff;}
    .advsearchlink {line-height:20px; font-style:italic;}
}
@media  (min-width: 768px) and (max-width: 991.98px)  {
    .qsearch {width:100%; float:left; background:#fff; padding-top:24px;}
    .qsearch .catdropdown {min-width:135px; background:#f2f2f2; max-width:135px; border:1px solid #eee; margin-right:2px; height:36px; border-radius:2px;}
    .qsearch .txtbox {min-width:135px; background:#f2f2f2; max-width:135px; border:1px solid #eee; margin-right:2px; height:36px; border-radius:2px;}
    .qsearch .txtboxsm {min-width:106px; background:#f2f2f2; max-width:110px; border:1px solid #eee; margin-right:2px; height:36px; border-radius:2px;}
    .qsearchdiv .qsbutton {line-height:22px; min-width:70px; background:#46813f; border:1px solid #46813f; color:#fff;}
    .advsearchlink {font-size:14px; line-height:22px; font-style:italic; float:right; padding-right:10px;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .qsearch {width:100%; float:left; background:#fff; padding:20px 10px 10px 10px; margin:15px 0 20px 0;}
    .qsearch .catdropdown {min-width:220px; background:#f2f2f2; max-width:220px; border:1px solid #eee; margin-right:3px; height:40px; border-radius:2px;}
    .qsearch .txtbox {min-width:220px; background:#f2f2f2; max-width:220px; border:1px solid #eee; margin-right:3px; height:40px; border-radius:2px;}
    .qsearch .txtboxsm {min-width:120px; background:#f2f2f2; max-width:120px; border:1px solid #eee; margin-right:3px; height:40px; border-radius:2px;}
    .qsearchdiv .qsbutton {line-height:24px; min-width:90px; background:#46813f; border:1px solid #46813f; color:#fff;}
    .advsearchlink {font-size:14px; line-height:22px; font-style:italic; float:right; padding-right:10px;}
}

@media (min-width:1200px) {
    .qsearch {width:100%; float:left; background:#fff; padding:20px 10px 10px 10px; margin:15px 0 20px 0;}
    .qsearch .catdropdown {min-width:250px; background:#f2f2f2; max-width:250px; border:1px solid #eee; margin-right:3px; height:40px; border-radius:2px;}
    .qsearch .txtbox {min-width:250px; background:#f2f2f2; max-width:250px; border:1px solid #eee; margin-right:3px; height:40px; border-radius:2px;}
    .qsearch .txtboxsm {min-width:120px; background:#f2f2f2; max-width:120px; border:1px solid #eee; margin-right:3px; height:40px; border-radius:2px;}
    .qsearchdiv .qsbutton {line-height:26px; min-width:90px; background:#46813f; border:1px solid #46813f; color:#fff;}
    .advsearchlink {font-size:14px; line-height:22px; font-style:italic; float:right; padding-right:10px;}
}

  .advsearchlink:link, .advsearchlink:visited {color:#222; text-decoration:underline;}
  .advsearchlink:active, .advsearchlink:hover {color:#222; text-decoration:none;}


/* Right column quick search styles */
.vsearch {margin-bottom:20px;}
.vsearch .catdropdown {width:100%; margin-bottom:4px;}
.vsearch .txtbox {width:100%; margin-bottom:4px;}
.vsearch .searchbutton {width:100%; font-size:18px;}

/*Home Page Search Box*/
.hpsearch .mgpanel-body {padding-top:20px;}
.hpsearch .mg-formcontrol {border:none; margin-bottom:5px; padding:0; -webkit-box-shadow:none;}
.hpsearch input[type="radio"] {margin:0 15px;}
.hpsearch .btn {width:100%;}
.hpsearch .mgpanel-heading {margin:0; color:#000; text-transform:uppercase; background:#f2f2f2; border-color:#f2f2f2; padding:5px 10px; font-size:22px;}

@media (max-width: 767px) {
    /* displayAd classes for each positions container and each ad in a container */
    .center-block .img-responsive {margin: 0 auto;}
    .center-block {margin:0 auto; float:none; display:block; text-align:center;}

    .displayAdContainerH {padding:5px 10px; text-align:center; line-height:normal;}
    .displayAdH {padding:10px 5px; text-align:center; display:inline;}

    .displayAdContainerT {padding:20px 10px; text-align:center; width:100%; margin:0 auto; line-height:normal;}
    .displayAdT {padding:0; text-align:center; display:inline;}

    .displayAdContainerR {padding-top:25px; text-align:center; line-height:normal;}
    .displayAdR {padding:5px 0 15px 0; text-align:center; display:block;}

    .displayAdContainerMhome {padding:0; text-align:center; line-height:normal; margin:0 auto; width:100%;}
    .displayAdMhome {padding:10px 5px; text-align:center; }

    .displayAdContainerM {padding:0; text-align:center; line-height:normal;}
    .displayAdM {padding:10px 5px; text-align:center; display:inline;}

    .displayAdContainerB {padding:10px 10px; margin:0; text-align:center; line-height:normal;}
    .displayAdB {padding:10px 5px; text-align:center; display:inline;}

    /*.displayAdContainerL {padding:0; text-align:center; line-height:normal;}*/
    /*.displayAdL {padding:10px 5px; display:block;}*/
}

@media (min-width: 768px) {
    /* displayAd classes for each positions container and each ad in a container */
    .center-block .img-responsive {margin: 0 auto;}
    .center-block {margin:0 auto; float:none; display:block; text-align:center;}

    .displayAdContainerH {padding:5px 10px; text-align:center; line-height:normal; width:100%;}
    .displayAdH {padding:10px 5px; text-align:center;}
    .displayAdH img {display:inline-block;}

    .displayAdContainerT {padding:20px 10px; text-align:center; width:100%; margin:0 auto; line-height:normal; width:100%;}
    .displayAdT {padding:0; text-align:center;}
    .displayAdT img {display:inline-block;}

    .displayAdContainerR {padding-top:25px; text-align:center; line-height:normal;}
    .displayAdR {padding:5px 0 15px 0; text-align:center;}

    .displayAdContainerMhome {padding:0; text-align:center; line-height:normal; margin:0 auto; width:100%;}
    .displayAdMhome {padding:10px 5px; text-align:center;}
    .displayAdMhome img {display:inline-block;}

    .displayAdContainerM {padding:0; text-align:center; line-height:normal; width:100%;}
    .displayAdM {padding:10px 5px; text-align:center;}
    .displayAdM img {display:inline-block;}

    .displayAdContainerB {padding:10px 10px 30px 10px; text-align:center; line-height:normal; width:100%;}
    .displayAdB {padding:10px 5px; text-align:center;}
    .displayAdB img {display:inline-block;}

    /*.displayAdContainerL {padding:0; text-align:center; line-height:normal;}*/
    /*.displayAdL {padding:10px 5px; display:block;}*/
}

/* Custom Form Styles*/
.FormInsideRow {padding-left:16px;}
.MarginSmall {margin:3px;}
.mgformfixup {margin-left:5px;}
input[type="radio"] {margin:0 5px;}
input[type="checkbox"] {margin:0px 5px;}
.MGcb {border:0;}     /*get ride of bootstrap borders around checkboxes */

.required {padding-right:20px !important; background:url(../../Images/Required.gif) no-repeat top right;}
.requiredDD {padding-right:25px !important; background:url(../../Images/Required2.gif) no-repeat top right; float:left;}
.required-div {margin-bottom:20px;}
.required-top {position:relative; bottom:5px;}

@media (max-width: 767px) {
    /* My Account Page Styles */
    .EditionDD {font-size:18px; width:100%; border:1px solid #222; background:#222; color:#fff; padding:5px; margin:0 auto; margin-bottom:30px;}
    .MyAccountTitle {font-size:18px; text-align:center; margin-bottom:10px;}
    .SelectPlanLabel {padding-left:20px;}
    .ManageAccountBox {background:#fff; border-bottom:1px solid #ddd; padding:15px; margin-bottom:3px;}
    .ManageAccountHeading {background:#f2f2f2; border:1px solid #ddd; padding:5px 15px; margin-bottom:3px; color:#222;}
    .ManageAccountHeading .badge {display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff;
                                  text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px;}
    .ManageAccountBox .mg-btn-primary {margin-bottom:5px;}
    .editioncol {width:100%; margin:0 auto; text-align:center;}
    .ManageAccountBoxOther {background:#fff; border:1px solid #ddd; padding:15px 0; margin:5px -15px;}
    .ManageAccountBoxOther .btn {margin:3px 0;}

    /* Headings - My Account Listings - Favorites - Saved Searches - Subscriptions */
    .mgpanel-headingaccount {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; padding:6px 10px; font-size:16px; margin:20px -15px 0 -15px;}
    .mgpanel-heading .badge {display:inline-block; min-width: 10px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 1.1; color: #fff;
                                  text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 15px; position:relative; bottom:3px; right:5px;}
}

@media (min-width: 768px) {
    /* My Account Page Styles */
    .EditionDD {position:relative; right:5px; font-size:18px; min-width:160px; border:1px solid #222; background:#222; color:#fff; padding:3px; margin-bottom:10px;}
    .MyAccountTitle {font-size:18px;}
    .SelectPlanLabel {padding-left:20px;}
    .ManageAccountBox {background:#fff; border:1px solid #ddd; padding:15px; margin:5px 0; font-size:16px;}
    .ManageAccountHeading {margin-bottom:5px; color:#222; background-color:#f2f2f2; border:none; padding:8px 10px; font-size:16px;}
    .ManageAccountHeading .badge {display:inline-block; min-width: 10px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 1.1; color: #fff;
                                  text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 15px; position:relative; bottom:3px; right:5px;}
    .ManageAccountBox .mg-btn-primary {margin-bottom:5px;}
    .ManageAccountBoxOther {background:#fff; border:1px solid #ddd; padding:15px; margin:5px 0px;}

    /* Headings - My Account Listings - Favorites - Saved Searches - Subscriptions */
    .mgpanel-headingaccount {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; padding:6px 10px; font-size:16px; margin-top:20px; margin-left:0; margin-right:0;}
    .mgpanel-heading .badge {display:inline-block; min-width: 10px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 1.1; color: #fff;
                                  text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 15px; position:relative; bottom:3px; right:5px;}
}

@media (max-width: 767px) {
     /* Purchase Pages Styles */
    .price-panel {margin-top:10px; margin-bottom:5px; height:auto;}
    .price-plan-box {text-align:center; height:auto; border:1px solid #ddd; margin-bottom:5px;}
    .plan-description {padding:15px 10px; height:auto; overflow:auto; text-align:left;}

    /* Purchase Pages Styles */
    .plan-price {font-size:32px; line-height:40px; padding-bottom:5px; color:#777; width:100%; text-align:center;}
    .checkmark-checked {color:#46813f; font-size:20px;}
    .plan-border-checked {border: 1px solid #46813f;}

    /*Pricing Page Styles*/
    .planItemTitle {font-weight:bold; font-size:18px; color:#222; margin-bottom:10px;} /*class set in code behind*/
    .planItemPrice {color:#222; font-weight:bold;} /*class set in code behind*/
    .priceplandesc {padding:10px 10px 10px 10px; background:#fff; border:1px solid #ddd; margin-bottom:10px;} /*class set in code behind*/
    .rowPricePage .mgpanel-heading {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; padding:8px 10px; font-size:18px; margin-bottom:10px;}
    .pricepagebtn {height:0; float:right; position:relative; bottom:55px;}
    .pricepagebtnbottom .mg-btn-action {width:100%;}

     /* Custom scroll bar style for price plan description */
    .price-panel ::-webkit-scrollbar {width: 10px;}
    .price-panel ::-webkit-scrollbar-button {width:5px; height:10px;}
    .price-panel ::-webkit-scrollbar-track {background:#e5e5e5; border: 1px solid #e5e5e5; box-shadow: 0px 0px 3px #dfdfdf inset; 	border-radius:10px;}
    .price-panel ::-webkit-scrollbar-thumb {background:#f2f2f2; border: 1px solid #e5e5e5; border-radius:10px;}
    .price-panel ::-webkit-scrollbar-thumb:hover {background:#ddd;}
    
    /*Purchase page headings*/
    .mgpricepanel-heading {font-weight:bold; color:#222; height:auto; background:#f2f2f2; border-color:#f2f2f2; padding:5px 25px; border-bottom:1px solid transparent; font-size:18px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /* Purchase Pages Styles */
    .price-panel {margin-top:20px; height:auto;}
    .price-plan-box {text-align:center; height:auto; border:1px solid #ddd; margin-bottom:20px;}
    .plan-description {padding:15px 10px; height:auto; overflow:auto; text-align:left;}

    /* Purchase Pages Styles */
    .plan-price {font-size:32px; line-height:40px; padding-bottom:5px; color:#777; width:100%; text-align:center;}
    .checkmark-checked {color:#46813f; font-size:20px;}
    .plan-border-checked {border: 1px solid #46813f;}

    /*Pricing Page Styles*/
    .planItemTitle {font-weight:bold; font-size:18px; color:#222; margin-bottom:10px;} /*class set in code behind*/
    .planItemPrice {color:#222; font-weight:bold;} /*class set in code behind*/
    .priceplandesc {padding:10px 10px 10px 10px; background:#fff; border:1px solid #ddd; margin-bottom:10px;} /*class set in code behind*/
    .rowPricePage .mgpanel-heading {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; padding:8px 10px; font-size:18px; margin-bottom:10px;}
    .pricepagebtn {height:0; float:right; position:relative; bottom:55px;}
    .pricepagebtnbottom .mg-btn-action {width:100%;}

     /* Custom scroll bar style for price plan description */
    .price-panel ::-webkit-scrollbar {width: 10px;}
    .price-panel ::-webkit-scrollbar-button {width:5px; height:10px;}
    .price-panel ::-webkit-scrollbar-track {background:#e5e5e5; border: 1px solid #e5e5e5; box-shadow: 0px 0px 3px #dfdfdf inset; 	border-radius:10px;}
    .price-panel ::-webkit-scrollbar-thumb {background:#f2f2f2; border: 1px solid #e5e5e5; border-radius:10px;}
    .price-panel ::-webkit-scrollbar-thumb:hover {background:#ddd;}

    /*Purchase page headings*/
    .mgpricepanel-heading {font-weight:bold; color:#222; height:auto; background:#f2f2f2; border-color:#f2f2f2; padding:5px 25px; border-bottom:1px solid transparent; font-size:18px;}
}

@media (min-width: 992px) {
    /* Purchase Pages Styles */
    .price-panel {margin-top:20px; max-height:415px;}
    .price-plan-box {text-align:center; max-height:350px; border:1px solid #ddd; margin-bottom:20px;}
    .plan-description {padding:15px 10px; height:240px; overflow:auto; text-align:left;}

        /* Purchase Pages Styles */
    .plan-price {font-size:32px; line-height:40px; padding-bottom:5px; color:#777; width:100%; text-align:center;}
    .checkmark-checked {color:#46813f; font-size:20px;}
    .plan-border-checked {border: 1px solid #46813f;}

    /*Pricing Page Styles*/
    .planItemTitle {font-weight:bold; font-size:18px; color:#222; margin-bottom:10px;} /*class set in code behind*/
    .planItemPrice {color:#222; font-weight:bold;} /*class set in code behind*/
    .priceplandesc {padding:10px 10px 10px 10px; background:#fff; border:1px solid #ddd; margin-bottom:10px;} /*class set in code behind*/
    .rowPricePage .mgpanel-heading {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; padding:8px 10px; font-size:18px; margin-bottom:10px;}
    .pricepagebtn {height:0; float:right; position:relative; bottom:55px;}
    .pricepagebtnbottom .mg-btn-action {width:100%;}

     /* Custom scroll bar style for price plan description */
    .price-panel ::-webkit-scrollbar {width: 10px;}
    .price-panel ::-webkit-scrollbar-button {width:5px; height:10px;}
    .price-panel ::-webkit-scrollbar-track {background:#e5e5e5; border: 1px solid #e5e5e5; box-shadow: 0px 0px 3px #dfdfdf inset; 	border-radius:10px;}
    .price-panel ::-webkit-scrollbar-thumb {background:#f2f2f2; border: 1px solid #e5e5e5; border-radius:10px;}
    .price-panel ::-webkit-scrollbar-thumb:hover {background:#ddd;}

    /*Purchase page headings*/
    .mgpricepanel-heading {font-weight:bold; color:#222; height:80px; background:#f2f2f2; border-color:#f2f2f2; padding:5px 15px; border-bottom:1px solid transparent; font-size:18px;}
}

/* Purchase page headings - vertically align Price Plan Title vertically */
.mgpricepanel-heading span {height:80px; display: table-cell; vertical-align: middle;}

/*Responsive YouTube*/
.video-responsive {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-responsive iframe, .video-responsive object, .video-responsive embed {margin:0 auto; position:absolute; top:0px; left:10px; width:98%; height:96%;}

@media (max-width: 767px) {
    .mgdisplaylisting {padding:10px 0; margin:0 0 5px 0; line-height:20px; border:1px solid #ddd; background:#fff; text-align:center;}
    .mgdisplaylisting img {padding:5px; margin:0 auto; max-height:180px;}
    .listdisplay-stars {display:block; letter-spacing:-1px; float:none; padding-top:10px; font-size:18px;}
    .listdisplay-extras {display:inline-block; padding:10px 0; margin: 0 auto;}
    .listdisplay-extras .glyphicon {font-size:38px; color:#68bd53; padding:0 5px;}
    .glyphicon-tag {transform: rotate(135deg);}
    .listingtitle {font-weight:bold; padding:5px 0; font-size:18px;  text-decoration:none;}
    .listingtitle a {font-weight:bold; line-height:24px; text-decoration:none; color:#222;}
    /*.mgdisplaylistinghome {padding:10px 20px; margin:0 auto; text-align:center; border-bottom:5px solid #4b88b0; line-height:18px;}
    .mgdisplaylistinghome img {padding:5px; margin:0 auto;}*/
    .imagediv {height:auto; margin-bottom:10px;}
}


@media  (min-width: 768px) and (max-width: 991.98px) {
    .mgdisplaylisting {padding:15px 0; border:1px solid #ddd; line-height:24px; margin:5px 0; background:#fff;}
    .mgdisplaylisting img {padding:10px;}
    .listdisplay-stars {display:block; letter-spacing:-1px; float:none; padding-top:10px; font-size:18px;}
    .listdisplay-extras {display:inline-block; padding:10px 0; margin: 0 auto;}
    .listdisplay-extras .glyphicon {font-size:38px; color:#68bd53; padding:0 5px;}
    .glyphicon-tag {transform: rotate(135deg);}
    .listingtitle {font-weight:bold; padding:5px 0; font-size:18px;  text-decoration:none;}
    .listingtitle a {font-weight:bold; line-height:24px; text-decoration:none; color:#000;}
    /*.mgdisplaylistinghome {padding:10px 20px; border:5px solid #4b88b0; border-top:none; line-height:22px; text-align:left; min-height:440px; background:#fff;}
    .mgdisplaylistinghome img {padding:5px; margin:0 auto;}*/
    .imagediv {height:auto; margin-bottom:10px;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mgdisplaylisting {padding:15px 0; border:1px solid #ddd; line-height:24px; margin:5px 0;}
    .mgdisplaylisting img {padding:10px;}
    .listdisplay-stars {letter-spacing:-1px; margin-right:8px; padding-top:5px;}
    .listdisplay-extras {display:block; float:left; padding:5px 10px 0 0;}
    .listdisplay-extras .glyphicon {font-size:34px; color:#68bd53;}
    .glyphicon-tag {transform: rotate(135deg);}
    .listingtitle a {font-weight:bold; text-decoration:none; color:#000; font-size:16px;}
    /*.mgdisplaylistinghome {padding:10px 20px; border:5px solid #4b88b0; border-top:none; line-height:22px; text-align:left; min-height:440px; background:#fff;}
    .mgdisplaylistinghome img {padding:5px; margin:0 auto;}*/
    .imagediv {min-height:250px; margin-bottom:10px; background:#fff;}
    .imagediv img {max-height:240px;}
}

@media (min-width: 1200px) {
    .mgdisplaylisting {padding:5px 0; border:1px solid #ddd; line-height:24px; margin:5px 0;}
    .mgdisplaylisting img {padding:5px 0; max-height:150px;}
    .listdisplay-stars {letter-spacing:-1px; margin-right:8px; padding-top:5px;}
    .listdisplay-extras {display:block; float:left; padding:5px 10px 0 0;}
    .listdisplay-extras .glyphicon {font-size:34px; color:#68bd53;}
    .glyphicon-tag {transform: rotate(135deg);}
    .listingtitle a {font-weight:bold; text-decoration:none; color:#222; font-size:16px;}
    /*.mgdisplaylistinghome {padding:10px 20px; border-bottom:1px solid #ddd; border-top:none; line-height:22px; text-align:left; min-height:400px; background:#fff;}
    .mgdisplaylistinghome img {padding:5px; margin:0 auto;}*/
    .imagediv {min-height:250px; margin-bottom:10px; background:#fff;}
    .imagediv img {max-height:240px;}
}

.listdisplay-stars .starEmpty {color:grey; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:16px;}
.listdisplay-stars .starFilled {color:gold; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:16px;}
.listdisplay-stars .starEmptyLarge {color:grey; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:16px;}
.listdisplay-stars .starFilledLarge {color:gold; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:16px;}


/* Rating Star Styles */
.starEmpty {color:grey; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:20px;}
.starFilled {color:gold; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:20px;}
.starEmptyLarge {color:grey; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:20px;}
.starFilledLarge {color:gold; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:20px;}

/*Advanced Search Page*/ 
.searchresults {padding:20px 0 0 0;}
.resultsReturned {}

/*Article Display Styles - Home Page and Browse */
@media (max-width: 767px) {
.articlestitle {font-weight:bold; padding:10px 0; text-align:center;}
.articlestitle a {text-decoration:none; color:#222; font-size:18px;}
.articles-row {padding:0;}
.art-description {width:93%; padding:15px; line-height:24px; height:auto; background:#fff; border:1px solid #ddd; text-align:center; margin:5px 15px;}
.art-description img {max-height:180px; margin:0 auto; margin-bottom:10px;}
.articlerowHM {margin:5px 0;}
.art-descriptionHM {padding:15px; line-height:24px; background:#fff; border:1px solid #ddd; text-align:center; margin:5px 0;}
.art-descriptionHM img {margin:0 auto; max-height:240px;}
.art-descriptionHM .imagediv {min-height:250px; margin-bottom:10px; background:#fff;}
.articlebrowse {line-height:30px; padding:10px; border:1px solid #ddd; margin-top:10px;}
.articlebrowse a {color:#222;}
.morelink .mg-btn-primary {width:100%;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.articlestitle {font-weight:bold; padding:5px 0;}
.articlestitle a {text-decoration:none; color:#222;}
.articles-row {padding:0 15px;}
.art-description {width:49%; padding:15px; line-height:24px; height:460px; background:#fff; border:1px solid #ddd; margin:0 3px 10px 3px;}
.art-description img {max-height:180px; margin:0 auto; margin-bottom:10px;}
.art-descriptionHM {padding:20px; margin:5px 16px; line-height:24px; text-align:left; height:auto; text-align:justify; background:#fff; border:1px solid #ddd;}
.art-descriptionHM img {margin:0 auto; max-height:240px;}
.art-descriptionHM .imagediv {min-height:250px; margin-bottom:10px; background:#fff;}
.articlebrowse {line-height:30px; padding:10px; border:1px solid #ddd; margin-top:10px;}
.articlebrowse a {color:#222;}
.morelink {padding-bottom:15px; float:right;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
.articlestitle {font-weight:bold; padding:5px 0;}
.articlestitle a {text-decoration:none; color:#222;}
.articles-row {padding:0 15px;}
.art-description {width:49%; padding:15px; line-height:24px; height:480px; background:#fff; border:1px solid #ddd; margin:0 2px 10px 2px;}
.art-description img {max-height:180px; margin:0 auto; margin-bottom:10px;}
.articlerowHM {margin:5px 0;}
.art-descriptionHM {padding:15px; line-height:24px; text-align:left; border:1px solid #ddd; background:#fff; height:auto; margin:3px;}
.art-descriptionHM img {margin:0 auto; max-height:240px;}
.art-descriptionHM .imagediv {min-height:250px; margin-bottom:10px; background:#fff;}
.articlebrowse {line-height:30px; padding:10px; border:1px solid #ddd; margin-top:10px;}
.articlebrowse a {color:#222;}
.morelink .mg-btn-primary {width:100%; margin-left:4px;}
}

@media (min-width: 1200px) {
.articlestitle {font-weight:bold; padding:5px 0;}
.articlestitle a {text-decoration:none; color:#222;}
.articles-row {padding:0 15px;}
.art-description {width:49%; padding:15px; line-height:24px; height:440px; background:#fff; border:1px solid #ddd; margin:0 4px 10px 4px;}
.art-description img {max-height:180px; margin:0 auto; margin-bottom:10px;}
.articlerowHM {margin:5px 0;}
.art-descriptionHM {padding:15px; line-height:24px; text-align:left; border:1px solid #ddd; background:#fff; height:auto; margin:3px;}
.art-descriptionHM img {margin:0 auto; max-height:240px;}
.art-descriptionHM .imagediv {min-height:250px; margin-bottom:10px; background:#fff;}
.articlebrowse {line-height:30px; padding:10px; border:1px solid #ddd; margin-top:10px;}
.articlebrowse a {color:#222;}
.morelink .mg-btn-primary {width:100%; margin-left:4px;}
}
.morelink a {font-size:18px; text-transform:lowercase;}
.morelink a:link, .morelink a:visited {color:#fff; text-decoration:none;}
.morelink a:active, .morelink a:hover {color:#fff; text-decoration:none;}

/* Article Display Page Styles */
@media (max-width: 767px) {
    .articlebody {background:#fff; padding:10px 0; line-height:26px; text-align:center;}
    .articlebody a {color:#333;}
    .articleAddThis {padding:10px 0px;}
    .articleDate {font-weight:bold; padding:3px 0px;}
    .articlePhoto {margin:0 auto; padding:10px; text-align:center;}
    .articlePhoto img {max-width: 100% !important; text-align:center; margin:0 auto;}
    .articleDisplayText {padding:10px 15px;}
    .articleSocialIcons {padding:10px 15px; text-align:center;}
    .articleDisplay  {margin:0 10px 0 0;}
    /*Responsive YouTube - Articles*/
    .articleDisplay .video-responsive {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
    .articleDisplay .video-responsive iframe, .articleDisplay .video-responsive object, .articleDisplay .video-responsive embed {margin:0 auto; position:absolute; top:40px; left:10px; width:98%; height:96%;}
      .articleDisplayText .mg-btn-action a:link, articleDisplayText .mg-btn-action a:visited {color:#fff; text-decoration:none;}
      .articleDisplayText .mg-btn-action a:active, .articleDisplayText .mg-btn-action a:hover {color:#fff; text-decoration:none;}
      .articleDisplay .mg-btn-action {width:100%; margin:10px 0;}
}

@media (min-width: 768px) {
    .articlebody {background:#fff; padding:10px 0; line-height:26px;}
    .articlebody a {color:#333;}
    .articleAddThis {padding:10px 0px;}
    .articleDate {font-weight:bold; padding:3px 0px;}
    .articlePhoto {float:left; padding:10px 10px 10px 0;}
    .articlePhoto img {max-width: 100% !important;}
    .articleDisplayText {padding:5px 0 5px 15px;}
    .articleSocialIcons {padding:10px 15px;}
    .articleDisplay  {margin:0 10px 0 0;}
    /*Responsive YouTube - Articles*/
    .articleDisplay .video-responsive {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
    .articleDisplay .video-responsive iframe, .articleDisplay .video-responsive object, .articleDisplay .video-responsive embed {margin:0 auto; position:absolute; top:40px; left:10px; width:98%; height:96%;}
    .articleDisplayText .mg-btn-action {margin:10px 0; min-width:180px;}
      .articleDisplayText .mg-btn-action a:link, articleDisplayText .mg-btn-action a:visited {color:#fff; text-decoration:none;}
      .articleDisplayText .mg-btn-action a:active, .articleDisplayText .mg-btn-action a:hover {color:#fff; text-decoration:none;}
}

@media (max-width: 767px) {
    .slides_container {margin:0 auto; text-align:center; width:100%; max-height:225px; margin-top:15px;}  
    .slide {overflow:hidden; text-align:center; display:block; z-index:0; width:100%; max-height:225px;}
    .slideShowContainer {z-index:0; margin-left:auto; margin-right:auto; padding:0; background:#fff; width:100%; max-height:225px; border:none;} 
    .caption {display:none;}  /* Style On Caption Block */

    /* background slideshow */
    .background_slideshow {width:100%; height:350px; margin-top:20px;}
}
@media (min-width: 768px) and (max-width: 991.98px)  {
    .slideShowContainer {z-index:0; margin-left:auto; margin-right:auto; padding:0; width:100%; max-height:300px; border:none; min-height:230px; margin-top:20px;} /* Entire Slideshow Container - BG info should go here */
    .slides_container {margin:0 auto; text-align:center; width:100%; max-height:300px; min-height:230px;}  /* Contains the slides only */
    .slide {overflow:hidden; text-align:center; display:block; z-index:0; width:100%; max-height:300px; min-height:230px;}  /* Contains only a single slide */
    .caption {text-align:center; font-size:24px; font-weight:bold; background-color:rgba(255,255,255,0.8); padding:15px 25px 15px 25px; position:relative; 
              position:absolute; bottom:0px; width:100%; z-index:100;}  /* Style On Caption Block */

    /* background slideshow */
    .background_slideshow {width:100%; height:400px; margin-top:20px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .slideShowContainer {z-index:0; margin-left:auto; margin-right:auto; padding:0; width:100%; max-height:350px; border:none; margin-top:20px;} /* Entire Slideshow Container - BG info should go here */
    .slides_container {margin:0 auto; text-align:center; width:100%; max-height:350px;}  /* Contains the slides only */
    .slide {overflow:hidden; text-align:center; display:block; z-index:0; width:100%; max-height:350px;}  /* Contains only a single slide */
    .caption {text-align:center; font-size:24px; font-weight:bold; background-color:rgba(255,255,255,0.8); padding:15px 25px 15px 25px; position:relative; 
              position:absolute; bottom:0px; width:100%; z-index:100;}  /* Style On Caption Block */

    /* background slideshow */
    .background_slideshow {width:100%; height:400px; margin-top:20px;}
}
@media (min-width: 1200px) {
    .slideShowContainer {z-index:0; margin-left:auto; margin-right:auto; padding:0; width:100%; max-height:350px; border:none; margin:20px 0 10px 0;} /* Entire Slideshow Container - BG info should go here */
    .slides_container {margin:0 auto; text-align:center; width:100%; max-height:350px;}  /* Contains the slides only */
    .slide {overflow:hidden; text-align:center; display:block; z-index:0; width:100%; max-height:350px;}  /* Contains only a single slide */
    .caption {text-align:center; font-size:24px; font-weight:bold; background-color:rgba(255,255,255,0.8); padding:15px 25px 15px 25px; position:relative; 
              position:absolute; bottom:0px; width:100%; z-index:100;}  /* Style On Caption Block */

    /* background slideshow */
    .background_slideshow {width:100%; height:400px; margin-top:20px;}
}
.slide img {max-width:100%;} /* prevents the image from being larger than the slide */
.caption {text-align:center; font-size:24px; font-weight:bold; background-color:rgba(255,255,255,0.8); padding:15px 25px 15px 25px; position:relative; 
          position:absolute; bottom:0px; width:100%; z-index:100;}  /* Style On Caption Block */
.navigationPrevious {display:none;}
.navigationNext {display:none;}

/* Slideshow - Featured Listing */
.slideShowContainerFL {margin-left:auto; margin-right:auto; margin-bottom:10px; padding:5px; background:#fff; width:auto; height:auto; border:1px solid #ddd;} /* Entire Slideshow Container - BG info should go here */
.slides_containerFL {margin:0 auto; text-align:center;  max-width:450px; max-height:300px;}  /* Contains the slides only */
.slideFL {overflow:hidden; text-align:center; display:block; z-index:0; max-width:450px; max-height:300px;}  /* Contains only a single slide */*/
.slideFL img {} /* prevents the image from being larger than the slide */
.captionFL {font-size:16px; font-weight:bold; background-color:rgba(255,255,255,0.8); text-align:left; padding:5px 25px 5px 25px; position:relative; 
          position:absolute; bottom:0px; width:100%; z-index:100;}  /* Style On Caption Block */
.navigationPreviousFL {z-index:1000; position:absolute; top:40%; left:0; padding:12px 10px; background-color:rgba(255,255,255,0.8);}
.navigationNextFL {z-index:1000; position:absolute; top:40%; right:0; padding:12px 10px; background-color:rgba(255,255,255,0.8);}

/* RSS Input Styles  */
.RSS {background:#fff; padding:0 10px;}
.RSS .rss-item {border:1px solid #ddd; padding:10px 10px 5px 10px;}
.RSS .rss-item-title {font-weight:bold;}
.RSS .mgpanel-heading {color:#222; text-transform:uppercase; background-color:#e9e9e9; border:none; padding:8px 10px; font-size:18px;}
  .RSS .mgpanel-heading a:link, .RSS .mgpanel-heading a:visited {color:#222; text-decoration:none;}
  .RSS .mgpanel-heading a:active, .RSS .mgpanel-heading a:hover {color:#222; text-decoration:underline;}
.RSS .Content {border:none; padding:10px 0;}
.RSS .Content .mgbrowsecat {border:none; padding:5px 10px; line-height:28px; margin-bottom:5px;}
.RSS .Content a {}
  .RSS .Content a:link, .RSS .Content a:visited {color:#222; text-decoration:none;}
  .RSS .Content a:active, .RSS .Content a:hover {color:#555555; text-decoration:underline;}
.RSS .Content ul {list-style-type:none; margin-top:0px; margin-bottom:0px;}
.RSS .Content li {margin:0px 0px 0px -40px; clear:both;}
.RSS .Description {height:auto; padding:10px;}
.RSS .Description img {padding:5px 10px 5px 0;}
.RSS .Open {background:url(../../Images/RSS_Plus.gif) no-repeat; cursor:pointer; display:block; width:18px; height:18px; float:left;}
.RSS .Close {background:url(../../Images/RSS_Minus.gif) no-repeat; cursor:pointer; display:block; width:18px; height:18px; float:left;}

/* AJAX Pop-up Calendar (full style definition located in App_Themes folder) */
.AJAXcalendar td {padding:0 !important;}
.AJAXcalendar .ajax__calendar_container {background:#fff; border:solid 1px #000; font-family:arial,helvetica,clean,sans-serif; cursor:default; width:205px; text-align:center; padding:0px;}
.AJAXcalendar .ajax__calendar_body {height:140px; width:205px; position:relative; overflow:hidden;}
.AJAXcalendar .ajax__calendar_days, .radcalendar .ajax__calendar_months, .radcalendar .ajax__calendar_years {top:0px; left:0px; height:140px; width:195px; padding:5px; position:absolute; text-align:center;}
.AJAXcalendar .ajax__calendar_days table {border-spacing:0; border-collapse:collapse; text-align:center;}
.AJAXcalendar .ajax__calendar_header {padding-top:4px; background:url(../../Images/AJAXcalendar_header.gif) repeat-x; height:21px;}
.AJAXcalendar .ajax__calendar_prev {margin-left:8px; margin-top:3px; display:block; cursor:pointer; float:left; background:url(../../Images/AJAXcalendar_prev.gif) no-repeat;}
.AJAXcalendar .ajax__calendar_next {margin-top:2px; margin-right:0px; display:block; cursor:pointer; float:right; background:url(../../Images/AJAXcalendar_next.gif) no-repeat;}
.AJAXcalendar .ajax__calendar_title {cursor:pointer; text-align:center; font-weight:bold; color:#fff; font-family:Arial;}
.AJAXcalendar .ajax__calendar_footer, .radcalendar .ajax__calendar_today {border-top:solid 1px #a6a6a6; padding:3px; font-weight:bold;}
.AJAXcalendar .ajax__calendar_dayname {padding-left:3px; padding-right:3px; margin-bottom:5px; margin-left:2px; margin-right:2px; text-align:center; font-weight:bold; color:#000; border-bottom:solid 1px #a6a6a6;}
.AJAXcalendar .ajax__calendar_day, .radcalendar .ajax__calendar_month, .radcalendar .ajax__calendar_year {padding:0px; color:#000; text-align:center; padding:0pt 2px;}
.AJAXcalendar .ajax__calendar_hover .ajax__calendar_day, .radcalendar .ajax__calendar_hover .ajax__calendar_month, .radcalendar .ajax__calendar_hover .ajax__calendar_year {color:#06c;}
.AJAXcalendar .ajax__calendar_other .ajax__calendar_day, .radcalendar .ajax__calendar_other .ajax__calendar_year {color:#a6a6a6;}
.AJAXcalendar .ajax__calendar_active .ajax__calendar_day {color:#06c;}