/*------------------------------------------------------------------------------
[Backpack test stylesheet]
Project: One did it
Last change: 2.1.2009 / Imported styles from Main stylesheet / LR
People responsible: Teemu Lehtinen (TL), Lasse Rintakumpu (LR)
Misc: Quite a work styling this stylesheet
--------------------------------------------------------------------------------*/

button.small, .button.small { width: 50px; padding: 7px 0; } /* SMALL? */
button h4, .button h4, button h5, .button h5 { margin: 0; }
button, .button  { font-size: 0.8em; }

pre,code,kbd,samp,tt 
{ line-height:1; display:block;}
#bd .lonely { margin: 0; padding: 0; }

/* Form */ 

a.ui-checkbox { display: block; float: left; text-decoration: none; width: 16px; height: 17px; margin: -2px 20px 0 0; overflow: hidden; background: url('blue/ui-pics.gif') no-repeat 0px -49px; }
a.ui-checkbox-selected { background-position: -16px -49px; }
.highlite a.ui-checkbox { background-image: url('images/ui-pics-highlite.gif'); }

.ui-select { cursor: pointer; cursor: hand; }
.ui-select-box { width: 200px; padding: 5px 15px; overflow: hidden; background: #0cc6de url('blue/ui-pics.gif') no-repeat right 3px; color: #ffffff; }
.highlite .ui-select-box { background-color: #f375c6; background-image: url('images/ui-pics-highlite.gif'); }
.ui-select-option-box { width: 230px; border-top: 1px solid #ffffff; }
a.ui-select-option { display: block; width: 200px; padding: 3px 15px; background: #0cc6de; color: #ffffff; z-index:101;}
.highlite a.ui-select-option { background-color: #f375c6; }
a.ui-select-option:hover, .ui-select-selected { background: #92d400; }
.ui-select.small .ui-select-box { width: 35px; }
.ui-select.small .ui-select-option-box { width: 65px; }
.ui-select.small a.ui-select-option { width: 35px; }

a.ui-radio-option { display: block; float: left; text-decoration: none; width: 16px; height: 16px; margin: 0 5px 0 0; overflow: hidden; background: url('blue/ui-pics.gif') no-repeat 0px -104px; color: #0cc6de; }
.highlite a.ui-radio-option { color: #f375c6; }
a.ui-radio-option:hover { background-position: 0px -164px; color: #92d400; }
a.ui-radio-selected, .highlite a.ui-radio-selected { background-position: 0px -124px; color: #92d400; }
a.ui-radio-selected:hover { background-position: 0px -164px; color: #92d400; }
.extend-bg a.ui-radio-option { background-position: -30px -104px; }
.extend-bg a.ui-radio-option:hover { background-position: -30px -164px; }
.extend-bg a.ui-radio-selected { background-position: -30px -124px; }
.extend-bg a.ui-radio-selected:hover { background-position: -30px -164px; }
.highlite a.ui-radio-option { background-image: url('images/ui-pics-highlite.gif'); }

/* COMMENT: Imported styles --LR */

.width-g2f { width: 107px; }
.width-g3f { width: 168px; }
.width-g4f { width: 228px; }
.width-g4 { width: 244px; }
.width-g5f { width: 288px; }
.width-g5 { width: 305px; }
.width-g6f { width: 352px; }
.width-g6 { width: 365px; }
.width-g7 { width: 429px; }
.width-g8 { width: 489px; }
.width-g9 { width: 549px; }
.width-g10 { width: 610px; }

a.regdrop { display: block; width: 146px; height: 150px; background: url('images/register_drop.png') no-repeat; margin: -18px auto 0 auto; }

.moveout { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; }
.ie6-force-bg { font-size: 0; }

.extend-bg  { background: #e6f9fc; }
.highlite .extend-bg { background: #fef1f9; }

/* FIXES */
.hidden { display: none; }
.transparent { filter:alpha(opacity=0); opacity:0; }
.accordion-header h3, .area-label h3, .label h3 { font-family: arial; letter-spacing: -1px; color: #0cc6de; }
.highlite .area-label h3, .highlite .label h3 { color: #f375c6; }
.area-label h5, #ecotest-accordion button h5 { font-size: 0.9em; font-weight: 700; }
.accordion-header h3, .area-label h3 { margin: -3px 0 0 0; }
.accordion-header.done h3 { color: #ffffff; }
a.ui-radio-option:hover h3, a.ui-radio-selected h3, .highlite a.ui-radio-selected h3 { color: #92d400; }
a.accordion-header:hover, a.ui-radio-option:hover, a.extend-define:hover, a.repeat-define:hover, a.repeat-define-1:hover, a.extend-undefine:hover, a.repeat-undefine:hover, a.repeat-del:hover { text-decoration: none; }
#ecotest-accordion .column { padding: 0; }
#ecotest-accordion button { background: none ! important; }
#ecotest-accordion button h4, #ecotest-accordion button h5 { color: #0cc6de; }
.highlite button { border-color: #f375c6; }
#ecotest-accordion .highlite button h4, #ecotest-accordion .highlite button h5 { color: #f375c6; }
.disabled button, .disabled input, .disabled .ui-slider-handle { cursor: default; }
#ecotest-accordion button.disabled { filter:alpha(opacity=40); opacity: 0.4; cursor: default; }
.ui-select-option-box a:hover { text-decoration: none; }

/* ACCORDION */
#ecotest-accordion { margin-top: 15px; background: #ffffff; }
.accordion-header { display: block; cursor: pointer; cursor: hand; padding: 10px 0 9px 35px; color: #0cc6de; text-decoration: none; border-top: 1px solid #0cc6de; border-bottom: 1px solid #0cc6de; margin-bottom: 2px; overflow: visible; background: #e6f9fc url('blue/ui-pics.gif') no-repeat -60px -125px; position: relative; z-index:0; }
.accordion-header.open { border-bottom: none; margin-bottom: 0; background: #e6f9fc url('blue/ui-pics.gif') no-repeat -60px -85px; }
.accordion-header.done { background: #0cc6de url('blue/ui-pics.gif') no-repeat -60px -35px; }
.accordion-header.open-done { border-bottom: none; margin-bottom: 0; background: #0cc6de url('blue/ui-pics.gif') no-repeat -60px 7px; }
.accordion-content { background: #ffffff; border-bottom: 1px solid #0cc6de; margin-bottom: 2px; }
.title-message { position: absolute; left: 500px; top: 10px; color: #ffffff; }
.done-symbol { background: url('blue/ui-pics.gif') no-repeat -31px -49px; overflow: hidden; width: 15px; height: 12px; float: left; margin: 4px 6px; }
.accordion-header.done .title-message, .accordion-header.open-done .title-message { display: block; }


/* Language changes */

.en .highlite-symbol { background: url('images/en/extended-sign.gif') no-repeat; width: 73px; height: 51px; position: absolute; left: 630px; top: -7px; }
.fi .highlite-symbol { background: url('images/fi/extended-sign.gif') no-repeat; width: 73px; height: 51px; position: absolute; left: 630px; top: -7px; }

.fi .width-g3f { width: 210px; }
.fi .width-g4 { width: 190px; }
.fi #housingtype1-0, .fi #housingtype2-0 { width: 77px; }
.fi #diet-0 { width: 85px; }
#diet-0  { width: 70px; }

.fi #vegeper-radio .ui-radio-option,
.fi #omniper-radio .ui-radio-option,
.fi #sources1per-radio .ui-radio-option,
.fi #sources2per-radio .ui-radio-option { width: 220px;}

.fi #secondhandkitchen-2,
.fi #secondhandtools-2,
.fi #secondhandtextiles-2,
.fi #secondhandtoys-2,
.fi #clothing2ndhand-2,
.fi #tablesilverused-2 { margin-left: 10px ! important; }

.highlite .highlite-symbol { display: block; }

/* AREAS */
.area-header, .area-content { clear: both; border-top: 1px dotted #0cc6de; }
.highlite .area-header, .highlite .area-content { border-color: #f375c6; }
.area-content-continue { clear: both; }
.area-part-info { margin: 13px 0 13px 0; padding: 22px 37px 22px 37px; font-family: Georgia; background: #efebea; }
.area-part-info .image { float: right; width: 260px; text-align: center; }
.area-label { color: #0cc6de; padding: 8px 0 8px 15px; }
.highlite .area-label { color: #f375c6; }
.extend-bg .area-label { background: #e6f9fc; }
.highlite .extend-bg .area-label { background: #fef1f9; }
.area-label h4 { margin: 0; }
.area-label h5 { margin: 1px 0 0 0; }
.area-test { color: #0cc6de; padding: 15px 0 25px 15px; }
.highlite .area-test { color: #f375c6; }
.area-buttons { float: right; padding: 15px 10px 10px 0; }
.area-period { color: #0cc6de; padding: 15px 0 0 0; }
.highlite .area-period { color: #f375c6; }
.beg-period { position: relative; overflow: visible; }
.beg-period span { position: absolute; left: 0; top: 0; z-index: 5; width: 715px; height: 16px; border-top: 1px solid #0cc6de; border-left: 1px solid #0cc6de; border-right: 1px solid #0cc6de; }
.end-period { position: relative; overflow: visible; }
.end-period span { position: absolute; left: 0; top: -16px; z-index: 5; width: 715px; height: 16px; border-bottom: 1px solid #0cc6de; border-left: 1px solid #0cc6de; border-right: 1px solid #0cc6de; }
.highlite .beg-period span, .highlite .end-period span { border-color: #f375c6; }
.area-note-holder { padding: 15px; }
.area-note { border: 1px dashed #857363; padding: 15px; }
.area-error-holder { margin: 15px 0; padding: 4px; background:#fff5ea; }
.area-error { border: 2px dashed #ffa02f; padding: 12px; }
.area-note .icon, .area-error .icon { float: left; width: 38px; height: 38px; margin: -6px 5px 0 -5px; }
.ui-right-button button { float: right; width: 90px; padding: 7px 0; margin: 7px 15px 0 0; }
.line-area-test { color: #0cc6de; padding: 10px 0 15px 15px; }
.highlite .line-area-test { color: #f375c6; }
.line-area-test .icon { float: left; margin: -6px 7px 0 -7px; }
.line-area-test .icon-margins { float: left; margin: 0 20px -5px -7px; }
.line-area-test .area-label { float: left; padding: 0; margin-top: 14px; }
.line-area-test .area-label.two-lines { margin-top: 6px; }
.line-area-test .ui-select { float: left; margin-right: 4px; }
.line-area-test .default-radio { float: left; margin-bottom: 19px; }
.line-area-test .area-test { padding: 20px 0 0 0; }
.line-area-visualize { padding: 15px 0 10px 15px; }
.line-area-visualize .area-label { width: 70px; }
.line-area-visualize .icon { margin-left: 0; }
.line-area-visualize .ui-slider { margin-bottom: 26px; }
.top-area-test { padding-top: 0; }
.columns4 { width: 155px; margin: 0 20px -10px 0; }
.extra-top-pad { padding-top: 22px; }
.small-gap { height: 3px; font-size: 0; }
.mandatory-info { float: left; margin-top: 10px; color: #0cc6de; }
.mandatory-symbol { font-size: 0; background: url('blue/ui-pics.gif') no-repeat -2px -256px; width: 10px; height: 10px; }
.highlite .mandatory-symbol { background-image: url('images/ui-pics-highlite.gif'); }
.mandatory-info .mandatory-symbol { float: left; margin: 4px 6px 0 0; }
.area-label .mandatory-symbol { float: left; margin: 4px 0 0 -15px; width: 15px; }
.error-label .mandatory-symbol { background-position: -16px -256px; }
.error-label { color: #ffa02f; }

.info-hover { position: relative; overflow: visible; }

.info-pointer { position: absolute; left: 723px; width: 16px; height: 100%; background: url('images/infoarrow-bottom.gif') no-repeat left bottom; }
.info-pointer span { display: block; font-size: 0; width: 16px; height: 30px; background: #ffffff url('images/infoarrow-top.gif') no-repeat; }
.area-side-info { position: absolute; left: 745px; width: 218px; padding: 13px 0; color: #acacac; border-top: 1px dotted #acacac; border-bottom: 1px dotted #acacac; }

/* EXTEND, REPEAT */
.extend-define, .repeat-define, .repeat-define-1 { cursor: pointer; cursor: hand; display: block; clear: both; text-decoration: none; padding-left: 35px; border-top: 1px dotted #0cc6de; overflow: hidden; background: #e6f9fc url('blue/ui-pics.gif') no-repeat -60px -171px; }
.extend-undefine, .repeat-undefine, a.repeat-del { cursor: pointer; cursor: hand; display: block; clear: both; text-decoration: none; padding-left: 35px; border-top: 1px dotted #0cc6de; overflow: hidden; background: #e6f9fc url('blue/ui-pics.gif') no-repeat -60px -206px; }
.repeat-button { letter-spacing: -1px; }
.highlite-bar, .highlite .repeat-undefine { color: #f375c6; border-color: #f375c6; background-color: #fef1f9; background-image: url('images/ui-pics-highlite.gif'); }

/* SLIDER */
.ui-slider { float: left; width: 146px; height: 7px; margin: 15px 0; border-bottom: 1px solid #0cc6de; }
.ui-slider-handle { width: 15px; height: 15px; font-size: 0; text-decoration: none; overflow: hidden; background: url('blue/ui-pics.gif') no-repeat 0px -85px; }
.highlite .ui-slider { border-color: #f375c6; }
.highlite .ui-slider-handle { background-image: url('images/ui-pics-highlite.gif'); }
.extend-bg .ui-slider-handle { background-position: -30px -85px; }
.ui-slider-holder .ui-value { float: left; }
.ui-slider-value { width: 75px; margin: 14px 0 0 8px; color: #0cc6de; }
.ui-slider-value input { width: 38px; border: none; background: none; color: #0cc6de; font-weight: bold; }
.highlite .ui-slider-value, .highlite .ui-slider-value input { color: #f375c6; }
.ui-slider-value.no-unit { width: 60px }
.ui-slider-value.long-unit, .ui-slider-value.short-two-line-unit { width: 103px; }
.ui-slider-visualize { float: left; width: 485px; }
.ui-slider-visualize .icon { margin: 0; }
.day-visualize { width: 285px; margin: 0 15px 0 0; }
.mid-visualize { width: 338px; margin: 0 15px 0 15px; }
.small-day-visualize { margin-top: -2px; }
.small-visualize { margin-top: -5px; }

/* FIELDS */
.ui-field { margin-top: 14px; float: left; }
.ui-number, .ui-slider-value.ui-field input { width: 42px; height: 16px; background: none; border: none; padding: 0 0 3px 0; font-weight: normal; color: #0cc6de; margin: 0 4px 0 0; border-bottom: 3px solid #0cc6de; text-align: center; }
.highlite .ui-number, .highlite .ui-slider-value.ui-field input { color: #f375c6; border-color: #f375c6; }
.field-line { clear: both; height: 36px; border-bottom: 1px dotted #0cc6de; }
.highlite .field-line { border-color: #f375c6; }
.field-line .field-label { float: left; margin-top: 14px; }
.field-line .ui-field { float: right; width: 90px; }
.line-area-test .field-line { clear: none; float: left; margin: 5px 0; }
.line-area-test .field-line .ui-field { width: 37px; }
.columns4 .field-line .field-label { margin-top: 0; }
.columns4 .field-line .field-label.two-lines { margin-top: -5px; }
.columns4 .field-line .ui-field { width: 37px; margin-top: 0; }
.two-line-unit { width: 120px; }
.two-line-unit input, .short-two-line-unit input { display: block; float: left; }
.two-line-unit .ui-unit { display: block; float: left; margin: -3px 0 0 4px; width: 70px; }
.short-two-line-unit .ui-unit { display: block; float: left; margin: -3px 0 0 4px; width: 35px; }
.icons-and-fields .icon-wrap { float: left; }
.icons-and-fields .ui-field { margin-left: 4px; margin-right: 15px; }

/* SELECT AND RADIO */
.ui-select-holder select, .ui-select-holder .ui-select { margin-top: 12px; }
.ui-select-holder .ui-unit { display: block; margin-top: 15px; }
.ui-radio-holder { margin: -10px 0 0 -15px; }
.ui-radio-holder .option-wrapper, .ui-radio-holder a.ui-radio-option { display: block; float: left; text-decoration: none; width: 65px; height: auto; text-align: center; background: none; }
.highlite .ui-radio-holder .option-wrapper, .highlite .ui-radio-holder a.ui-radio-option { background: none; }
.option-wrapper .icon, a.ui-radio-option .icon { margin: 0 auto 7px auto; }
#birthdecade-radio { margin-left: 0px; }
#birhtdecade-radio .option-wrapper, #birthdecade-radio a.ui-radio-option { width: 57px; margin: 0; }

#housingtype1-0, #housingtype2-0 { width: 55px; margin-right: -5px; }
#energy2-content div.alert { display: none; }

#housingtype1-3, #housingtype2-3 { margin-left: 5px; }
#diet-radio { margin-left: -3px; }
.default-radio { float: left; margin: 14px 0 0 10px; }
.repeat-content .default-radio { margin-top: 7px; }
.ui-radio label { float: left; width: 35px; }
.ui-radio .medium-label { width: 65px; }
.ui-radio .long-label { width: 100px; }

/* LOCATION */
#continent-holder { float: left; width: 550px; height: 299px; margin-top: -12px; background: url('blue/worldmap.gif') no-repeat; }
#continent-radio { position: relative; }
#continent-radio .area-label { display: block; position: absolute; text-decoration: none; width: auto; height: auto; padding: 0; background: none; }
#continent-radio .c0 { left: 245px; top: 66px; }
#continent-radio .c1 { left: 35px; top: 80px; }
#continent-radio .c2 { left: 118px; top: 205px; }
#continent-radio .c3 { left: 195px; top: 148px; }
#continent-radio .c4 { left: 288px; top: 113px; display: none; }
#continent-radio .c5 { left: 430px; top: 98px; }
#continent-radio .c6 { left: 450px; top: 240px; }
#continent-radio .c7 { left: 270px; top: 280px; }
#location-select { float:left; width: 150px; height: 299px; border: none; color: #0cc6de; }

/* PERIOD RADIO */
.period-select { margin-left: 20px; }
.period-select .option-wrapper, .period-select a.ui-radio-option { display: block; float: left; text-decoration: none; width: 190px; height: auto; background: none; }
.highlite .period-select .option-wrapper, .highlite .period-select a.ui-radio-option { background: none; }
.period-select .option-wrapper .icon, .period-select a.ui-radio-option .icon { margin: 0; float: left; }
.period-select .label h3 { letter-spacing: -1px; }
.radio-pointer-holder { clear: both; position: relative; height: 16px; }
.radio-pointer { position: absolute; width: 19px; height: 16px; overflow: hidden; background: url('blue/ui-pics.gif') no-repeat 0px -183px; margin-left: 130px; }
.extend-bg .radio-pointer { background-position: -30px -183px; }
.highlite .radio-pointer { background-image: url('images/ui-pics-highlite.gif'); }
.period-info { margin: 5px 0 5px 15px; }

/* ICONS */
.icon { width: 55px; height: 55px; overflow: hidden; background: url('blue/test-icons.gif') no-repeat; }
.highlite .icon { background-image: url('images/test-icons-highlite.gif'); }
.icon-wrap { width: 80px; text-align: center; }
.icon-wrap .icon { margin: 0 auto 4px auto; }
#omnieggs-visualize, #vegeeggs-visualize { margin: -6px 0 0 -8px; }

/* RADIO ICONS */
.icon.female { background-position: 0px 0px; }
a:hover .icon.female, .ui-radio-selected .icon.female { background-position: 0px -55px; }
.icon.male { background-position: -55px 0px; }
a:hover .icon.male, .ui-radio-selected .icon.male { background-position: -55px -55px; }
.icon.qmark { background-position: -110px 0px; }
a:hover .icon.qmark, .ui-radio-selected .icon.qmark { background-position: -110px -55px; }
.icon.decade30s { background-position: 0px -110px; }
a:hover .icon.decade30s, .ui-radio-selected .icon.decade30s { background-position: 0px -165px; }
.icon.decade40s { background-position: -55px -110px; }
a:hover .icon.decade40s, .ui-radio-selected .icon.decade40s { background-position: -55px -165px; }
.icon.decade50s { background-position: -110px -110px; }
a:hover .icon.decade50s, .ui-radio-selected .icon.decade50s { background-position: -110px -165px; }
.icon.decade60s { background-position: -165px -110px; }
a:hover .icon.decade60s, .ui-radio-selected .icon.decade60s { background-position: -165px -165px; }
.icon.decade70s { background-position: -220px -110px; }
a:hover .icon.decade70s, .ui-radio-selected .icon.decade70s { background-position: -220px -165px; }
.icon.decade80s { background-position: -275px -110px; }
a:hover .icon.decade80s, .ui-radio-selected .icon.decade80s { background-position: -275px -165px; }
.icon.decade90s { background-position: -330px -110px; }
a:hover .icon.decade90s, .ui-radio-selected .icon.decade90s { background-position: -330px -165px; }
.icon.decade00s { background-position: -385px -110px; }
a:hover .icon.decade00s, .ui-radio-selected .icon.decade00s { background-position: -385px -165px; }
.icon.house { background-position: -165px 0px; }
a:hover .icon.house, .ui-radio-selected .icon.house { background-position: -165px -55px; }
.icon.flat { background-position: -220px 0px; }
a:hover .icon.flat, .ui-radio-selected .icon.flat { background-position: -220px -55px; }
.icon.rowhouse { background-position: -275px 0px; }
a:hover .icon.rowhouse, .ui-radio-selected .icon.rowhouse { background-position: -275px -55px; }
.icon.townhouse { background-position: -330px 0px; }
a:hover .icon.townhouse, .ui-radio-selected .icon.townhouse { background-position: -330px -55px; }
.icon.factory { background-position: 0px -220px; }
a:hover .icon.factory, .ui-radio-selected .icon.factory { background-position: 0px -275px; }
.icon.windmill { background-position: -55px -220px; }
a:hover .icon.windmill, .ui-radio-selected .icon.windmill { background-position: -55px -275px; }
.icon.sun { background-position: -110px -220px; }
a:hover .icon.sun, .ui-radio-selected .icon.sun { background-position: -110px -275px; }
.icon.week { background-position: 0px -930px; }
a:hover .icon.week, .ui-radio-selected .icon.week { background-position: 0px -985px; }
.icon.month { background-position: -55px -930px; }
a:hover .icon.month, .ui-radio-selected .icon.month { background-position: -55px -985px; }
.icon.year { background-position: -110px -930px; }
a:hover .icon.year, .ui-radio-selected .icon.year { background-position: -110px -985px; }
.icon.bear { background-position: -165px -220px; }
a:hover .icon.bear, .ui-radio-selected .icon.bear { background-position: -165px -275px; }
.icon.rabbit { background-position: -220px -220px; }
a:hover .icon.rabbit, .ui-radio-selected .icon.rabbit { background-position: -220px -275px; }
.icon.worm { background-position: -275px -220px; }
a:hover .icon.worm, .ui-radio-selected .icon.worm { background-position: -275px -275px; }
.extend-bg .icon.house { background-position: -110px -710px; }
.extend-bg a:hover .icon.house, .extend-bg .ui-radio-selected .icon.house { background-position: -110px -765px; }
.extend-bg .icon.flat { background-position: -165px -710px; }
.extend-bg a:hover .icon.flat, .extend-bg .ui-radio-selected .icon.flat { background-position: -165px -765px; }
.extend-bg .icon.rowhouse { background-position: -220px -710px; }
.extend-bg a:hover .icon.rowhouse, .extend-bg .ui-radio-selected .icon.rowhouse { background-position: -220px -765px; }
.extend-bg .icon.townhouse { background-position: -275px -710px; }
.extend-bg a:hover .icon.townhouse, .extend-bg .ui-radio-selected .icon.townhouse { background-position: -275px -765px; }
.extend-bg .icon.factory { background-position: -220px -820px; }
.extend-bg a:hover .icon.factory, .extend-bg .ui-radio-selected .icon.factory { background-position: -220px -875px; }
.extend-bg .icon.windmill { background-position: -275px -820px; }
.extend-bg a:hover .icon.windmill, .extend-bg .ui-radio-selected .icon.windmill { background-position: -275px -875px; }
.extend-bg .icon.sun { background-position: -330px -820px; }
.extend-bg a:hover .icon.sun, .extend-bg .ui-radio-selected .icon.sun { background-position: -330px -875px; }
.extend-bg .icon.week { background-position: 0px -820px; }
.extend-bg a:hover .icon.week, .extend-bg .ui-radio-selected .icon.week { background-position: 0px -875px; }
.extend-bg .icon.month { background-position: -55px -820px; }
.extend-bg a:hover .icon.month, .extend-bg .ui-radio-selected .icon.month { background-position: -55px -875px; }
.extend-bg .icon.year { background-position: -110px -820px; }
.extend-bg a:hover .icon.year, .extend-bg .ui-radio-selected .icon.year { background-position: -110px -875px; }

/* VISUALIZING ICONS */
.ui-visualize { float: left; width: 32px; height: 45px; overflow: hidden; background: url('blue/test-icons.gif') no-repeat; }
.highlite .ui-visualize { background-image: url('images/test-icons-highlite.gif'); }
.small-visualize .ui-visualize { float: left; width: 21px; height: 29px; }
.ui-visualize.person { background-position: -11px -5px; }
.ui-visualize.even-person { background-position: -66px -5px; }
.small-visualize .ui-visualize.person { background-position: -17px -675px; }
.small-visualize .ui-visualize.even-person { background-position: -72px -675px; }
.ui-visualize.dayplace { background-position: -176px -935px; }
.ui-visualize.day { background-position: -176px -990px; }
.ui-visualize.coffee, .ui-visualize.even-coffee { background-position: -177px -660px; }
.small-visualize .ui-visualize.coffee, .small-visualize .ui-visualize.even-coffee { background-position: -127px -675px; }
.ui-visualize.tea, .ui-visualize.even-tea { background-position: -287px -660px; }
.small-visualize .ui-visualize.tea, .small-visualize .ui-visualize.even-tea { background-position: -237px -675px; }
.ui-visualize.alcohol, .ui-visualize.even-alcohol { background-position: -397px -660px; }
.small-visualize .ui-visualize.alcohol, .small-visualize .ui-visualize.even-alcohol { background-position: -347px -675px; }
.ui-visualize.clothes { background-position: -176px -440px; }
.ui-visualize.even-clothes { background-position: -286px -440px; }
.small-visualize .ui-visualize.clothes { background-position: -127px -455px; }
.small-visualize .ui-visualize.even-clothes { background-position: -237px -455px; }
.ui-visualize.jewellery, .ui-visualize.even-jewellery { background-position: -396px -440px; }
.small-visualize .ui-visualize.jewellery, .small-visualize .ui-visualize.even-jewellery { background-position: -347px -455px; }
.ui-visualize.tablesilver { background-position: -66px -495px; }
.ui-visualize.even-tablesilver { background-position: -176px -495px; }
.small-visualize .ui-visualize.tablesilver { background-position: -17px -510px; }
.small-visualize .ui-visualize.even-tablesilver { background-position: -127px -510px; }
.ui-visualize.unsorted, .ui-visualize.even-unsorted { background-position: -286px -935px; }
.small-visualize .ui-visualize.unsorted, .small-visualize .ui-visualize.even-unsorted { background-position: -237px -950px; }
.ui-visualize.bio, .ui-visualize.even-bio { background-position: -396px -935px; }
.small-visualize .ui-visualize.bio, .small-visualize .ui-visualize.even-bio { background-position: -347px -950px; }
.ui-visualize.cardboard, .ui-visualize.even-cardboard { background-position: -286px -990px; }
.small-visualize .ui-visualize.cardboard, .small-visualize .ui-visualize.even-cardboard { background-position: -237px -1005px; }
.ui-visualize.paper, .ui-visualize.even-paper { background-position: -396px -990px; }
.small-visualize .ui-visualize.paper, .small-visualize .ui-visualize.even-paper { background-position: -347px -1005px; }
.ui-visualize.glass, .ui-visualize.even-glass { background-position: -66px -1045px; }
.small-visualize .ui-visualize.glass, .small-visualize .ui-visualize.even-glass { background-position: -17px -1060px; }
.ui-visualize.plastics, .ui-visualize.even-plastics { background-position: -176px -1045px; }
.small-visualize .ui-visualize.plastics, .small-visualize .ui-visualize.even-plastics { background-position: -127px -1060px; }
.ui-visualize.metals, .ui-visualize.even-metals { background-position: -286px -1045px; }
.small-visualize .ui-visualize.metals, .small-visualize .ui-visualize.even-metals { background-position: -237px -1060px; }
.extend-bg .ui-visualize.person { background-position: -11px -715px; }
.extend-bg .ui-visualize.even-person { background-position: -66px -715px; }
.extend-bg .small-visualize .ui-visualize.person { background-position: -17px -785px; }
.extend-bg .small-visualize .ui-visualize.even-person { background-position: -72px -785px; }
.extend-bg .ui-visualize.dayplace { background-position: -176px -825px; }
.extend-bg .ui-visualize.day { background-position: -176px -880px; }
.extend-bg .small-day-visualize .ui-visualize.dayplace { width: 19px; height: 24px; background-position: -183px -835px; }
.extend-bg .small-day-visualize .ui-visualize.day { width: 19px; height: 24px; background-position: -183px -890px; }

/* PLAIN ICONS */
.icon.car { background-position: 0px -330px; }
.icon.taxi { background-position: -55px -330px; }
.icon.moped { background-position: -110px -330px; }
.icon.bus { background-position: -165px -330px; }
.icon.metro { background-position: -220px -330px; }
.icon.train { background-position: -275px -330px; }
.icon.bike { background-position: -330px -330px; }
.icon.jet { background-position: -385px -330px; }
.icon.ship { background-position: 0px -385px; }
.extend-bg .icon.meat { background-position: -330px -710px; }
.extend-bg .icon.fish { background-position: -330px -765px; }
.extend-bg .icon.milk { background-position: -385px -710px; }
.extend-bg .icon.cheese { background-position: -385px -765px; }
.extend-bg .icon.egg { background-position: -385px -820px; }
.icon.mixer { background-position: -55px -385px; }
.icon.tv { background-position: -110px -385px; }
.icon.washer { background-position: -165px -385px; }
.icon.armchair { background-position: -220px -385px; }
.icon.book { background-position: -275px -385px; }
.icon.tools { background-position: -330px -385px; }
.icon.curtains { background-position: -385px -385px; }
.icon.teddy { background-position: 0px -435px; }
.icon.pot { background-position: -55px -435px; }
.icon.swimming { background-position: 0px -545px; }
.icon.weightlifting { background-position: -55px -545px; }
.icon.trekking { background-position: -110px -545px; }
.icon.soccer { background-position: -165px -545px; }
.icon.rowboat { background-position: -220px -545px; }
.icon.smallboat { background-position: -275px -545px; }
.icon.motorboat { background-position: -330px -545px; }
.icon.sailboat { background-position: -380px -545px; }
.icon.dogsmall { background-position: 0px -600px; }
.icon.dog { background-position: -55px -600px; }
.icon.catsmall { background-position: -110px -600px; }
.icon.cat { background-position: -165px -600px; }
.icon.rodentsmall { background-position: -220px -600px; }
.icon.rodent { background-position: -275px -600px; }
.icon.birdsmall { background-position: -330px -600px; }
.icon.bird { background-position: -385px -600px; }
.icon.aquariumsmall { background-position: -220px -490px; }
.icon.aquarium { background-position: -275px -490px; }
.extend-bg .icon.alert { background-position: -395px -880px; }
.icon.error-alert { background: url('images/icon-error-alert.gif') no-repeat 13px 5px; width: 55px; height: 30px; }