@import url(common.css);

/*
 * Blues
 * ------------------------
 * Dark         :   #125a95
 * Regular      :   #4e9bda
 * Light        :   #97c9f2
 * Very light   :   #cbe4f8
 * 
 * Greys
 * ------------------------
 * Copy Black   :   #272d31
 * Grey2        :   #445057
 * Sub Grey     :   #697a85
 * Grey         :   #92a2ad
 * Rule Grey    :   #bac6cf
 * Grey6        :   #dae2e8
 * Off White    :   #ebeff2
 *
 * ------------------------
 * Red          :   #cb0000
 * Green        :   #68b000
 */
 
body, div#marketplace-wrapper { background: #fff url(http://media.ljworld.com/images/bg.gif) repeat-y scroll center top; }
 
 
div#marketplace {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
}

div#marketplace:after { 
  content:  "."; /* Clear fix */
  display: block; height: 0; clear: both; visibility: hidden;
}

div#marketplace {
  zoom: 1; /* IE fix */
}

#marketplace-header { position:relative; margin-bottom:10px; border-bottom: 1px solid #dae2e8; zoom:1;}
#marketplace-header .heading { width:650px; }
#marketplace-header h2 {padding:0 0 5px 0; font-weight:normal; color:#445057;}

#marketplace-content {float:left; width:650px; margin-right:5px;}

.marketplace-rail {float:right; width:300px; margin-left:-3px; position:relative; left:3px;}
                   /* that should have been {float:right; width:300px;} 
                      but IE6 hates things that float within the rightmost 3 pixels
                   */
.marketplace-rail .ad {margin-bottom:28px; }            


