/*
=general
=page structure
=header
=main_nav
=content
=sub_nav
=footer
=tech
=misc
*/

/*
=general
---------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

html { height: 101%; }

html, body { width: 100%; }

body {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%; /* 12px */
    color: #444;
    line-height: 155%; /* 19px */
    text-align: center;
    background-color: #E9EAE4;
}

table, tr, td, input, select, textarea, ul, ol {
    font-size: 100%;
    vertical-align: top;
}

a img, img { border: 0; }

code, pre {
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

blockquote {
    font-family: 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
        line-height: 120%;
}

/* =hx */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
    line-height: 130%;
}

/* =h1 */
h1 {
    color: #FA5C47;
    font-size: 20px;
    margin: 0 0 10px 0;

}

/* =h2 */
h2 {
    font-size: 15px;
    margin-bottom: 12px;
    color: #444;
}

/* =h3 */
h3 {
    font-size: 13px;
    margin: 0 0 5px 0;
    color: #333;
}

/* =h4 */
h4 {
    font-size: 13px;
    color: #4FAE0D;
    margin: 0 0 2px 0;
}

/* =h5 */
h5 {
    font-size: 11px;
    color: #333;
    margin: 0 0 8px 0;
    line-height: 150%;
}

/* =a */
a { text-decoration: none; color: #0088BF; }
a:hover, a:focus, a:active, a.current { color: #333;}

a.underline { border-bottom: 1px solid #5BB9F7; line-height: 14px; }
a.underline:focus, a.underline:hover, a.underline:active { border-color: #999; }

ul, ol {
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
}

ul li {
    background: transparent url(/images/dot.gif) no-repeat 0% .55em;
    padding: 0 0 0 12px;
}

ul.expand li { margin: 0 0 10px 0; }

p { margin-bottom: 1.5em; }

/*
=form
---------------------------------------------- */
fieldset { border: none; }

label em { color: #333; font-style: normal;}

input.checkbox, input.radio {
    margin: 2px 5px 0 0;
    width: 13px;
}

input.text, input.text-error, select, textarea {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #bbb;
    background-color: #fff;
    padding: 2px 4px 2px;
    margin: 0 3px 0 0;
    color: #435350;
    font-size: 11px;
}

input.text:focus, select:focus, textarea:focus { border-color: #888; }

input.text.xsmall { width: 32px; } /* 126px */
input.text.small { width: 40px; } /* 126px */
input.text, input.text-error { width: 199px; } /* 209px */
input.text.large { width: 184px; } /* 190px */
input.text.xlarge { width: 320px; } /* 326px */

select { padding-left: 0; padding-right: 0; width: 209px; }
select optgroup { color: #000; font-style: normal; }
select optgroup option { padding: 0 0 0 10px; }

textarea {
    margin: 0 0 0 150px;
    width: 390px;
    _width: 386px;
    height: 200px;
}

/* =search_provider */

form#search_provider {
    background: transparent url(/images/search-provider-bg.gif) no-repeat 0% 0%;
    width: 574px;
    height: 65px;
    position: relative;
}

#search_provider { top: 0px; }

form#search_provider label {
    position: absolute;
    color: #535353;
    top: 34px;
    left: 164px;
}

form#search_provider input.text {
    position: absolute;
    left: 164px;
    top: 11px;
    width: 237px;
    height: 15px;
    border-right: none;
}

form#search_provider input.image {
    position: absolute;
    left: 410px;
    top: 11px;
}

/* get_listed */

form#get_listed { width: 100%; }

form#get_listed h2 {
    background: #E1E2DB url(/images/round-bg.gif) no-repeat 0% 0%;
    width: 542px; /* 574px */
    padding: 12px 16px;
    margin: 0;
    font-size: 12px;
    border-bottom: 1px solid #B9BAB3;
    position: relative;
}

form#get_listed h2 span.number { font-size: 16px; font-weight: bold; position: absolute; left: -20px; }

form#get_listed h2 small { color: #444; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; }

form#get_listed h4 {
    font-size: 12px;
    font-weight: normal;
    color: #444;
}

form#get_listed fieldset {
    background-color: #F0F7FA;
    margin: 0 0 30px 0;
    padding: 12px;
    width: 550px; /* 574px */
    display: block;
    _overflow: hidden;
}

