body { background-color: #fff; padding: 0; margin: 0; font-size: 75%; color: #666; }
body * { font-family: Arial, Helvetica, Sans-Serif; }


#outer { width: 914px; margin: 0 auto 20px auto; }


/* Top Bar */
#top-bar { background-color: #666; height: 30px; width: 900px; margin: auto; }
#top-bar .left { background-image: url('./images/top-bar-left.gif'); background-repeat: repeat; width: 8px; height: 30px; float: left; }
#top-bar .right { background-image: url('./images/top-bar-right.gif'); background-repeat: repeat; width: 8px; height: 30px; float: right; }
#top-bar .middle { text-align: right; color: #fff; line-height: 30px; }
#top-bar .middle a, #top-bar .middle a:visited { color: #fff; text-decoration: none; }
#top-bar .middle a:hover { color: #f00; }
/* End Top Bar */


/* Header */
#header { background-color: #fff; background-image: url('./images/header-top.gif'); background-repeat: no-repeat; margin-top: 20px; width: 900px; height: 160px; padding: 0 7px; }
#header .logo { display: block; background-image: url('./images/logo_square.gif'); background-repeat: no-repeat; width: 210px; height: 130px; }
#header .logo span { display: none; }

#header ul.menu { display: block; float: right; margin: 0 30px 0 0; padding: 0; list-style: none; height: 31px; background-color: #666; }
#header ul.menu li { line-height: 31px; float: left; list-style: none; }
#header ul.menu li a, #header ul.menu li a:visited { display: block; background-image: url('./images/header-menu.gif'); background-repeat: no-repeat; padding-left: 24px; text-decoration: none; color: #fff; font-weight: bold; }
#header ul.menu li a span { display: block; background-image: url('./images/header-menu.gif'); background-repeat: no-repeat; background-position: right top; padding-right: 24px; }
#header ul.menu li a:hover { background-image: url('./images/header-menu.gif'); background-position: left bottom; }
#header ul.menu li a:hover span { background-image: url('./images/header-menu.gif'); background-position: right bottom; }
#header ul.menu li.sel a { background-image: url('./images/header-menu.gif'); background-position: left bottom; }
#header ul.menu li.sel a span { background-image: url('./images/header-menu.gif'); background-position: right bottom; }
/* End Header */


/* Middle Row */
#middle { background-color: #fff; background-image: url('./images/outer-slice.gif'); background-repeat: repeat-y; width: 900px; padding: 0 7px; }

#middle ul.menu { float: left; width: 180px; padding: 0; margin: 15px 0 0 0; }
#middle ul.menu li { height: 45px; background-image: url('./images/side-menu-slice.gif'); background-repeat: no-repeat; background-position: 30px bottom; padding-left: 30px; list-style: none; }
#middle ul.menu li a, #middle ul.menu li a:visited { line-height: 44px; padding-left: 30px; background-image: url('./images/side-menu-bit.gif'); background-repeat: no-repeat; background-position: left; text-decoration: none; color: #666; font-size: 120%; }
#middle ul.menu li a:hover { color: #57CC00; }

#middle #content { margin-left: 180px; border-left: solid 1px #ccc; padding: 0 20px 0 20px; min-height: 280px; }
#middle #content.has-side-advert { margin-right: 322px; }
#middle #content .content-inner { padding: 0 0 50px 0; }
#middle #content .content-default { padding: 0; }

.merchant #middle ul.menu li { padding-left: 20px; }

#middle #lower-advert { border-top: solid 1px #ccc; padding: 10px 20px; }

#middle #side-advert { float: right; width: 302px; padding: 10px; }
/* End Middle Row */


/* Footer */
#footer { background-image: url('./images/footer-bottom.gif'); background-position: bottom; background-repeat: no-repeat; height: 45px; padding-bottom: 11px; }

#footer ul.menu { height: 45px; padding: 0 0 0 6px; margin: 0; list-style: none; float: left; }
#footer ul.menu li { float: left; list-style: none; display: block; margin-left: 15px; }
#footer ul.menu li a, #footer ul.menu li a:visited { line-height: 45px; color: #666; text-decoration: none; }
#footer ul.menu li a:hover { color: #0066FF; }

#footer .sponsors { float: right; height: 45px; padding-right: 15px; }
#footer .sponsors a { display: block; height: 41px; float: left; margin-right: 15px; }
#footer .sponsors a:hover { background-position: 0 -41px; }
#footer .sponsors a span { display: none; }
/* End Footer */


a, a:visited, a:link { color: #0066FF; }
a:hover { color: #ff6600; }


h1 { font-size: 200%; line-height: 250%; color: #57cc00; padding: 0; margin: 0; }
h2 { font-size: 180%; line-height: 200%; color: #57cc00; padding: 0; margin: 0; }
h3 { font-size: 140%; line-height: 140%; color: #666; padding: 0; margin: 1.3em 0 0.3em 0; }
h4 { font-size: 120%; line-height: 120%; color: #666; padding: 0; margin: 1.3em 0 0.3em 0; }
h5 { font-size: 100%; line-height: 110%; color: #666; padding: 0; margin: 1.3em 0 0.3em 0; }


.topgap { margin-top: 10px; }
.textbox-small { width: 100px; }
.textbox-medium { width: 200px; }
.textbox-large { width: 400px; }


table.form { border-collapse: collapse; }
table.form tr th { font-weight: bold; text-align: right; padding: 2px 10px 0 4px; vertical-align: top; color: #0066FF; line-height: 22px; }
table.form tr td { padding: 2px 4px 2px 0; vertical-align: top; line-height: 22px; }
table.form tr.header td { text-align: center; padding: 4px 0; font-weight: bold; background-color: #ddd; border-bottom: solid 2px #000; }
table.form tr.footer td { text-align: right; padding: 0 4px 4px 4px; }


table.grid { border: solid 1px #000; border-collapse: collapse; }
table.grid tr th { font-weight: bold; background-color: #6ECE27; border-bottom: solid 2px #000; padding: 4px 5px 2px 5px; vertical-align: bottom; color: #fff; font-size: 120%; }
table.grid tr td { padding: 2px 8px; vertical-align: top; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
table.grid tr td.center { text-align: center;  }
table.grid tr.alt td { background-color: #DCF3CA; }
table.grid tr.highlight td { background-color: #3399FF; color: #fff; font-weight: bold; }


div.form { }
div.form .field { padding-top: 2em; }
div.form .first-field { padding-top: 0; }
div.form .field .heading { font-weight: bold; font-size: 120%; line-height: 150%; color: #0066FF; }
div.form .field .input { }
div.form .field .textpreview { border:solid 1px #999999; width:150px; height:150px; overflow-y:auto; padding:5px; }
div.form .field .emailpreview { border:solid 1px #999999; width:400px; height:150px; overflow-y:auto; padding:5px; }
div.form .footer { padding-top: 2em; }


div.form .list-large { width: 200px; }

#register-entry div.form .field { padding: 1em 0em; }

/* Entry Form General */
.alert-entry { width: 31em; }
.alert-entry .section { background-image: url('./images/alert-slice.gif'); background-repeat: no-repeat; background-position: bottom; padding: 0.25em 0.5em 0.25em 0.5em; }
.alert-entry .section .title { width: 9em; float: left; font-weight: bold; line-height: 22px; color: #0066FF; text-align: right; }
.alert-entry .section .details { padding-left: 10em; }
.alert-entry .section .selection-links { padding-left: 10em; padding-top: 0.25em; }
.alert-entry .section .selection-links a.disabled, .alert-entry .section .selection-links a.disabled:hover { color: #666; }
.alert-entry .section .message { padding-left: 10em; padding-top: 0.25em; }
.alert-entry .section .error { padding-left: 10em; padding-top: 0.25em; font-weight: bold; }
.alert-entry .submit { text-align: right; padding: 0.25em; }

.message-box { border:solid 1px #ccc; padding:8px; font-weight:bold; }
/* End Entry Form General */


/* Property Alert Entry Form */
#property-alert-entry .province .dropdownlist { width: 18em; }
#property-alert-entry .city .dropdownlist { width: 18em; }
#property-alert-entry .zone .listbox { width: 18em; }
#property-alert-entry .price-range .dropdownlist { width: 8em; }
/* End Property Alert Entry Form */


/* Job Alert Entry Form */
#job-alert-entry .province .dropdownlist { width: 18em; }
#job-alert-entry .city .dropdownlist { width: 18em; }
#job-alert-entry .zone .listbox { width: 18em; }
#job-alert-entry .price-range .dropdownlist { width: 8em; }
/* End Job Alert Entry Form */


/* Offer Alert Entry Form */
#offer-alert-entry .province .dropdownlist { width: 18em; }
#offer-alert-entry .city .dropdownlist { width: 18em; }
#offer-alert-entry .gender .dropdownlist { width: 18em; }
#offer-alert-entry .dob .dropdownlist { width: 8em; }
#offer-alert-entry .type .dropdownlist { width: 18em; }
#offer-alert-entry .category .dropdownlist { width: 18em; }
#offer-alert-entry .category .listbox { width: 18em; }
#offer-alert-entry .country .dropdownlist { width: 18em; }
/* End Job Alert Entry Form */


/* Offer Splash */
#offer-splash .offers .item { border: solid 1px #ccc; padding: 5px; margin-bottom: 10px; }
#offer-splash .offers .item .title a, #offer-splash .offers .item .title a:visited { color: #57CC00; font-size: 150%; text-decoration: none; }
#offer-splash .offers .item .title a:hover { color: #0066FF; }
#offer-splash .offers .item .summary { padding: 5px; }
#offer-splash .offers .item .summary p { padding: 0; margin: 0; }
#offer-splash .offers .item .more-link { text-align: right; font-style: italic; }
#offer-splash .offers .item .more-link a { text-align: right; text-decoration: none; }
/* End Offer Splash */


/* Faq Viewer */
.faq-viewer { float: left; }
.faq-viewer .faq-entry { padding-bottom: 2em; }
.faq-viewer .faq-entry .faq-question .title { display: block; float: left; width: 1em; color: #57cc00; font-weight: bold; font-size: 120%; text-align: right; }
.faq-viewer .faq-entry .faq-question .text { display: block; padding-left: 2em; font-weight: bold; }
.faq-viewer .faq-entry .faq-answer { clear: left; }
.faq-viewer .faq-entry .faq-answer .title { display: block; float: left; width: 1em; color: #6c0; font-weight: bold; font-size: 120%; padding-top: 5px; text-align: right; }
.faq-viewer .faq-entry .faq-answer .text { display: block; padding-left: 2em; padding-top: 5px; }
/* End Faq Viewer */


/* Cms Content */
.cms-content p { margin: 0; padding: 0 0 1em 0; }
/* End Cms Content */


/* News Viewer */
.news-viewer { }
.news-viewer .news-list .item { padding-bottom: 20px; }
.news-viewer .news-list .item .title { color: #57cc00; font-size: 140%; font-weight: bold; }
.news-viewer .news-list .item .date { color: #0066FF; font-size: 90%; }

.news-viewer .detail { }
.news-viewer .detail .back-link { padding-bottom: 20px; }
.news-viewer .detail .title { color: #57cc00; font-size: 140%; font-weight: bold; }
.news-viewer .detail .date { color: #0066FF; font-size: 90%; }
/* End News Viewer */


/* Top Bar Links */
#top-bar .middle a.login { color: #57cc00; font-weight: bold; font-size: 110%; }
#top-bar .middle .login-name { font-weight: bold; }
#top-bar .middle a.my-account { color: #57cc00; font-weight: bold; font-size: 110%; }
#top-bar .middle a.sign-up { font-weight: bold; font-size: 110%; }
#top-bar .middle a:hover { color: #f00; }
/* End Top Bar Links */

/* Member Alerts Page */
#members-alerts h2 { font-size: 140%; }
#members-alerts .section { padding: 0 0 30px 0; margin-bottom: 30px; border-bottom: solid 1px #666; }
#members-alerts .show-all {padding: 20px; margin-bottom: 20px; border: solid 1px #f00; background-color: #fee;  }
/* End Member Alerts Page */


/* Registration */
#register-entry table tr th { width:10em;}
#register-entry table { border-collapse:collapse; }
/* End Registration */


/* Members Home */
#members-home ul li.details { padding-bottom: 1em; list-style: none; }

#members-home .notices ul { padding: 10px 20px; list-style: none; margin: 0; }
#members-home .notices ul.topgap { margin-top: 10px; }
#members-home .notices ul.warning { border: solid 1px #f00; background-color: #fee; }
#members-home .notices ul.menu-mania { border: solid 1px #0568CD; background-color: #BCD7F1; }
#members-home .notices ul li { list-style: none; font-weight: bold; font-size: 120%; }
#members-home .notices ul li.heading { font-size: 140%; line-height: 140%; }

#members-home .notices ul.warning li { color: #f00; font-size: 100%; }
#members-home .notices ul.menu-mania li { color: #004183; }
#members-home .notices ul li span.highlight { color: #900; }
/* End Members Home */


/* Vertical Adverts */
#vertical-adverts a { display: block; margin-bottom: 10px; }
#vertical-adverts a img { border: none; display: block; }
/* End Vertical Adverts */

.jobpositionlabel { height:45px; overflow:auto;}
.offercategorylabel { height:45px; overflow:auto;}
.propertylocationlabel { height:45px; overflow:auto;  }

/* Merchant Send Offer Alerts */
.success-message { border: solid 1px #317200; background-color: #BDFF8C; padding: 10px; color: #317200; font-weight: bold; font-size: 120%; }
.success-message * { color: #317200; font-weight: bold; }
.error-message { border: solid 1px #f00; background-color: #fee; padding: 10px; color: #f00; font-weight: bold; font-size: 120%; }
.error-message * { color: #f00; font-weight: bold; }

.success-message .highlight { font-size: 120%; }
.error-message .highlight { font-size: 120%; }
/* End Merchant Send Offer Alerts */


/* Merchant Alert Pages */
.alert div.form { float: left; }
.alert div.form .floated { float: left; }
.alert div.form .spacer { margin-left: 20px; }
.alert div.form .clear { clear: left; }
.alert div.form .clear-empty { line-height: 1px; height: 1px; font-size: 1px; }
/* End Merchant Alert Pages */


.instructionlabel { float: right; padding-top: 1em; position: relative; }
.instructionlabel .label { padding: 10px; border: solid 1px #57CC00; background-color: #fff; width: 400px; visibility: hidden; position: absolute; z-index: 50; top: 2.1em; right: 0px; }
.instructionlabel .label .close { float: right; font-size: 90%; }

.businessPageStatus { padding:3px 0 5px 0; color:#000; font-weight:bold; }

.login-link { padding:10px 0 10px 0; color:#000; }
.login-link a,.login-link a:visited { color:#000;  text-decoration:underline;}
.login-link a:hover { text-decoration:none;}

ul.menu-alerts { float: left; width: 250px; padding: 0; margin: 15px 0 0 0; }
ul.menu-alerts li { height: 45px; background-image: url('./images/side-menu-slice.gif'); background-repeat: no-repeat; background-position: 30px bottom; padding-left: 30px; list-style: none; }
ul.menu-alerts li a, ul.menu-alerts li a:visited { line-height: 44px; padding-left: 30px; background-image: url('./images/side-menu-bit.gif'); background-repeat: no-repeat; background-position: left; text-decoration: none; color: #666; font-size: 120%; }
ul.menu-alerts li a:hover { color: #57CC00; }