/* Backgrounds & Background-Related Spacing */
body { background: #000 url(/images/bigbg.jpg) top center no-repeat; }
.container { background: url(../img/bg_container.png) no-repeat; }
.homecontainer { background: url(../img/bg_container.jpg) no-repeat; }
.homecontent { background: url(../img/bg_home_bottom.jpg) bottom left no-repeat; }
.container_small { background: url(../img/bg_container_small.png) top left no-repeat; }
.nav { background: url(../img/bg_nav.gif) no-repeat; }
.nav .active { background: url(../img/bg_navslide.gif) top right no-repeat; padding-left: 0 !important; }
.nav .active a { background: url(../img/bg_navcap.gif) 0px 1px no-repeat; padding-right: 6px; display: block; position: relative; top: -1px; padding-top: 3px; }
.orderinfo { background: url(../img/image_tour.jpg) no-repeat; padding: 10px 0 10px 314px; }
.orderbox { background: url(../img/bg_orderinfo.png); width: 255px; padding: 1px 3px; margin-bottom: 8px; }
.tourcity { background: url(../img/bg_tourcity.gif) no-repeat; padding: 10px 0 10px 20px; }
.calendar { background: url(../img/bg_calendar.jpg) no-repeat; padding: 15px 18px; }
.calendar table { background: url(../img/bg_calbox.png) 0 23px no-repeat; }
.calendar table .calrow td { background: url(../img/bg_calsep.gif) 100% 6px no-repeat; }
.calendar table .calrow .last { background: none; }
.calendar .schedule span { background: url(../img/bg_scheduleSend.gif) no-repeat 1px 4px; }
.calendarcontrols { background: url(../img/bg_gradientBox.gif) bottom left no-repeat; }
.calendarcontrolsContent { background: url(../img/bg_gradientBoxTop.gif) no-repeat; }
.sliderbox { background: url(../img/bg_aboutplate.gif) no-repeat; overflow: hidden; width: 100%; height: 122px; padding-top: 6px; }
.slider_toggle { float: left; display: inline; height: 100%; padding-top: 10px; cursor: pointer; }
.schedulePop { background: url(../img/bg_prompt.gif) no-repeat; }

#whatisblueman { width: 100px; background: url(../img/bg_slidetoggle2.png) no-repeat; }
#aboutblueman { width: 116px; background: url(../img/bg_slidetoggle.png) no-repeat; }
#audiencereviews { width: 100px; background: url(../img/bg_slidetoggle2.png) no-repeat; }
#acronym { width: 100px; background: url(../img/bg_slidetoggle2.png) no-repeat; }
#downloads { width: 116px; background: url(../img/bg_slidetoggle_125.png) no-repeat; }
#createyourown { width: 100px; background: url(../img/bg_slidetoggle2.png) no-repeat; }
#video { width: 80px; background: url(../img/bg_slidetoggle_90.png) no-repeat; overflow: hidden;}
#music { width: 80px; background: url(../img/bg_slidetoggle_90.png) no-repeat; overflow: hidden;}
#instruments { width: 140px; background: url(../img/bg_slidetoggle_145.png) top left no-repeat; overflow: hidden; }
#roof_dwellers { width: 100px; background: url(../img/bg_slidetoggle2.png) no-repeat; overflow: hidden;}
#email_lists { width: 115px; background: url(../img/bg_slidetoggle_125.png) no-repeat; overflow: hidden;}
#contests { width: 100px; background: url(../img/bg_slidetoggle2.png) no-repeat; overflow: hidden;}
#news { width: 80px; background: url(../img/bg_slidetoggle_90.png) no-repeat; overflow: hidden;}
#featured_articles, #facebook_updates { width: 100px; background: url(../img/bg_slidetoggle_110.png) no-repeat; overflow: hidden;}
#press_services { width: 100px; background: url(../img/bg_slidetoggle_110.png) no-repeat; overflow: hidden;}

.slideritem { display: inline; float: left; height: 118px; overflow: hidden; padding-top: 20px; }
.slideritem p { width: 105px; padding-left: 108px; margin-left: 8px; background: url(../img/image_whatisblueman.jpg) no-repeat; min-height: 100px; height: auto !important; height: 100px; }
.nobg p { background-image: none; width: 210px; margin-left: 8px; padding-left: 0px;padding-right: 5px;; min-height: 100px; height: auto !important; height: 100px; }
.slideimg { float: left; margin-right: 6px; }
.blockquote { background: url(../img/bg_blockquote.gif) no-repeat; margin: 0 17px 5px 10px; }
.blockquote p span { margin-bottom: -10px; }
.blockquote .bottom { background: url(../img/bg_blockquoteBtm.gif) bottom no-repeat; height: 8px; line-height: 0; font-size: 1px; width: 207px; }
.hilighted { background: url(../img/bg_hilight.jpg) no-repeat; padding: 10px 24px 10px 120px; }
.hilighted h2 { margin-bottom: 0; }
.level3 ol li { background: url(../img/bg_ol.gif) no-repeat; padding: 2px 0 4px 5px; list-style-position: inside; }
.level3 ul li { background: url(../img/bg_bullet.gif) 0px 6px no-repeat; list-style-type: none; padding: 2px 0 4px 10px; margin-left: 4px; font-size:12px; }
.timeline { background: url(../img/bg_fullBox.gif) bottom left no-repeat; }
.timeline_top { background: url(../img/bg_fullBoxTop.gif) no-repeat; }
.popover { background: url(../img/bg_popover.gif) bottom no-repeat; }
.popoverTop { background: url(../img/bg_popoverTop.gif) no-repeat; height: 11px; line-height: 0; font-size: 1px; position: relative; top: -5px; }
.groupinfo,
.reasonsAccord { background: url(../img/bg_fullBox.gif) bottom left no-repeat; }
.groupinfo .groupinfoContent,
.reasonsAccord .reasonsAccordContent { background: url(../img/bg_fullBoxTop.gif) no-repeat; }
.reasonsAccord .accordion_toggle { background: url(../img/bg_accordianTitle.gif) repeat-x; }
.reasonsAccord .accordion_content { background: url(../img/bg_gridFull.gif) repeat-y; }

.career_toggle { float: left; display: inline; height: 100%; padding: 50px 10px 10px; cursor: pointer; background: url(../img/bg_slidetoggle2.png) no-repeat; width: 100px; }
#jobsTitle h2 { width: 43px; height: 20px; position: relative; }
#jobsTitle h2 span { width: 100%; height: 100%; background: url(../img/title_jobs.gif) no-repeat; position: absolute; }
#careersTitle h2 { width: 69px; height: 19px; position: relative; }
#careersTitle h2 span { height: 100%; width: 100%; background: url(../img/title_casting.gif) no-repeat; position: absolute; }

.txtinput,
select { background: url(../img/bg_contact_form.jpg) bottom repeat-x #000; }
.txtarea { background: url(../img/bg_contact_form.jpg) bottom repeat-x #000; }

.dvdBox { background: url(../img/bg_dvds.gif) no-repeat; padding: 23px 5px 20px 15px; height: 240px; height: hidden; }
.dvdBox ul li { padding: 0; margin: 0; cursor: pointer; }
.songList { background: url(../img/title_songList.gif) no-repeat; padding-top: 20px; zoom: 1; }
.songlistA { background: url(../img/title_sideA.gif) no-repeat; padding-top: 20px; zoom: 1; }
.songlistB { background: url(../img/title_sideB.gif) no-repeat; padding-top: 20px; zoom: 1; }
.dvdListH { background: url(../img/dvd_list.gif) no-repeat !important; padding-top: 20px; zoom: 1; }
.cdListH { background: url(../img/cd_list.gif) no-repeat !important; padding-top: 20px; zoom: 1; }
.dvdFeatures { background: url(../img/title_dvdFeatures.gif) no-repeat; padding-top: 20px; zoom: 1; }
.errormessage { background: url(../img/404.jpg) no-repeat top right; height: 255px; padding-right: 240px; }

/* Title / Image Replacements */
#whatisblueman h2 { width: 87px; height: 60px; position: relative; top: 12px; text-align: left; }
#whatisblueman h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/title_whatisblueman.gif) no-repeat; }

#aboutblueman h2 { width: 104px; height: 60px; position: relative; top: 12px; text-align: left; }
#aboutblueman h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/title_blueinfluence.gif) no-repeat; }

#audiencereviews h2 { width: 87px; height: 60px; position: relative; top: 12px; text-align: left; }
#audiencereviews h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/title_bluefaq.gif) no-repeat; }

#acronym h2 { width: 87px; height: 67px; position: relative; top: 12px; text-align: left; }
#acronym h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/bg_acronym.gif) no-repeat; }

#downloads h2 { width: 110px; height: 67px; position: relative; top: 12px; text-align: left; }
#downloads h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/bg_downloads.gif) no-repeat; }

#createyourown h2 { width: 97px; height: 67px; position: relative; top: 12px; text-align: left; }
#createyourown h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/bg_create.gif) no-repeat; }

#video h2 { width: 97px; height: 67px; position: relative; top: 37px; text-align: left;margin-left: 3px; }
#video h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/bg_video.gif) no-repeat; }

#music h2 { width: 97px; height: 67px; position: relative; top: 37px; text-align: left;margin-left: 3px; }
#music h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/bg_music.gif) no-repeat; }

#instruments h2 { width: 120px; height: 67px; position: relative; top: 12px; text-align: left; }
#instruments h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/bg_instrument.gif) no-repeat; }

#roof_dwellers h2 { width: 88px; height: 43px; position: relative; top: 22px; text-align: left; }
#roof_dwellers h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/title_roof_dwellers.gif) no-repeat; }

#email_lists h2 { width: 97px; height: 18px; position: relative; top: 35px; text-align: left;margin-left: 3px; }
#email_lists h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/title_email_lists.gif) no-repeat; }

#contests h2 { width: 83px; height: 18px; position: relative; top: 35px; text-align: left; }
#contests h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/title_contests.gif) no-repeat; }

#selectArt a { display: block; width: 291px; height: 48px; position: relative; border-bottom: none; }
#selectArt a span { width: 100%; height: 100%; position: absolute; background: url(../img/button_influenceArt.png) no-repeat; }
#selectArt a:hover span { background-position: bottom left; }

#selectMusic a { display: block; width: 285px; height: 48px; position: relative; border-bottom: none; }
#selectMusic a span { width: 100%; height: 100%; position: absolute; background: url(../img/button_influenceMusic.png) no-repeat; }
#selectMusic a:hover span { background-position: bottom left; }

#news h2 { width: 97px; height: 67px; position: relative; top: 37px; text-align: left;margin-left: 3px; }
#news h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/bg_news.gif) no-repeat; }

#featured_articles h2, #facebook_updates h2 { width: 97px; height: 67px; position: relative; top: 27px; text-align: left;margin-left: 3px; }
#featured_articles h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/bg_featured_articles.gif) no-repeat; }
#facebook_updates h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/slider_facebook_updates.gif) no-repeat; }

#press_services h2 { width: 97px; height: 67px; position: relative; top: 27px; text-align: left;margin-left: 3px; }
#press_services h2 span { width: 100%; height: 100%; position: absolute; background: url(../img/bg_press_services.gif) no-repeat; }

.instrumentList li a { width: 107px; height: 106px; position: relative; display: block; }
.instrumentList li a span { width: 100%; height: 100%; position: absolute; }
.instrumentList li a:hover span { background-position: bottom left !important; }
#insStrings a span { background: url(../img/button_strings.jpg) no-repeat; }
#insDrums a span { background: url(../img/button_drums.jpg) no-repeat; }
#insAirpoles a span { background: url(../img/button_airpoles.jpg) no-repeat; }
#insTubes a span { background: url(../img/button_tubes.jpg) no-repeat; }
#insMisc a span { background: url(../img/button_misc.jpg) no-repeat; }

#dvdTitle { height: 57px; margin:0px 0px -9px 0px; width: 188px; overflow: hidden; position: relative; top: -10px; }

#toggleAudio a { height: 194px; width: 109px; position: relative; margin-left: 1px; display: block; }
#toggleAudio a span { height: 100%; width: 100%; position: absolute; background: url(../img/button_audio.gif) no-repeat; }
#toggleAudio a:hover span { background-position: bottom left !important; }

#toggleComplexRock a { height: 195px; width: 116px; position: relative; margin-right: 15px; display: block; }
#toggleComplexRock a span { height: 100%; width: 100%; position: absolute; background: url(../img/button_complexRock.gif) no-repeat; top: -1px; }
#toggleComplexRock a:hover span { background-position: bottom left !important; }

#toggleComplex a { height: 195px; width: 130px; position: relative; display: block; }
#toggleComplex a span { height: 100%; width: 100%; position: absolute; background: url(../img/button_complex.gif) no-repeat; }
#toggleComplex a:hover span { background-position: bottom left !important; }

#toggleCantaConmigo a { height: 195px; width: 130px; position: relative; display: block; }
#toggleCantaConmigo a span { height: 100%; width: 100%; position: absolute; background: url(../img/button_cantaConmigo.gif) no-repeat; }
#toggleCantaConmigo a:hover span { background-position: bottom left !important; }

/* Classes */
.bottomBG { background-position: bottom left !important; }
.bottomBG a span { background-position: bottom left !important; display: block !important; height: 48px; }

/* Overrides */
.landCal { padding: 15px 5px 15px 18px; }