.process {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.process li {
    margin: 0;
    padding: 3px 0;
    width: 100%;
    position: relative;
    background: none;
}

#au_username_confirm_wrapper,
#li_publish_name_wrapper,
#li_org_title_wrapper,
#li_services_wrapper,
#li_contact_phone_wrapper,
#li_contact_fax_wrapper,
#li_contact_email_wrapper,
#li_contact_url_wrapper,
#li_address_postcode_wrapper,
#li_costs_wrapper,
#li_qualification_wrapper,
#li_training_wrapper,
#li_name_last_wrapper,
#captcha_wrapper,
#li_parent_id_wrapper,
#li_service_areas_wrapper,
#li_hours_wrapper,
#li_description_wrapper,
#li_special_group_wrapper,
#li_hours_wrapper
.process li.section {
    width: 100%;
    padding: 3px 0 5px;
    margin: 0 0 2px 0;
    border-bottom: 1px solid #DFDFDF;
}

.process li .tab {
    float: left;
    padding: 0 5px 0 0;
    width: 145px; /* 150px */
    color: #444;
    font-size: 12px;
    position: relative;
    margin: 1px 0 0 0;
}

.process li .tab.small { width: 90px; }

.process li input.text, .process li select { float: left; margin: 0 5px 0 0px; }

.process li .label_note { margin: 2px 0 2px 0; float: left; width: 400px; }

#captcha_wrapper .label_note,
#li_parent_id_wrapper .label_note,
#li_services_wrapper .label_note,
#li_costs_wrapper .label_note,
#li_special_group_wrapper .label_note,
#li_qualification_wrapper .label_note,
#li_training_wrapper,
#li_hours_wrapper .label_note { margin: 0 0 5px 0; padding-top: 3px; }

#au_password_wrapper .label_note { margin-left: 150px; }

#li_publish_name_wrapper input.checkbox { float: left; }
#li_publish_name_wrapper .label_note { width: 350px; }

#li_reference_wrapper input.text { margin-left: 150px; }

#li_address_postcode_wrapper .label_note { position: absolute; left: 363px; top: 5px; width: 100px; }

#li_parent_id_wrapper select { clear: left; margin: 0 0 0 150px; }

#li_service_areas_wrapper .label_note { margin: 0 0 10px 0; }
#li_service_areas_wrapper select { clear: left; margin: 10px 0 0 150px; height: 400px; }

#li_hours_wrapper .label_note { margin: 0 0 10px 0; }

#captcha_wrapper img { margin: 0 0 5px 150px; }
#captcha_wrapper input.text, #captcha_wrapper input.text-error { margin: 0 0 0 150px; }

.process li .options {
    margin: 0 0 5px 150px;
    padding: 0;
    list-style: none;
    color: #666;
    width: 400px;
}

.process li .options li { clear: left; padding: 0; width: 400px; margin: 0 0 5px 0; }

.process li .options li .tab {
    width: 40px; /* 45px */
    font-size: 11px;
    color: #666;
    margin: 2px 0 0 0;
}

.process li .options li input.text { float: left; width: 154px; }

/* =scroll */

.process li .scroll { overflow: auto; overflow-y: auto; overflow-x: hidden; width: 300; height: 500px; clear: both; margin: 0 0 20px 0; }
.process li .scroll ul { width: 210px; margin-bottom: 0; }
.process li .scroll ul li { background: none; width: 210px; }
.process li .scroll ul li span { color: #333; font-weight: bold; margin: 0 0 5px 0; display: block; }
.process li .scroll ul li input { margin: 2px 4px 0 0; }


form#get_listed input.image.create {
    border-bottom: 1px solid #DFDFDF;
    padding: 0 438px 10px 0;
    display: block;
    margin: 0 0 12px 9px;
    width: 114px; /* 552px */
}

form#get_listed input.image.cancel { margin: 0 0 0 9px; }

form#login .process li#password_wrapper { margin: 0; }
form#login .process li#remember_me_wrapper { margin: 0; }
form#login .process li#remember_me_wrapper input.checkbox { margin: 5px 0 0 0; }
form#login input.image { margin: 0 0 10px 0; }

.counter { margin: 0 0 0 150px; }

/* =errors */

.process li.error div {
    position: relative;
    left: -36px;
    background: #FFE6E6 url(/images/error-bg.gif) no-repeat 0% 0%;
    padding: 2px 0 2px 36px;
    width: 562px; /* 598px */
    border: solid #fff;
    border-width: 1px 0;
}

.process li.error div .tab { color: #FF0000; }
.error input.text, .error input.text-error { border: 1px solid #f00; }

.error .error_text, .text-error {
    color: #f00;
    font-style: normal;
}

.error .error_text em { font-style: normal; }

.req { color: red; }

/* =notes */

.label_note {
    font-size: 11px;
    line-height: 14px;
    color: #999;
}

.msg-error {
    color: #243936;
    background: transparent url(/images/errors.gif) no-repeat 0% 0%;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    left: -27px;
    padding: 2px 0 12px 43px;
    width: 558px; /* 601px */
}

/*
=table
---------------------------------------------- */
table.details {
    margin: 0 0 20px 11px;
    width: 563px;
}

table.details th, table.details td h4 {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 0 0 6px 0;
    text-align: left;
    width: 170px;
    background: transparent url(/images/line.gif) no-repeat 0% 100%;
}

table.details th.numbers { width: 197px; padding-right: 27px; }
table.details th.address { width: 196px; padding-right: 26px; }
table.details th.opening_hours { width: 170px; }

table.details td { width: 170px; padding: 4px 0; }
table.details td h4 { margin: 10px 0 2px 0; }
table.details td strong { font-weight: normal; color: #333; }

/*
=page structure
---------------------------------------------- */
#container { width: 100%; }

.content {
    width: 756px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#header {
    width: 100%;
    background: transparent url(/images/header-bg.gif) repeat-x 0% 0%;
    height: 84px;
    margin: 0 0 0px 0;
    border-bottom: 1px solid #7F97A5;
}

#main_nav {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 40px;
    float: left;
}

#crumb_nav { width: 100%; background-color: #fff;}

#content {
    width: 100%;
    background-color: #fff;
    padding-top: 30px;
    height: 500px;
    min-height: 500px;
}

*>#content { height: auto; }


#footer {
    width: 100%;
    background: #E9EAE4 url(/images/footer-bg.gif) repeat-x 0% 0%;
}

#tech { width: 100%; }


/*
=header
---------------------------------------------- */
#header #logo {
    position: absolute;
    left: 14px;
    top: 15px;
}

