/* css stylesheet */

body, input, select, textarea {font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#333;}
body, div, p, h1, h2, h3, h4, h5, h6, a, img, ul, ol, form, fieldset {margin:0px; padding:0px;}
img, button {border:0px;}
a {color:#369; text-decoration:none; outline:none; cursor:pointer;}
button {outline:none;}
a:hover {color:#036; text-decoration:underline;}
a:active {outline:none;}
a:focus {outline:none;}
table {border-collapse:collapse;}
fieldset {padding:10px; margin-bottom:15px; border:solid 1px #ddd; -moz-border-radius:10px;}
fieldset table {margin:10px;}
fieldset legend {color:#999; color:#369; padding:0px 5px;}
span.required {color:#c00; margin-left:4px;}

/* button styles */

button.btn {border:0px; padding:0px 12px 0px 0px; cursor:pointer; font:normal 12px trebuchet ms, verdana, sans-serif; text-align:center; background:url(/images/button/btn-right.gif) no-repeat right;}
button.btn span {position:relative; display:block; cursor:pointer; white-space:nowrap; padding:0px 0px 0px 15px; background:url(/images/button/btn-left.gif) no-repeat left; height:28px; line-height:28px; color:#fff;}
button.over {background-image:url(/images/button/btn-right-on.gif);}
button.over span {background-position:-300px;}

button.btn_70 {background:url(/images/button/btn-70.gif) no-repeat 0px 0px; border:0px; margin:0px 0px 0px 3px; padding:3px 10px 4px; width:70px; height:28px; font:normal 12px trebuchet ms, verdana, sans-serif; color:#fff;}
button.btn_70:hover {background-position:-70px 0px; cursor:pointer;}
button.btn_85 {background:url(/images/button/btn-85.gif) no-repeat 0px 0px; border:0px; margin:0px 0px 0px 3px; padding:3px 10px 4px; width:85px; height:28px; font:normal 12px trebuchet ms, verdana, sans-serif; color:#fff;}
button.btn_85:hover {background-position:-85px 0px; cursor:pointer;}
button.btn_110 {background:url(/images/button/btn-110.gif) no-repeat 0px 0px; border:0px; margin:0px 0px 0px 3px; padding:3px 10px 4px; width:110px; height:28px; font:normal 12px trebuchet ms, verdana, sans-serif; color:#fff;}
button.btn_110:hover {background-position:-110px 0px; cursor:pointer;}
button.btn_120 {background:url(/images/button/btn-120.gif) no-repeat 0px 0px; border:0px; margin:0px 0px 0px 3px; padding:3px 10px 4px; width:120px; height:28px; font:normal 12px trebuchet ms, verdana, sans-serif; color:#fff;}
button.btn_120:hover {background-position:-120px 0px; cursor:pointer;}

/* div#top styles */

div#top {position:relative; width:980px; height:80px; margin:0px auto;}
div#top a#w3PAGES {position:absolute; top:22px; left:0px;}
div#top h1 {position:absolute; top:11px; left:160px; font:normal 20px "Trebuchet MS"; color:#333; margin:15px 20px;}
div#top ul#menu {list-style:none; float:right; margin-top:28px; margin-right:0px;}
div#top ul#menu li {float:left; border-left:solid 1px #ddd;}
div#top ul#menu li.first-child {border-left:0px;}
div#top ul#menu li a {color:#333; padding:0px 10px;}

/* header styles */

div#header {position:relative; width:980px; height:175px; margin:0px auto;}
div#header img#directory_search {position:absolute; right:0px; top:-10px;}
div#header div#search {width:600px; height:95px; padding:15px 20px; background:url(/images/bkg-main.jpg) no-repeat;} 
div#header div#search h2 {font:normal 18px "Trebuchet MS"; color:#369; margin-bottom:15px;}
div#header div#search form {}
div#header div#search form input#keyword {width:500px; font:normal 18px "Trebuchet MS", Arial, sans-serif; padding:2px;}
div#header div#search form button {position:relative; left:5px; top:-2px; font-size:14px;}
div#header div#search form label {float:left; color:#999; margin-top:2px;}

ul#crumbs {position:absolute; bottom:12px; left:0px; list-style:none; font-size:13px;}
ul#crumbs li {float:left; color:#999;}
ul#crumbs li a {color:#999; padding:0px 4px 0px 8px;}
ul#crumbs li a:hover {color:#666;}
ul#crumbs li.first-child a {padding-left:0px;}

/* location bar styles */

form#frm_location {position:absolute; bottom:10px; right:0px;}
form#frm_location label {padding-right:8px; font:normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#369;}

/* body styles */

div#body {position:relative; width:980px; min-height:450px; margin:10px auto;}
div#body div#content {position:relative; top:0px; left:0px; width:640px; min-height:450px;}
div#body div#sidebar {position:relative; float:right; padding:10px 0px; width:310px; z-index:5;}

/* html_table styles */

form.html_table {}
table.html_table {width:100%; color:#333; font-size:11px;}
table.html_table tr.over {background-color:#ffc; cursor:pointer;}
table.html_table tr.checked {background-color:#ff9; cursor:pointer;}
table.html_table th {padding:1px 2px; border-bottom:solid 1px #ddd; background:url(/images/bkg-html-table.gif) repeat-x; text-align:left; color:#fff; font-weight:normal; cursor:pointer;}
table.html_table td {padding:1px 2px; border-bottom:solid 1px #ddd;}
table.html_table .id {width:25px;}
table.html_table .center {text-align:center;}
table.html_table .right {text-align:right; padding-right:20px;}

/* actionbar styles */

div#actionbar {margin-bottom:10px; color:#333;}
div#actionbar select {display:inline; margin:0px 5px;}

/* recordset_navigation styles */

div#recordset_navigation {position:absolute; right:0px; color:#333;}
div#recordset_navigation select {display:inline; margin:0px 5px;}

/* admin-body styles */

div#body div#content div#admin-body {position:relative; width:980px; z-index:6;}
div#body div#content div#admin-body span#last-login {position:absolute; right:0px; color:#666; font-size:11px;}
div#body div#content div#admin-body p.body-width {width:650px;}
div#body div#content div#admin-body fieldset {width:650px;}
div#body div#content div#admin-body p.warning {background:url(/images/icons/icon_warn.png) no-repeat; margin-top:15px; padding:0px 0px 3px 24px;}
div#body div#content div#admin-body span.underline {text-decoration:underline;}
div#body div#content div#admin-body span.em {color:#000;}
div#body div#content div#admin-body input#remove-account {margin:10px 0px 15px;}
div#body div#content div#admin-body ul li {color:#333; white-space:normal; width:650px;}
div#body div#content div#admin-body h3 {font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#333;}
div#body div#content div#admin-body img.help {position:relative; right:10px; top:4px; width:16px; height:16px; cursor:pointer;}

/* help_business_keywords data */

div#help_business_keywords {width:250px; position:absolute; z-index:10; background-color:#f9f9f9; border:solid 1px #ccc; font-size:11px; padding:14px; -moz-border-radius:10px; cursor:move;}
div#help_business_keywords h4 {color:#090; font-weight:bold; margin-bottom:5px; font-size:11px;}
div#help_business_keywords a#btn_close {width:16px; height:16px; float:right;}

/* tabbed data */

div.tabbed div.data {position:relative; z-index:2; padding:20px; border:solid 1px #ccc; min-height:200px; -moz-border-radius-topright:8px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;}
div.tabbed a.tab {position:relative; top:-1px; z-index:1; text-decoration:none; padding:2px 8px; background-color:#eee; border:solid 1px #ccc; border-bottom:0px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px;}
div.tabbed a.tab:hover {background-color:#ff9; text-decoration:none;}
div.tabbed a.tab.active, a.tab.active:visited {background-color:#fff; z-index:3;}

div#application_stats th.center {padding-left:6px; white-space:nowrap;}

h3#stats_business {padding:0px 0px 10px;}
a#up-one-level {float:right; font-size:11px; text-decoration:none; padding-bottom:5px;}
a#up-one-level img {padding-left:5px; position:relative; bottom:-2px;}
span.yearmonth {display:none;}

/* admin-menu styles */

div#body div#content ul#admin-menu {position:relative; height:20px; list-style:none; margin-bottom:10px; padding-left:15px; background:url(/images/lock.gif) no-repeat;} 
div#body div#content ul#admin-menu li {position:relative; white-space:nowrap; float:left; height:20px; border-left:solid 1px #ddd;}
div#body div#content ul#admin-menu li.first-child {border-left:0px;}
div#body div#content ul#admin-menu li a {position:relative; display:block; color:#333; padding:2px 10px 10px;}
div#body div#content ul#admin-menu li ul {display:none; list-style-type:none; border-top:dotted 1px #aaa; padding-top:2px;}
div#body div#content ul#admin-menu li:hover>ul {display:block; position:absolute; top:22px; left:-1px;}
div#body div#content ul#admin-menu li ul li {width:116px; height:22px; background-color:#fff; z-index:10;}

/* content styles */

div#content div.section {margin:0px 0px 20px;}
div#content div.section h2 {position:relative; font:normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#333; padding:5px 0px; margin:0px 0px 15px; border-bottom:solid 1px #ddd;}
div#content div.section h2 span#news-source {position:absolute; right:0px; color:#666; font-size:12px;}
div#content div.section h2 span#news-source a {color:#666;}
div#content div.section h2 span#news-source a:hover {color:#333;}
div#content div.section h3 {position:relative; font:normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#333; margin:0px 0px 10px;}
div#content div.section ul {list-style-type:none; margin-bottom:10px;}
div#content div.section ul.bullet {list-style-type:disc; margin-left:28px;}
div#content div.section table#tbl-business-categories {width:100%;}
div#content div.section table#tbl-business-categories td {width:25%; vertical-align:top;}
div#content div.section ul.category-list {padding-right:10px; margin-bottom:0px;}
div#content div.section ul li {color:#666; margin-bottom:2px; white-space:nowrap;}
div#content div.section span.listing-category {margin:0px 10px; color:#999;}
div#content div.section span.listing-category a {color:#999;}
div#content div.section span.listing-date {float:right; color:#999; font-size:10px;}
div#content div.section span.keyword {color:#f60;}
div#content div.section p {margin-bottom:10px;}
div#content div.section p.last-child {margin-bottom:20px;}
div#content div.section p.no-articles {color:#666;}
div#content div.news-article {margin-bottom:6px;}
div#content div.news-article h3 {position:relative; margin-bottom:0px; font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;}
div#content div.news-article h3 span.date-published {padding-left:10px; color:#999;}

div#content div#latest-news {margin:0px 0px 40px;}

/* search-results */

div#content div#search-results {margin:0px 0px 40px;}
div#content div#search-results h2 {margin-bottom:0px; border:0px;}
div#content div#search-results h3 {margin-bottom:10px; padding-bottom:5px; font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#666; border-bottom:solid 1px #ddd;}
div#content div#search-results span.count-business-listings {color:#333;}

div#content div#search-results div.business-listing {position:relative; min-height:72px; padding:15px 0px; border-bottom:dotted 1px #ccc;}
div#content div#search-results div.business-listing div.website-preview {position:absolute; top:15px; left:0px; width:96px; height:72px;}
div#content div#search-results div.business-listing div.listing-details {position:relative; top:-2px; left:111px; width:530px;}
div#content div#search-results div.business-listing div.listing-type {position:absolute; top:0px; right:0px; padding:5px 5px 0px 20px; color:#999; height:16px;}
div#content div#search-results div.business-listing div.affiliate {background:url(/images/icons/icon_affiliate.gif) no-repeat 0px 4px; }



div#content div#search-results div.business-listing h3 {margin:0px; padding:0px; font-size:12px; color:#333; border:0px;}
div#content div#search-results div.business-listing p {margin:0px; padding:0px;}
div#content div#search-results div.business-listing p.business-description {margin-bottom:4px;}
div#content div#search-results div.business-listing p.business-address {margin-bottom:4px;}
div#content div#search-results div.business-listing p.business-telephone {float:right;}
div#content div#search-results div.business-listing p.business-telephone span {margin:0px 5px 0px 10px;}
div#content div#search-results div.business-listing p.business-website a {color:#999;}
div#content div#search-results div.business-listing p.business-website a:hover {color:#666;}

div#results-header {position:relative;}

/* pagination styles */

div#pagination-upper {position:absolute; top:18px; right:0px; z-index:10}

div#pagination-lower {padding-top:10px;}
div#pagination-lower ul {float:right;}

div.pagination ul {margin:0px; padding:0px; list-style:none;}
div.pagination ul li {float:left; margin:0px; padding:0px;}
div.pagination ul li a {display:block; padding:2px 7px; border-left:solid 1px #ddd; color:#999;}
div.pagination ul li a:hover {color:#666;}
div.pagination ul li.first-child a {border:none; padding-left:0px;}
div.pagination ul li a.on {color:#333;}

/* profile styles */

div#content div#business-profile {position:relative;}
div#content div#business-profile div.listing-type {position:absolute; top:0px; right:0px; padding:5px 5px 0px 20px; color:#999; height:16px;}
div#content div#business-profile div.affiliate {background:url(/images/icons/icon_affiliate.gif) no-repeat 0px 4px;}
div#content div#business-profile span#business-name {color:#333;}
div#content div#business-profile span.label {padding-right:5px;}
div#content div#business-profile h3 {font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#333;}
div#content div#business-profile span#profile-toolbar {float:right;}
div#content div#business-profile span#profile-toolbar a#claim-ownership {font-size:11px;}

/* map styles */

div#map {float:right; margin:5px 0px 0px 15px; width:324px; height:225px; border:solid 1px #ddd;}

/* terms of use styles */

div#content div#terms-of-use h3 {margin-top:20px;}
div#content div#terms-of-use ol {margin:0px 0px 10px 36px;}
div#content div#terms-of-use ol li {margin:0px 0px 5px;}

/* html_form styles */

div#content form.html_form table {width:620px; margin:5px 0px 10px; padding:0px;}
div#content form.html_form table td {padding:2px 0px; height:25px;}
div#content form.html_form table td.label {width:175px; text-align:right; padding-right:10px;}
div#content form.html_form table td.data button {position:relative; left:-3px; margin-top:10px; font-size:13px;}
div#content form.html_form table td.data label {vertical-align:text-top;}
div#content form.html_form table td span.hint {margin-left:10px; color:#999;}
div#content form.html_form table td span#business_website_searching {padding:2px 0px 2px 22px; color:#333;}

div#content form#frm_login table td.label {width:150px;}

div#body div#content div#admin-body form#frm_business fieldset {width:960px;}
div#body div#content div#admin-body form#frm_business fieldset table {width:960px;}

/* noticeboard styles */

div#noticeboard {margin:12px 0px 10px;}
div#noticeboard div.error {background:url(/images/icons/icon_error.png) no-repeat; padding:0px 0px 3px 24px;}
div#noticeboard div.info {background:url(/images/icons/icon_info.png) no-repeat; padding:0px 0px 3px 24px;}
div#noticeboard div.success {background:url(/images/icons/icon_tick.png) no-repeat; padding:0px 0px 3px 24px;}
div#noticeboard div.warning {background:url(/images/icons/icon_warn.png) no-repeat; padding:0px 0px 3px 24px;}

/* sidebar styles */

div#add-listing {position:relative; width:310px; height:125px; margin-bottom:20px; background:url(/images/bkg-add-business.jpg) no-repeat;}
div#add-listing h2 {position:absolute; top:15px; left:20px; font:normal 18px "Trebuchet MS"; color:#666;}
div#add-listing h2 span.free {color:#f60;}
div#add-listing button {position:relative; left:18px; top:75px; font-size:14px;}

div#sponsored-listings {font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#333;}
div#sponsored-listings h2 {position:relative; font:normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; padding:5px 0px; margin:0px 0px 10px; border-bottom:solid 1px #ddd;}
div#sponsored-listings-image {padding:2px 0px 10px; text-align:center;}
div#sponsored-listings-text {padding:0px 0px 10px;}

/* footer styles */

div#footer {position:relative; width:980px; clear:both; min-height:60px; margin:0px auto; border-top:solid 2px #eee;}

div#footer div#copyright {float:right; margin:10px 0px;}

div#footer div#footer-menu {margin:10px 0px 15px;}
div#footer div#footer-menu ul {list-style:none;}
div#footer div#footer-menu ul li {display:inline;}
div#footer div#footer-menu ul li a {padding:0px 6px 0px 8px; border-left:solid 1px #ddd; color:#333;}
div#footer div#footer-menu ul li a:hover {color:#000;}
div#footer div#footer-menu ul li.first-child a {padding-left:0px; border-left:0px;}

div#footer div#bookmarks {margin:10px 0px 15px; height:16px;}
div#footer div#bookmarks h4 {float:left; margin-top:3px; margin-right:5px; font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#333;}
div#footer div#bookmarks ul#bookmark-page {float:left; list-style:none;}
div#footer div#bookmarks ul#bookmark-page li {float:left; margin-left:5px;}
div#footer div#bookmarks ul#bookmark-page img.icon {cursor:pointer;}

div#city-links {clear:both; margin-bottom:20px; padding-top:10px; border-top:solid 2px #eee;}
div#city-links h4 {margin-bottom:10px; font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color:#333;}
div#city-links table#city-list {width:100%;}
div#city-links table#city-list td {width:143px;}
div#city-links table#city-list a {color:#999;}
div#city-links table#city-list a:hover {color:#333;}

/* ---- calendar popup ---- */
  
img.date-icon {margin:0px; padding-bottom:2px; vertical-align:bottom; cursor:pointer;}

div.calendar {position:relative; margin-top:2px; z-index:10;}

div.calendar, div.calendar table {border:1px solid #999; font-size:11px; color:#000; cursor:default; background:#fff;}
div.calendar {border:0px;}

.calendar .button {text-align:center; padding:1px; border:solid 1px #999;}
.calendar .nav {background-color:#eee; font:bold 12px verdana; color:#666;}
.calendar thead tr {background-color:#eee; color:#333;}
.calendar thead .title {font-weight:bold; text-align:center; background-color:#eee; color:#333; padding:1px;}
.calendar thead .name {border-bottom:1px solid #999; padding:1px; text-align:center; color:#333;}
.calendar thead .daynames {background-color:#ccc;}
.calendar thead .weekend {color: #900;}

.calendar thead .hilite {background-color:#fff; color:#000;}
.calendar thead .active {background-color:#fff;}
.calendar tbody .day {padding:2px 6px; color:#333; text-align:right;}
.calendar tbody .day.othermonth {font-size:80%; color:#bbb;}
.calendar tbody .day.othermonth.oweekend {color:#fbb;}
.calendar table .wn {padding:2px 3px 2px 2px; border:1px solid #000; background:#C7E1F3;}
.calendar tbody .rowhilite td {background:#ff9;}
.calendar tbody .rowhilite td.wn {background:#F1F8FC;}
.calendar tbody td.hilite {color:#000; cursor:pointer;}
.calendar tbody td.active {font-weight:bold; color:#600;}
.calendar tbody td.selected {border:solid 1px #999;}
.calendar tbody td.weekend {color:#900;}
.calendar tbody td.today {text-decoration:underline;}
.calendar tbody .disabled {color:#999;}
.calendar tbody .emptycell {}
.calendar tbody .emptyrow {display:none;}

.calendar tfoot .footrow {text-align:center; background-color:#eee; color:#333;}
.calendar tfoot .ttip {background-color:#eee; color:#333; border-top:solid 1px #999;padding:1px;}
.calendar tfoot .hilite {background:#B8DAF0; border:solid 1px #178AEB; color:#000; padding:1px;}
.calendar tfoot .active {background:#006AA9; padding:2px 0px 0px 2px;}
.calendar .combo {position:absolute; display:none; top:0px; left:0px; width:40px; cursor:default; border-left:solid 1px #999; border-right:solid 1px #999; border-bottom:solid 1px #999; background:#fff; color:#333; font-size:11px; z-index:100;}
.calendar .combo .label, .calendar .combo .label-IEfix {text-align:center; padding:1px;}
.calendar .combo .label-IEfix {width:40px;}
.calendar .combo .hilite {background-color:#ff9; color:#000;}
.calendar .combo .active {border-top:solid 1px #999; border-bottom:solid 1px #999; background:#eee; color:#000;}
.calendar td.time {border-top:1px solid #000; padding:1px 0px; text-align:center; background-color:#E3F0F9;}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {padding:0px 3px 0px 4px; border:1px solid #889; font-weight:bold; background-color:#F1F8FC;}
.calendar td.time .ampm {text-align:center;}
.calendar td.time .colon {padding:0px 2px 0px 3px; font-weight:bold;}
.calendar td.time span.hilite {border-color:#000; background-color:#267DB7; color:#fff;}
.calendar td.time span.active {border-color:red; background-color:#000; color:#A5FF00;}