body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea { color: #272d31; }

h1                { padding: 7px 0; font-size: 36px; line-height: 42px; }
h2                { padding: 7px 0; font-size: 27px; line-height: 35px; }
h3                { padding: 7px 0; font-size: 21px; line-height: 28px; }
h4                { padding: 7px 0; font-size: 16px; line-height: 21px; }
h5                { padding: 7px 0; font-size: 14px; line-height: 14px; }
h6                { padding: 7px 0; font-size: 11px; line-height: 14px; }

h6                { font-weight: bold; color: #cc0000; text-transform: uppercase; }
h6 a              { color: #cc0000; }
h6 a.feed         { margin-left: 5px; color: #92a2ad; text-transform: none; }

h1.legend, h2.legend, h3.legend, h4.legend, h5.legend
                  { margin-bottom: 7px; border-bottom: 1px solid #dae2e8; font-weight: normal; color: #445057; margin-bottom: 7px;}
h1.legend a, h2.legend a, h3.legend a, h4.legend a, h5.legend a { color: #445057; }
h1.legend         { padding: 0 0 7px 0; }
h2.legend         { padding: 5px 0 2px 0; }
h3.legend         { padding: 12px 0 2px 0; }
h4.legend         { padding: 17px 0 4px 0; }
h5.legend         { padding: 23px 0 5px 0; }

h1 a, h2 a, h3 a, h4 a, h5 a  { color: #272d31; }

p                 { font-size: 14px; line-height: 21px; }
p.tease           { font-size: 13px; line-height: 21px; }
p.tease a         { color: #272d31; }
p.tease a:hover   { text-decoration: none; }

dl                { margin-top: 0; font-size: 14px; line-height: 21px; }
ul                { margin-top: 0; font-size: 14px; line-height: 21px; }
ol                { margin-top: 0; font-size: 14px; line-height: 21px; }

table             { margin-bottom: 21px; ;}
th                { padding: 4px 10px; color: #697a85; }
td                { padding: 4px 10px; }
tr                { border-bottom: 1px solid #dae2e8; }
thead tr          { border:none; }

a                 { color: #125a95; }
a:hover           { color: #cb0000; }

/* GLOBAL ELEMENTS
-------------------------------------------------------------------------------- */
.serif            { font-family: georgia, times, serif; }
.subject          { margin: 10px 0; padding: 2px 0; font-size: 13px; font-weight: normal; color: #92a2ad; }
.big-heading      { font-size: 36px; font-weight: normal; color: #92a2ad; }
.big              { font-size: 20px; }
.small            { font-size: 12px; }
.very-small       { font-size: 11px; }
.quiet            { color: #697a85; }
.quiet a          { color: #4e9bda; }
.alert            { color: #cb0000; }
.date, .time      { margin-bottom: 0; font-size: 11px; line-height: 14px; color: #697a85; white-space: nowrap; }
.caption          { font-size: 11px; line-height: 14px; color: #697a85; }
.byline           { font-size: 11px; line-height: 14px; color: #92a2ad; }
.photo-byline     { font-size: 11px; line-height: 14px; color: #697a85; text-align: right; }
.subheader        { font-weight: normal; color: #697a85; }
.subheader a      { color: #697a85; }
.dateline         { text-transform: uppercase; }
.updated          { color: #cc0000; }
.hidden           { display:none; }

.back             { padding-left: 20px; padding-right: 10px; background: url(../images/arrows/hallow-arrow-left.gif) no-repeat 0 50%; }
.forward          { padding-right: 20px; background: url(../images/arrows/hallow-arrow-right.gif) no-repeat right 50%; color: #125a95; }
.rule             { padding-top: 10px; border-top: 1px solid #dae2e8; }
.feed             { padding-left: 15px; background: url(../images/icons/feed_10x10.gif) no-repeat 0 50%; }

.preheader        { padding: 0; font-size: 14px; font-weight: normal; }
.preheader a      { color: #92a2ad; }

/* Actions */
.actions          { margin-bottom: 18px; font-size: 12px; line-height: 18px; color: #92a2ad; text-align: right; }
.actions a        { padding-left: 15px; color: #92a2ad; }

/* Tip */
.tip              { margin-bottom: 18px; }
.tip h4           { padding: 9px 0; font-size: 21px; font-weight: normal; border-bottom: 1px solid #dae2e8; color: #92a2ad; }
.tip p            { margin: 0; padding: 9px 0; font: italic 13px/18px georgia, times, serif; color: #445057; }
.tip p a          { text-decoration: underline; }
.tip ul           { margin: 0; padding: 9px 0 9px 20px; font: italic 13px/18px georgia, times, serif;  color: #445057; }

/* Poll choices */
ul.choices        { margin-top: 9px; padding: 0; list-style: none; }

/* Tools */
ul.tools          { padding: 0; margin-bottom: 0; list-style: none; }
ul.tools li       { display: block; font-size: 11px; line-height: 14px; }
ul.tools li a     { display: block; padding: 4px 0 3px 3px; border-bottom: 1px solid #dae2e8; zoom:1;}
ul.tools li.disabled a     { color:#92a2ad; }
ul.tools li.staff {background:#f9f9f9;}
ul.tools a:hover  { text-decoration: none; border-bottom: 1px solid #cb0000; }

/* List */
div.list          { margin: 0 0; }

div.list a.thumb                { float: left; display: block; margin: 0 10px 10px 0; padding: 5px; background: #fff; border: 1px solid #dae2e8; }
div.list a.thumb:hover          { background: #ebeff2; }
div.list a.thumb img            { float: left; display: block; }

/* Text thumbnail */
div.list div.thumb              { float: left; display: block; margin: 0 10px 10px 0; padding: 20px 5px 5px 5px; width: 95px; height: 80px; background: #ebeff2; border: 1px solid #dae2e8; }
div.list div.thumb p            { color: #697a85; text-align: center; }
div.list div.thumb p span.help  { font-size: 11px; line-height: 12px; color: #92a2ad; }

div.list div                    { margin-bottom: 27px; }
div.list div .preheader         { margin: 0; padding: 0 0 3px 0; font-size: 13px; font-weight: bold; }
div.list div .preheader a       { color: #92a2ad; }
div.list div .header            { padding: 0 0 3px 0; font-size: 16px; line-height: 18px; font-weight: bold; }
div.list div .header a          { color: #125a95; }
div.list div .header a:visited  { color: #4e9bda; }
div.list div p                  { margin: 0; padding-top: 3px; font-size: 13px; }
div.list div .date              { margin: 0; font-size: 12px; }
div.list div.prepend-1 a.thumb  { margin-left:-60px; }
div.list div.prepend-2 a.thumb  { margin-left:-120px; }
div.list div.prepend-3 a.thumb  { margin-left:-180px; }
div.list div.prepend-4 a.thumb  { margin-left:-240px; }
div.list:after                  { content:  "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clear fix */
div.list                        { zoom: 1; } /* IE fix */

/* Previous next */
p.prev-next                     { margin-top: 10px; font-size: 12px !important; color: #697a85; }
p.prev-next a.next, p.prev-next a.previous { padding: 2px 5px; border: 1px solid #dae2e8; }
p.prev-next a.next              { margin-right: 10px; }
p.prev-next a.next:hover, p.prev-next a.previous:hover { border: 1px solid #4e9bda; background: #4e9bda; color: #fff; text-decoration: none; }
p.prev-next span                { padding: 2px 5px; border: 1px solid #dae2e8; }

/* Pagination */
p.pagination                    { margin: 5px 0; font-size: 12px; line-height: 20px; color: #697a85; padding-top: 15px;}
p.pagination a                  { padding: 3px 5px 2px 5px; border: 1px solid #dae2e8; }
p.pagination a:hover, .pagination a.current { border: 1px solid #4e9bda; background: #4e9bda; color: #fff; text-decoration: none; }
p.pagination .previous a, .pagination .next a { padding: 0; border: none; }
p.pagination .previous a:hover, .pagination .next a:hover { border: none; background: none; color: #cb0000; }

/* More Buttons */
p.more { margin: 5px 0; padding: 0 0 0 10px !important; list-style: none; width: 125px; background: url(../images/icons/more-button-left.gif) no-repeat top left; font-family: arial, sans-serif; font-size: 11px !important; line-height: 18px !important; }
p.more a { display: block; padding: 0px 0 4px 0; background: url(../images/icons/more-button-right.gif) no-repeat top right; color: #fff; }

/* Buttons list */
ul.button-links                 { margin: 5px 0 20px 0; }
ul.button-links li              { margin: 5px 0; padding: 0 0 0 10px; list-style: none; width: 125px; background: url(../images/icons/more-button-left.gif) no-repeat top left; font: normal 11px/19px arial, sans-serif; }
ul.button-links li a            { display: block; padding: 0px 0 4px 0; background: url(../images/icons/more-button-right.gif) no-repeat top right; color: #fff; }

/* Link list */
.linklist     { padding: 0; list-style: none; font-size: 12px; line-height: 16px; }
.linklist li  { margin-bottom: 5px; padding-left: 10px; background: url(../images/arrows/raw-arrow-right.gif) 0 4px no-repeat; }
.linklist li strong { color: #4e9bda; font-weight: normal; }

/* Alphabetical category menu  */
.alphabet_menu { margin: 0; font-size: 11px; }
.alphabet_menu a { padding: 0 2px; color: #92a2ad; }
.alphabet_menu a.on { font-weight: bold; color: #445057; }

/* forms */
fieldset { margin: 0 0 18px 0; }
fieldset.highlight { padding: 10px 10px 10px 0; background: #ebeff2; }
form .legend { margin-bottom: 9px; border-bottom: 1px solid #dae2e8; font-weight: normal; color: #697a85; }
div.error h4, form h4.error { padding-top: 0; padding-bottom: 9px; color: #cc0000; }

fieldset p                { margin: 0; padding: 9px 0; font-size: 13px; color: #697a85; overflow: hidden; clear:left;}
fieldset p label          { display: block; float: left; padding-right: 10px; width: 100px; text-align: right; }
fieldset p em.error       { float: left; display: block; margin-left: 110px; font-size: 12px; color: #cc0000; }
fieldset p em.error-inline { float:none; display:inline; padding-left:10px; margin:0;}
fieldset.highlight input, fieldset.highlight textarea { background: #fff; }
fieldset p span           { float: left; display: block; background-color: #fff;  }
fieldset p select         { width: 200px; }
/*fieldset p span.error     { color: #CC0000; clear:left; margin-left:110px;}*/
fieldset p span.help      { float: left; padding: 2px 0 0 5px; }
fieldset p em.help {display:block; float:left; padding:2px 0 0 2px; }
fieldset p span em.help { float:none;  }
fieldset p span input, fieldset p span textarea { width: 300px; border: 1px solid #ccc; border-top-color: #777; border-bottom-color: #DDD;  }
fieldset p span textarea  { height: 100px; }
fieldset small { display:block; clear:both; }
td em.error { display:block; padding:2px 0; color:#cc0000;}
ul.errorlist li {color:#cc0000;}

fieldset.stack p label { float: none; width: auto; text-align: left; clear: both; }
fieldset.stack p span { float: none; }
fieldset.stack p span.tall textarea { width: 98%; height: 200px; }

input[type=text], input, select, textarea { margin: 0; padding: 2px; border: 1px solid #ccc; border-top-color: #777; border-bottom-color: #DDD; background: #f6f6f6; line-height:14px;}
input.submit { padding:1px;  border: 2px solid #ccc; border-bottom-color: #777; border-top-color: #DDD;}
input.disabled, select.disabled, textarea.disabled { border-color: #eee; background:#f1f1f1; }
input:focus, textarea:focus, select:focus { background: #fff; }
input.button { float: left; display: block; margin: -2px 5px 0 0; padding: 0; background: none; border: none; }

.h1 input, .h1 select { font-size: 22px; line-height: 24px; font-weight: bold; }
.h2 input, .h2 select { font-size: 18px; line-height: 21px; font-weight: bold; }
.h3 input, .h3 select { font-size: 16px; line-height: 18px; font-weight: bold; }
.h4 input, .h4 select { font-size: 14px; line-height: 18px; font-weight: bold; }
.h5 input, .h5 select { font-size: 12px; line-height: 18px; font-weight: bold; }
.h6 input, .h6 select { font-size: 10px; line-height: 18px; font-weight: bold; }

.state input { width: 40px; }
.date input { width: 100px; font-size: 14px; font-weight: bold; }
.time input { width: 50px; font-size: 14px; font-weight: bold; }
.time select { margin-right: 5px; width: auto; }

.help { font-family: georgia, times, serif; }

.required { font-weight: bold; }
.submit { padding: 3px 0; padding-left: 108px; }
fieldset.stack .submit { padding-left: 0; }

fieldset p.desc textarea { width: 98%; height: 200px; }

fieldset.attributes label { width: 200px; }
fieldset.attributes p { padding: 3px 0; }
fieldset.attributes select { width: 85px; }

span.checkboxes { float: left; }
span.checkboxes ul { list-style: none; padding: 0; margin-top: 0; }
span.checkboxes ul li label { float: none; width: auto; text-align: left; }
span.checkboxes ul li label input { width: auto; }
span.checkbox input, span.checkboxes input { width: auto; border:none;}

table.hours { width: 100%; }
table.hours th { font-weight: bold; color: #697a85; }
table.hours td { padding: 3px 0; }
table.hours .day { padding-right: 10px; text-align: right; font-size: 14px; color: #697a85; }
table.hours .open input { width: 80px; }
table.hours .close input { width: 80px; }

#advanced_criteria {
  margin: 0;
}
#advanced_criteria h4 {
  padding-bottom: 3px;
  border-bottom: 1px solid #dae2e8;
  font-size: 14px;
  font-weight: normal;
  color: #697a85;
}
#advanced_criteria .date-range {
  margin-bottom: 10px;
  margin-right: 0;
  padding-left: 10px;
  background: #ebeff2;
  font-size: 12px;
}
#advanced_criteria .date-range input {
  background: #fff;
}
#advanced_criteria ul {
  list-style: none;
  font-size: 13px;
}
#advanced_criteria ul li {
  margin: 2px 0;
}
#advanced_choices {
  border-bottom: 1px solid #dae2e8;
}
#advanced_choices .author {
  padding-left: 20px;
  width: 100%;
  clear: both;
}
#advanced_choices .author input {
  float: none;
  display: inline;
}


/* SEARCH RESULTS
-------------------------------------------------------------------------------- */
#marketplace.search div.search {margin:5px 0 12px 0;}
#marketplace.search div.search p {margin:0;}
#marketplace.search div.search:after { content:  "."; /* Clear fix */display: block;height: 0;clear: both;visibility: hidden;}
#marketplace.search div.search {zoom: 1; /* IE fix */}

#marketplace.search div.search-results { float:left; margin-right:5px; width:290px; }
#marketplace.search div.category-list { float:left; margin:0 5px; width:290px; }
#marketplace.search ul.category-list { list-style-image:none;list-style-position:outside;list-style-type:none;margin-top:0pt;padding:0pt; }

#basic_search p { padding: 20px 0 0 0; }
#marketplace.search input.q { float: left; margin-right: 10px; width: 300px; font-size: 18px; font-weight: bold; }
#marketplace.search input.button { margin: 3px 5px 0 0; }

#search-results .sortby { margin-left: 50px; }
#search-results .sortby a { color: #92a2ad; }
#search-results .sortby a.on { font-weight: bold; color: #445057; }
#search-results .sortby a.on:hover { text-decoration: none; }

#search-results .error { margin: 18px 0 0 0; padding: 10px; background: #ebeff2; }
#search-results .error p { margin: 0; font-size: 12px; line-height: 18px; color: #445057; }


/* GLOBAL
-------------------------------------------------------------------------------- */
.marketplace-search                     { position: absolute; bottom:7px; left: 660px; width:300px; }
.marketplace-search h6                  { padding: 0; font-size: 14px; font-weight: normal; color: #697a85; text-transform: none; }
.marketplace-search p                   { padding: 5px 0; margin:0;}
.marketplace-search input.q             { float: left; margin-right: 10px; width: 185px;  }
.marketplace-search input.button        { float: left; }
.marketplace-search .button       { display: block; float: left; padding-top: 19px; width: 95px; height: 0; background: url(../images/marketplace/search-places.gif) no-repeat; overflow: hidden; }
.marketplace-search .button:hover { background: url(../images/marketplace/search-places.gif) 0 -19px no-repeat; }

#marketplace.search .marketplace-search         { position: static; }

dl.category-list                        { margin: 0; padding-bottom: 18px; }
dl.category-list dt                     { padding-bottom: 3px; font-size: 18px; font-weight: normal; }
dl.category-list dt a                   { color: #92a2ad; }
dl.category-list dt a:hover             { color: #cb0000; }
dl.category-list dd                     { padding-bottom: 15px; font-size: 13px; line-height: 18px; color: #125a95; }
dl.category-list dd em                  { font-family: georgia, times, serif; font-style: italic; }
dl.category-list dd em a                { color: #4e9bda; }
dl.category-list dd em a:hover          { color: #cb0000; }
                                        
dl.place-list                           { margin: 0; /*padding-bottom: 18px; padding-top: 18px; border-bottom:1px solid #eee;*/ position: relative; }
dl.place-list .name                     { margin-top: 10px; font-weight: normal; font-size: 13px; line-height: 17px; }
dl.place-list .name strong              { font-size: 15px; }
dl.place-list .top                      { margin-top: 0; }
dl.place-list .phone                    { font-size: 12px; color: #4e9bda; white-space: nowrap; }
dl.place-list .address                  { margin: 0; font-size: 12px; line-height: 15px; color: #697a85;}


/* DIRECTORY
   Definitions for homepage template
-------------------------------------------------------------------------------- */
#marketplace.directory #header					        { margin-top: 25px; }
#marketplace.directory #header .block           { padding: 0; }
#marketplace.directory #header h1               { margin: 0; }
#marketplace.directory #header h1 a             { padding: 0; width: 280px; }
#marketplace.directory #marketplace-pin         { bottom: -47px; width: 44px; height: 65px; background: url(../images/headers/pin_lg.gif) no-repeat; }

#marketplace.directory #welcome                 { margin-top: 10px; margin-bottom: 20px; padding: 20px 0; width: 630px; background: #ebeff2; }
#marketplace.directory #welcome .message        { float: left; padding: 0 20px; width: 210px; }
#marketplace.directory #welcome .message h2     { padding-bottom: 6px; font-size: 18px; line-height: 18px; font-weight: normal; color: #445057; }
#marketplace.directory #welcome .message p      { margin: 0; font: italic 13px/18px georgia, times, serif; color: #697a85; }
#marketplace.directory #welcome .search         { float: left; padding: 0 0 20px 19px; width: 360px; border-left: 1px solid #bac6cf; }
#marketplace.directory #welcome .search h4      { padding-bottom: 3px; font-size: 17px; font-weight: normal; color: #697a85; }
#marketplace.directory #welcome .search p       { margin: 0; padding: 0; }
#marketplace.directory #welcome .search input.q { float: left; margin-right: 10px; width: 250px; background: #fff; font-size: 15px; font-weight: bold; }

#marketplace.directory #welcome.multi-market    { padding: 0; }
#marketplace.directory #welcome.multi-market .message h4     { padding-bottom: 3px; color: #697A85; font-size: 17px; font-weight: normal; }
#marketplace.directory #welcome.multi-market .message select { width: 95%; padding: 2px; font-size: 15px; }

#sponsored-businesses .place            { margin: 0 20px 18px 0; padding-bottom: 10px; border-bottom: 1px solid #dae2e8; }
#sponsored-businesses .last             { border-bottom: none; }
#sponsored-businesses h3                { padding: 0; font-size: 16px; line-height: 18px; font-weight: bold; }
#sponsored-businesses h3 a              { color: #125a95; }
#sponsored-businesses h3 .phone         { font-size: 14px; color: #4e9bda; white-space: nowrap; }
#sponsored-businesses .address          { margin: 0; color: #697a85; }


/* CATEGORIES
   Definitions for the category detail template.
-------------------------------------------------------------------------------- */
#vertical-map                           { margin: 10px 0 20px 0; width: 280px; height: 500px; background: #ebeff2; border: 5px solid #ebeff2; }
#vertical-map p                         { margin: 20px 10px 0 10px; color: #fff; text-align: center; }
                                        
#sponsored-business                     { margin-bottom: 10px; padding: 10px; width: 580px; background: #cbe4f8; }
#sponsored-business h3                  { padding: 0 0 3px 0; font-size: 16px; line-height: 18px; }
#sponsored-business .phone              { font-size: 14px; color: #4e9bda; }
#sponsored-business h3 a                { color: #125a95; }
#sponsored-business p                   { margin: 0; font-size: 12px; line-height: 17px; }
#sponsored-business .address            { padding: 0 0 3px 0; line-height: 18px; color: #697a85; }
#sponsored-business .thumb              { float: left; margin-right: 10px; }
                                        
#children                               { margin-bottom: 10px; padding: 0 0 10px 0; border-bottom: 1px solid #dae2e8; }
#children ul                            { float: left; list-style: none; margin: 0 20px 0 0; padding: 0; width: 180px; }
#children li                            { font-size: 13px; line-height: 21px; }
#children li a                          { color: #697a85; }
#children li a:hover                    { color: #cc0000; }


/* BUSINESS
   Definitions for business detail template.
-------------------------------------------------------------------------------- */
#marketplace.business #marketplace-header .name                 { padding: 6px 0 0 0; font-size: 27px; font-weight: bold; line-height: 30px; color: #272d31; }
#marketplace.business #marketplace-header .phone                { font-weight: normal; font-size: 20px; white-space: nowrap; color: #92a2ad; }
#marketplace.business #marketplace-header .address              { padding-top: 0; font-weight: normal; font-size: 14px; line-height: 18px; color: #697a85; }
#marketplace.business #marketplace-header .address .web         { margin-right: 5px; color: #125a95; text-decoration: underline; }
#marketplace.business #marketplace-header .address .web:hover   { color: #cb0000; }
#marketplace.business #marketplace-header .address .alert       { margin-left: 5px; font-style: normal; font-weight: bold; }
#marketplace.business #marketplace-header .subheader            { padding-top: 0; font-family: georgia, times, serif; font-size: 14px; font-weight: normal; font-style: italic; }
#marketplace.business #marketplace-header .subheader a          { color: #4e9bda; }


/* GENERIC LIST 
   Defines a generic list of elements that includes a thumbnail. Use the grids
   prepend-(x) on the tease if you don't want copy to wrap the thumbnail.
-------------------------------------------------------------------------------- */
div.list                                { margin-bottom: 18px; }
div.list a.thumb                        { float: left; display: block; margin: 0 10px 10px 0; padding: 5px; width: 95px; background: #ebeff2;border: 1px solid #dae2e8; text-align: center; }
div.list a.thumb:hover                  { background: #ebeff2; }
div.list a.thumb img                    { float: left; display: block; }
div.list div.thumb                      { float: left; display: block; margin: 0 10px 10px 0; padding: 20px 5px 5px 5px; width: 95px; height: 80px; background: #ebeff2; border: 1px solid #dae2e8; }
div.list div.container a.button{ padding: 3px 15px; border: 1px solid #ccc; font-size: 13px; line-height: 23px; font-weight: bold; color: #777; text-align: center; -webkit-border-radius: 4px; }
div.list div.container a.button:hover { background: #175e99; border-color: #175e99; color: #fff; text-decoration: none; }


/* BUSINESS MAST
   Containes a list of tools, lead photo, list of three photos and a map. 
   Businesses without a lead photo will have a wide map in place. 
-------------------------------------------------------------------------------- */
#business-lead                          { text-align: center; }
#business-lead .map                     { margin-top: 0; width: 460px; height: 260px; border: 5px solid #dae2e8; }
#business-lead .map p                   { margin: 20px 10px 0 10px; color: #fff; text-align: center; }
#business-lead p.payment                { text-align: left; margin-top:10px; }

#business-lead-img { height:260px; width:470px; line-height: 259px; margin-bottom:10px;}
#business-lead-img img {vertical-align:middle; }


#business-rail .map                     { margin-bottom: 0px; width: 290px; height: 250px; border: 5px solid #dae2e8; }
#business-rail .map p                   { margin: 20px 10px 0 10px; color: #fff; text-align: center; }


/* BUSINESS BODY
   Contains all the business tabs (business, photos, products, coupons).
-------------------------------------------------------------------------------- */
#business-tools { width:170px; float:left; margin-right:5px;}

#business-tabs  { margin: 20px 0 0 0; }

.desc-collapsed { height: 120px; overflow: hidden; }
.desc-open      { height: auto; }
#show-desc a    { font-size: 12px; }

#tab-info p     { font-size: 13px; line-height: 17px; }
#tab-info .desc { margin-top: 10px; width:290px; float:left; margin-right:5px; overflow:hidden;}
#tab-info .wide-desc { margin-top: 10px; width:470px;  }

#business-profile { width:650px; clear:left; float:left; margin-right:5px; }

/* Attributes */
#tab-info .attributes          { margin-top: 10px; }
#tab-info .attributes ul       { margin: 0; list-style: none; margin-bottom:10px; }
#tab-info .attributes li       { margin: 2px 0; }
#tab-info .attributes li.true  { padding: 0 0 0 20px; background: url(../images/icons/check.gif) 0 0 no-repeat; font-size: 12px; line-height: 19px; color: #445057; }
#tab-info .attributes li.false { padding: 0 0 0 20px; background: url(../images/icons/x-no.gif) 0 2px no-repeat; font-size: 12px; color: #9aa7b1; }
#tab-info .attributes li.false span.false { background: url(../images/icons/crossedout_bg.gif) center center repeat-x; padding-right:2px; padding-left:2px; }

/* Hours */
#business-tools #business-hours     { margin-bottom:10px; }

#business-hours .hours              { width: 170px; background: #dae2e8; overflow: hidden; }
#business-hours h5                  { margin: 0; padding: 0; font-size: 12px; font-weight: bold; }
#business-hours h5 a.trigger        { display: block; padding: 2px 10px; background: #bac6cf; border-bottom: 1px solid #dae2e8; color: #445057; }
#business-hours h5 a.trigger:hover  { background: #4e9bda; color: #fff; text-decoration: none; }
#business-hours .hours table        { margin: 9px 0; width: 100%; }
#business-hours .hours table td     { padding: 2px 10px; border: none; font-size: 11px; line-height: 14px; color: #445057; }
#business-hours .hours table td.day { padding: 2px 0 2px 10px; color: #697a85; text-align: left; }

#tab-info, #tab-calendar, #tab-photos, #tab-products, #tab-coupons, #tab-videos { margin: 0 0 50px 0; padding: 0; }
#tab-info .list, #tab-calendar .list, #tab-photos .list, #tab-products .list, #tab-coupons .list, #tab-videos .list { margin-top: 10px; }


/* CALENDAR
   Defines styles for business_detail, event_list and event_detai templates.
-------------------------------------------------------------------------------- */
#tab-calendar #events dl dt           { margin-bottom: 5px; font-size: 14px; font-weight: bold; }
#tab-calendar #events dl dd.datetime  { margin-bottom: 5px; font-size: 12px; font-weight: bold; color: #92a2ad; }
#tab-calendar #events dl dd.tease     { margin-bottom: 20px; font-size: 12px; line-height: 15px; }
#tab-calendar #events dl dd.actions   { text-align: left; }

#tab-calendar .calendar               { padding: 0; background: #dae2e8 url(../images/marketplace/sidebar-heading-bg.gif) repeat-x; }
#tab-calendar .calendar .more         { margin: 0; padding: 0; width: 170px; height: 21px; background: none; clear: both; }
#tab-calendar .calendar .more a       { display: block; margin: 0; padding: 21px 0 0 0; height: 0; width: 170px; background: url(../images/marketplace/more-events.gif) no-repeat; overflow: hidden; }
#tab-calendar .calendar .more a:hover { background: url(../images/marketplace/more-events.gif) 0 -21px no-repeat; }



/* PRODUCTS
   Defines styles for business_detail, product_list, and product_detail templates.
-------------------------------------------------------------------------------- */
#tab-products .categories {
  background: #dae2e8;
}
#tab-products .categories h5 {
  margin: 0;
  padding: 2px 10px;
  background: #bac6cf;
  color: #445057;
}
#tab-products .categories ul {
  margin: 10px;
  padding: 0;
  list-style: none;
  font-size: 11px;
}
#tab-products .categories li {}
#tab-products .categories li a {
  color: #445057;
}

body.products .tab-widget {
  margin-bottom: 10px;
}


/* PRINT ADS
-------------------------------------------------------------------------------- */
.print-ad { margin-bottom:14px; }
.print-ad .header { margin: 0; padding: 0 0 3px 0; font-size: 14px; line-height: 18px; }
.print-ad .header a { color: #125a95; }
.print-ad .tease { margin: 0; font-size: 12px; line-height: 17px; }

.open { color: #68b000; }


/* FORMS
-------------------------------------------------------------------------------- */
#desktop { padding:10px 10px 20px 10px; width: 760px; background: #ebeff2; float:left; margin-left:5px;}
#desktop .window { padding: 20px; background: #fff; border: 1px solid #bac6cf; float:left; width:468px;}
#desktop .window h3.legend:first-child  {margin-top:0; padding-top: 0; }
#desktop #rail { padding: 10px 0; background: none; float:left; margin-left:10px; width:230px;}


/* ATTRIBUTES FORM
-------------------------------------------------------------------------------- */
body.business-forms fieldset.attributes p {
  font-size: 13px;
}
body.business-forms fieldset.attributes p label {
  float: left;
  padding-right: 10px;
  width: 200px; width: 190px !important;
  text-align: right;
}
body.business-forms fieldset.payment p label {
  float: none;
  display: inline;
}
body.business-forms fieldset.payment input {
  width: auto;
}
#id_low_price,
#id_high_price {
  width: 50px;
}


/* Bullet */
.bullet {
  margin: 9px 0 18px 0;
  padding:10px 0 0 30px;
  background: url(../images/icons/pin-bullet.gif) 0 10px no-repeat;
}
.bullet h4 {
  padding-bottom: 3px;
  color: #697A85;
}
.bullet h5 {
  padding: 0 0 3px 0;
}
.bullet ul {
  margin: 0 0 18px 0;
}

/* No Content */
h4.no-content {
  margin: 20px 110px 0 100px;
  padding: 30px 0 40px 120px;
  background: url(../images/marketplace/no-content.gif) no-repeat;
  font-size: 18px;
  line-height: 21px;
  color: #697a85;
}
h4.no-content a { color: #125a95; }
h4.no-content a:hover { color: #cc0000; }

/* Upgrade */
h4.upgrade {
  margin: 20px 110px 0 100px;
  padding: 20px 0 40px 110px;
  background: url(../images/marketplace/upgrade.gif) no-repeat;
  font-size: 18px;
  line-height: 21px;
  color: #697a85;
}
.window h4.upgrade {margin:20px 60px 0 50px;}
h4.upgrade a { color: #125a95; }
h4.upgrade a:hover { color: #cc0000; }

#tab-calendar h4.no-content   { background: url(../images/marketplace/no-content.gif) no-repeat; }
#tab-photos h4.no-content     { background: url(../images/marketplace/no-content.gif) no-repeat; }
#tab-products h4.no-content   { background: url(../images/marketplace/no-content.gif) no-repeat; }
#tab-coupons h4.no-content    { background: url(../images/marketplace/no-content.gif) no-repeat; }

#desktop div.previous-next {
  margin-top: 10px;
}


/* TABS
-------------------------------------------------------------------------------- */
ul.tabs         { margin: 0; padding: 0; font-size: 13px; }
ul.tabs li      { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a    { float: left; display: block; }
ul.tabs:after   { content:  "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.tabs         { zoom: 1;  } /* IE */



/* TAB WIDGET
-------------------------------------------------------------------------------- */
.tab-widget .tabs                     { margin: 0; background: url(../images/rules/horizontal-rule.gif) bottom left repeat-x; }
.tab-widget .tabs li                  { margin: 0 2px 0 0; background: url(../images/nav/tab-left.gif) no-repeat; }
.tab-widget .tabs li a                { padding: 3px 11px; background: url(../images/nav/tab-right.gif) no-repeat top right; border-bottom: 1px solid #dae2e8; font-weight: bold; color: #92a2ad; }
.tab-widget .tabs li a:hover          { color: #697a85; text-decoration: none; }

.tab-widget .tabs li:hover            { background: url(../images/nav/tab-left-hover.gif) no-repeat; }
.tab-widget .tabs li:hover a          { background: url(../images/nav/tab-right-hover.gif) no-repeat top right; }

.tab-widget .tabs li.active           { background: url(../images/nav/tab-left-on.gif) no-repeat; }
.tab-widget .tabs li.active a         { background: url(../images/nav/tab-right-on.gif) no-repeat top right; color: #697a85; border-color: #fff; }
.tab-widget .tabs li.disabled a       { color: #92a2ad; }


/* PREVIOUS NEXT
   Navigation element used for stepping through a photo gallery.
-------------------------------------------------------------------------------- */
div.previous-next                           { margin-top: 5px; margin-bottom: 5px; }
div.previous-next div.previous, 
div.previous-next div.next                  { float: left; }
div.previous-next p                         { font-size: 11px; line-height: 15px; color: #697a85; clear: both; }
div.previous-next div.previous p            { text-align: left; }
div.previous-next div.next p                { text-align: right; }
div.previous-next div.previous a, 
div.previous-next div.next a                { display: block; float: left; }
div.previous-next div.previous a img, 
div.previous-next div.next a img            { float: left; display: block; padding: 5px; background: #fff; border: 1px solid #bac6cf; }
div.previous-next div.previous a:hover img, 
div.previous-next div.next a:hover img      { background: #dae2e8; }
div.previous-next div p.empty               { margin: 0; padding: 30px 10px 0 10px; width: 85px; height: 75px; background: #dae2e8; border: 1px solid #bac6cf; text-align: center; }
div.previous-next div.previous              { margin-right: 10px; }
div.previous-next:after                     { content:  "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clear fix */
div.previous-next                           { zoom: 1; } /* IE fix */

fieldset.categories .selector-available,
fieldset.categories .selector-chosen { width:446px; border:1px solid #f2f2f2; background:#fafafa; padding:5px 10px;}
fieldset.categories .selector-chosen {border-color:#dae2e8;}
fieldset.categories .selector-available a,
fieldset.categories .selector-chosen a {  display:block; text-align:right; color:#bac6cf;}
fieldset.categories ul.selector-chooser { display:block; list-style:none; margin:10px 150px; background:#dae2e8; -webkit-border-radius:4px; -moz-border-radius:4px;}
fieldset.categories ul.selector-chooser li { display:inline; padding:0 15px;}

fieldset.categories .selector h2 { font-size:18px; line-height:1.4; color:#697a85; font-weight:normal; margin:0; padding:0;}
fieldset.categories .selector-chosen h2 {color:#272d31}
fieldset.categories .selector select {width:446px; height:10em;}
fieldset.categories .selector-filter img {vertical-align:middle;}
fieldset.categories .selector-filter input {width:400px;}


form.wide label { width:150px; }
form.wide span.help { float:none; display:inline;}
form.wide p.submit { padding-left:158px; }


/* BUSINESS PROFESSIONAL
-------------------------------------------------------------------------------- */
#professional { background-color: #E3EBFF; margin-top: 9px; padding-bottom: 1px; }
#professional h5, #professional li { padding: 2px 10px; }
#professional h5 { color: #445057; }
#professional h5.header { display: block; margin-bottom: 9px; padding: 2px 10px; background: #C3D7E8; border-bottom: 1px solid #dae2e8; color: #445057; }
#professional ul { font-size: 11px; margin-bottom: 9px; padding: 0; }
#professional li { line-height: 12px; list-style: none; color: #445057; padding-top: 3px; padding-bottom: 3px; }
#professional_list { margin-bottom: 18px; border-bottom: solid 1px #EBEFF2; }
#professional_list h4 { padding-bottom: 2px; }
#professional_list ul { list-style: none; padding: 0; }
#professional_list ul li { display: block; font-size: 12px; color: #445057; }
#professional_list ul li ul { padding-top: 2px; }
#professional_list ul li ul li { font-size: 12px; }
.search form fieldset input { float: left; }
.search form fieldset .q { width: 185px; }
.search form fieldset input.button { padding-left: 10px; }
.inventory-list { font-size: 12px; list-style: none; padding-left: 0; }
.inventory-list .remove { color: #CC0000; }
.related_businesses .header { color: #445057; }
.related_businesses ul { font-size: 12px; padding-left: 0; }
.related_businesses li { list-style: none; padding-left: 10px; background: #fff url("http://media.ljworld.com/images/arrows/raw-arrow-right.gif") no-repeat 0 50%; }
.specialties .header { font-size: 14px; padding: 2px 10px 2px 16px; color: #445057; }
.specialties .secondary-header { font-size: 12px; padding-left: 16px; padding-bottom: 0; color: #445057; }
.specialties ul { font-size: 11px; line-height: 14px; padding-left: 16px; }
.specialties li { padding: 2px 0; }
.affiliations-list { margin-top: 10px; }
.affiliations-list ul { font-size: 12px; padding: 0; }
.affiliations-list ul li { padding-left: 10px; list-style: none; background: #fff url("http://media.ljworld.com/images/arrows/raw-arrow-right.gif") no-repeat 0 50%; }
.add { padding-top: 4px; }
.related { padding-left: 0; }


/* New Account Activiation
-------------------------------------------------------------------------------- */
#new-acct-shopper, 
#new-acct-owner { width:27%; margin:1em 0 3em; } 
#new-acct-shopper h4, 
#new-acct-owner h4 { color:#445057; } 
#new-acct-shopper p, 
#new-acct-owner p { margin-bottom:0; } 
#new-acct-shopper { float:left; border-right:1px solid #ccc; } 
#new-acct-owner { float:left; width:40%; padding-left:6em; } 
#new-acct-search { clear:both; width:73%; margin-bottom:5em; padding:1em 0 1em; background-color:#ebeff2; text-align:center; }
#new-acct-search h4 { padding-left:3.875em; color:#697A85; text-align:left; font-weight:normal; }
#new-acct-search input { display:inline; float:none; }
#new-acct-search #m { width:250px; font-size:1.5em; }
#new-acct-search .button { position:relative; top:.25em; padding:0em 0 0 1em; }


.search_radius { margin: 0 0 15px 0; font-size: 12px; line-height: 11px; font-weight: bold; color: #7d93a0; }
.search_radius a { margin: 0 3px; font-weight: normal; color: #7d93a0; }
.search_radius a.on { font-weight: bold; color: #445057; }

.geo_search { margin: 0; padding: 15px 20px 20px 20px; background: #ebeff2; overflow: hidden; }
.geo_search form { zoom: 1; }
.geo_search form:after { content:  "."; display: block; height: 0; clear: both; visibility: hidden; }
.geo_search p { float: left; margin: 0; width: 260px; }
.geo_search p small { color: #7d93a0; font-weight: normal; }
.geo_search p label { display: block; font-weight: bold; color: #445057; }
.geo_search p input { width: 240px; background: #fff; }
.geo_search .submit { padding: 18px 0 0 0; width: 30px; }
.geo_search .submit input { margin: 0; width: auto; }

#choose_address { margin-top: 10px; background: #fff; border-top: 10px solid #ebeff2; clear: both; }
#choose_address ul { margin: 0; padding: 10px 15px; list-style: none; }
#choose_address ul li { font-size: 13px; line-height: 20px; color: #697a85; }
#choose_address ul li strong { color: #445057; }

.geo_market_search p { width: 195px; }
.geo_market_search p input { width: 175px; }
.geo_market_search p.submit { width: 85px; }
.geo_market_search p.market { width: 110px; }
.geo_market_search p select { width: 110px; }

.directory .geo_search { margin-bottom: 20px; }