#header .content { height: 84px; }

#header #menu {
    width: 756px; /* 760px */
    height: 40px; /* 43px */
    padding: 3px 2px 0;
    position: absolute;
    bottom: 0;
    _bottom: -2px;
    left: -2px;
    background: transparent url(/images/menu-bg.gif) no-repeat 0% 0%;
}

#header #menu #search_site {
    float: left;
    padding: 10px 15px 9px;
}

#header #menu #search_site input.text { margin-right: 0; width: 160px; border-right: none; color: #A8A8A8; }
#header #menu #search_site input.image { margin: 0 0 0 -3px; }
#header #menu #edit_details { border-left: 1px solid #B3D0DE; float: left; padding: 11px 15px 11px; }

/*
=main_nav
---------------------------------------------- */
#main_nav li {
    float: left;
    height: 40px;
    padding: 0;
    background: none;
}

#main_nav li#nav_home.current { background: #98C15D url(/images/main-nav-home.gif) no-repeat 0% 0%; }
#main_nav li#nav_home.current a { background: transparent url(/images/arrow-black.gif) no-repeat 50% 100%; }

#main_nav li a {
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 11px 0;
    color: #0B7FBB;
    height: 28px; /* 40px */
    border-right: 1px solid #B3D0DE;
}

#main_nav li a:focus, #main_nav li a:hover, #main_nav li a:active, #main_nav li.current a { xbackground-color: #98C15D; color: #333; }
#main_nav li.current a { background: #98C15D url(/images/arrow-black.gif) no-repeat 50% 100%; }

/*
=crumb_nav
---------------------------------------------- */
#crumb_nav .content {
    border-bottom: 1px solid #D4D4D4;
    padding: 12px 0 10px;
}

#crumb_nav .content p { margin: 0; }

#crumb_nav .content em {
    font-style: normal;
    font-size: 10px;
}

/*
=content
---------------------------------------------- */
#content .content {
    padding: 0 0 0 182px;
    width: 574px; /* 756px */
    margin-bottom: 100px;
    position: relative;
}

.main_title {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    width: 100%;
    height: 19px;
    text-indent: -999em;
    margin: 0 0 5px 0;
}

.main_title.about_us { background-image: url(/images/about-us.gif); margin: 0 0 20px 0; }
.main_title.smokefree_contacts { background-image: url(/images/smokefree-contacts.gif); }
.main_title.full_directory { background-image: url(/images/full-directory.gif); }

.title {
    background: transparent url(/images/title-bg.gif) no-repeat 0% 0%;
    padding: 3px 110px 0 12px;
    margin: 0 0 20px 0;
    width: 452px; /* 574px */
    height: 27px; /* 30px */
    position: relative;
}

.title h1, .title h2 { color: #fff; font-size: 18px; }

.title .show_regions {
    float: left;
    background: transparent url(/images/show-regions-right.gif) no-repeat 100% 0%;
    height: 22px;
    padding: 0 24px 0 0;
    position: absolute;
    right: 6px;
    bottom: 4px;
    _bottom: 10px;
}

.title .show_regions a {
    float: left;
    background: transparent url(/images/show-regions-left.gif) no-repeat 0% 0%;
    padding: 2px 0 0 11px;
    height: 20px; /* 22px */
}

.sub_title {
    background: #E7E8E2 url(/images/sub-title-bg) no-repeat 0% 0%;
    border-bottom: 1px solid #B0B0B0;
    padding: 7px 110px 6px 12px;
    margin: 0 0 4px 0;
    width: 452px; /* 574px */
    position: relative;
}

.sub_title.dark { background-image: url(/images/sub-title-dark-bg.gif); background-color: #E1E2DB; border-color: #5F5F5F; margin: 0 0 10px 0; }

.sub_title a { display: block; outline: 0; }
.sub_title small {  font-weight: normal; font-size: 11px; }
.sub_title em { font-style: normal;  }
.sub_title em.results { color: #666; }
.sub_title em.link { position: absolute; right: 8px; bottom: 6px; font-style: normal; line-height: 14px; }
.sub_title em.link.arrow { padding: 0 0 0 9px; background: transparent url(/images/arrow-blue.gif) no-repeat 0% 50%; }
.sub_title em.link span { border-bottom: 1px solid #71BCEC; }

.sub_title em.link:focus span, #list .sub_title em.link:hover span, #list .sub_title em.link:active span { border-color: #999; }

/* =highlight */

.highlight {
    background: transparent url(/images/highlight-bg.gif) repeat 0% 0%;
    padding: 6px 10px;
    margin: 0 0 15px 0;
    position: relative;
    width: 554px; /* 574px */
}

.highlight_top, .highlight_bottom {
    background: transparent url(/images/highlight-top.gif) no-repeat 0% 0%;
    position: absolute;
    height: 5px;
    width: 574px;
    left: 0;
    top: 0;
}

.highlight_bottom {
    background: transparent url(/images/highlight-bottom.gif) no-repeat 0% 100%;
    top: auto;
    bottom: 0;
}

.highlight p, .highlight h3 { margin:  0; }


.highlight h3 {  }

h3.highlight {
    background: transparent url(/images/highlight-large.gif) no-repeat 0% 0%;
    padding: 5px 10px 4px;
    margin: 0 0 15px 0;
    font-size: 16px;
}

h3.highlight a {
    color: #0092C7;
    background: transparent url(/images/arrow-blue.gif) no-repeat 0% 5px;
    padding: 0 0 0 11px;
}

h3.highlight a:focus, h3.highlight a:hover, h3.highlight a:active { color: #333; }

h4.highlight {
    background: transparent url(/images/highlight-bg.gif) repeat 0% 0%;
    padding: 7px 10px 6px;
    margin: -4px 0 5px 0;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #D9D9D9;
}

.highlight {
    background: #fffaa5;
    padding: 0px 10px 1px;
    margin: -4px 0 5px 0;
}


/* =homepage */

#homepage {
    padding: 0 28px 14px 0;
    margin: 0 0 0 -182px;
    border-top: 1px solid #B9BAB3;
    background: transparent url(/images/homepage-bg.gif) repeat-y 100% 0%;
    position: relative;
    width: 728px; /* 756px */
}

#homepage #intro {
    padding: 40px 0 0 0;
    width: 282px; /* 333px */
    float: right;
    color: #333;
}

#homepage #intro ul { color: #666; }

#homepage #intro #select_your_region { margin: 0; padding: 0; }

#homepage #intro #select_your_region a {
    background: transparent url(/images/select-your-region.gif) no-repeat 0% 0%;
    width: 218px;
    height: 33px;
    position: relative;
    left: -39px;
    margin: 0 0 15px 0;
    padding: 0;
    text-indent: -999em;
    display: block;
    outline: 0;
    z-index: 5000;
}

/* =map */

#homepage #map {
    float: left;
    width: 422px;
    position: relative;
}

#homepage #map ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#homepage #map ul li {
    position: absolute;
    background: transparent url(/images/marker-left.png) no-repeat 0% 50%;
    padding: 0 0 0 14px;
    height: 14px;
    float: left;
}

#homepage #map ul li.right { background: transparent url(/images/marker2-right.png) no-repeat 100% 50%;  padding: 0 14px 0 0; }

#homepage #map ul li#map_northland { left: 125px; top: 45px; }
#homepage #map ul li#map_auckland { left: 150px; top: 85px; }
#homepage #map ul li#map_bay_of_plenty { left: 264px; top: 120px; }
#homepage #map ul li#map_waikato { left: 163px; top: 124px; }
#homepage #map ul li#map_gisborne { left: 310px; top: 141px; }
#homepage #map ul li#map_taranaki { left: 132px; top: 168px; }
#homepage #map ul li#map_hawkes_bay { left: 270px; top: 175px; }
#homepage #map ul li#map_manawatu { left: 165px; top: 196px; }
#homepage #map ul li#map_wellington { left: 240px; top: 230px; }
#homepage #map ul li#map_tasman_nelson { left: 52px; top: 219px; }
#homepage #map ul li#map_marlborough { left: 190px; top: 255px; }
#homepage #map ul li#map_west_coast { left: 50px; top: 290px; }
#homepage #map ul li#map_canterbury_north { left: 165px; top: 300px; }
#homepage #map ul li#map_canterbury_south { left: 125px; top: 345px; }
#homepage #map ul li#map_otago { left: 115px; top: 395px; }
#homepage #map ul li#map_southland { left: 70px; top: 430px; }

#homepage #map ul li a {
    color: #00325C;
    background: transparent url(/images/marker-right.png) no-repeat 100% 50%;
    height: 14px;
    line-height: 12px;
    float: left;
    padding: 0 7px 0 0;
}

#homepage #map ul li.right a { background: transparent url(/images/marker2-left.png) no-repeat 0% 50%; padding: 0 0 0 7px; }

#homepage #map ul li a:focus, #homepage #map ul li a:hover, #homepage #map ul li a:active { color: #000; }

#homepage #map ul li a span { position: relative; }

/* =list */

#list {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    text-align: left;
}

#list .underline {
    float: right;
    margin-right: 5px;
}

#list .section_list {
    margin: 0 0 5px 0;
    padding: 0;
    list-style: none;
    width: 100%;
    position: relative;
    top: 1px;
    border: none;
}

#list.search .section_list { background: none; padding: 0; }

#list .section_list li {
    margin: 0;
    padding: 6px 110px 7px 12px;
    width: 452px; /* 574px */
    border-bottom: 1px solid #D9D9D9;
    position: relative;
    background: none;
}

#list .section_list li .more_info {
    float: left;
    background: transparent url(/images/more-info-right.gif) no-repeat 100% 0%;
    height: 22px;
    padding: 0 24px 0 0;
    position: absolute;
    right: 9px;
    bottom: 8px;
}

#list .section_list li .more_info a {
    float: left;
    background: transparent url(/images/more-info-left.gif) no-repeat 0% 0%;
    padding: 1px 0 0 20px;
    height: 21px;
}


/* =view */

#view { margin: 0 0 100px 0; }
#view p { padding: 0 12px; }

#view #google_map {
    width: 572px;
    height: 299px;
    border: 1px solid #B1B1B1;
    z-index: 5000;
    position: relative;
}

/* =map_small */

#map_small {
    width: 182px;
    position: absolute;
    left: 1px;
    top: -12px;
}

#map_small p { padding: 0 0 0 14px; margin: 0; }
#map_small p strong { color: #555; }

#map_small .tail {
    position: absolute;
    left: 138px;
    top: 24px;
}

/* = directory_list */

#directory_list {
    margin: 0;
    padding: 0;
    width: 574px; /* 574px */
    position: relative;
}

#directory_list #map_region {
    background: #E2F5FE;
    height: 351px;
    overflow: hidden;
    border: 1px solid #789EAE;
    border-bottom: none;
    position: relative;
}

#directory_list #map_region #map_links {
    margin: 0;
    padding: 0;
    list-style: none;
}

#directory_list #map_region #map_links li {
    background: transparent url(/images/marker-left.png) no-repeat 0% 50%;
    padding: 0 0 0 14px;
    height: 14px;
    float: left;
}

#directory_list #map_region #map_links li.right { background: transparent url(/images/marker2-right.png) no-repeat 100% 50%;  padding: 0 14px 0 0; }

#directory_list #map_region #map_links li a {
    color: #00325C;
    background: transparent url(/images/marker-right.png) no-repeat 100% 50%;
    height: 14px;
    line-height: 12px;
    float: left;
    padding: 0 7px 0 0;
}

#directory_list #map_region #map_links li.right a { background: transparent url(/images/marker2-left.png) no-repeat 0% 50%; padding: 0 0 0 7px; }

#directory_list #map_region #map_links li a:focus, #directory_list #map_region #map_links li a:hover, #directory_list #map_region #map_links li a:active { color: #000; }

#directory_list #map_region #map_links li a span { position: relative; }

/* =overview */

#overview {
    float: left;
    width: 140px;
    position: absolute;
    top: 5px;
    left: 15px;
}

#overview h1 { margin: 0 0 22px 0; padding: 0; }

/* =embed */

#embed {
    position: relative;
    height: 426px; /* 509px */
    width: 574px; /* 600px */
    padding: 83px 13px 0;
    background-color: #fff;
}

#embed h1 {
    width: 100%;
    height: 65px;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(/images/embed-h1-bg.gif) no-repeat 0% 0%;
    color: #171717;
    font-family: 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
    font-size: 22px;
}

#embed h1 span {
    position: absolute;
    left: 25px;
    top: 30px;
}

#embed h1 span a {
    color: #171717;
}

#embed h1 span a:hover {
    color: #fff;
}

#popup #close {
    background: transparent url(/images/yk-box-close.gif) no-repeat 0% 0%;
    width: 17px;
    height: 18px;
    display: block;
    position: absolute;
    top: 12px;
    right: 19px;
    border: none;
    text-indent: -999em;
    outline: 0;
    z-index: 3000;
}

#embed .show_regions {
    float: left;
    background: transparent url(/images/embed-show-regions-right.gif) no-repeat 100% 0%;
    height: 22px;
    padding: 0 24px 0 0;
    position: absolute;
    right: 15px;
    top: 33px;
    z-index: 5000;
}

#embed .show_regions a {
    float: left;
    background: transparent url(/images/embed-show-regions-left.gif) no-repeat 0% 0%;
    padding: 2px 0 0 11px;
    height: 20px; /* 22px */
}



/* =pagination */

.pagination { margin: 0 0 0 12px; }

.pagination a {
    float: left;
    background-color: #D6E8F5;
    color: #0B7FBB;
    padding: 0px 5px 1px 5px;
    text-align: center;
    margin: 0 1px 0 0;
}

.pagination a:focus, .pagination a:hover, .pagination a:active, .pagination a.current { background-color: #DEDEDE; color: #888; }

.pagination strong { float: left; }

/*
=footer
---------------------------------------------- */
#footer .content {
    padding: 23px 0;
    font-size: 12px;
    color: #888;
}

#footer .content span { color: #666; }

#contact { float: left; }

#springload {
    float: right;
    font-size: 10px;
    position: relative;
    top: -5px;
}

#springload img {position: relative; top: 4px; }
#springload a { color: #888; }
#springload a:hover { color: #0B7FBB; }

/*
=tech
---------------------------------------------- */

/*
=misc
---------------------------------------------- */
.bottom {
    height: 14px;
    background: transparent url(/images/bottom-bg.gif) repeat-x 0% 0%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    _bottom: -2px;
}


#homepage .bottom { background-image: url(/images/bottom-dark-bg.gif); width: 756px; }
#list .bottom { background-image: url(/images/bottom-dark-bg.gif); bottom: -9px; }

.divider {
    border-top: 1px solid #BEBEBE;
    height: 20px;
    width: 100%;
}

.divider.stripe {
    background: transparent url(/images/stripe-bg.gif) repeat-x 0% 0%;
    border-top: none;
    height: 14px;
}

.hide, hr {
    position: absolute;
    left: -999em;
}

/* =self clearing floats */
.clearfix:after,
#menu:after,
#homepage:after,
#content:after,
#main_nav:after,
#list .listing li:after,
#list:after,
#footer .content:after,
.process li:after,
.process li .options li:after,
.process li.error div:after,
.pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}