/* Header with logo submenu search and tabs */ /* extension to _site.css */ body { text-align: center; } #site div.sprayHeader { margin: 0px auto; padding: 0px; background: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/bg_header.jpg?_v=0) #fff no-repeat; border-bottom: 2px solid #fff; width:761px; height: 105px; } #site div.sprayHeader div.logo { width: 166px; height: 42px; float: left; text-align: left } #site div.sprayHeader div.logo img {margin-top: 18px;margin-left: 10px} #site div.sprayHeader div.sub_menu { margin: 0px; margin-left: 192px; padding: 0px; width: 566px } #site div.sprayHeader div.sub_menu div {display: inline} #site div.sprayHeader div.sub_menu div.right span.white {color: #fff;margin-right: 5px} #site div.sprayHeader div.sub_menu div a {color: #484848;line-height: 23px;margin-right: 5px} /*------------------------------------------------------------------------------------------------------------------------- * Search */ #site div.sprayHeader div.search_line { float: right; width: 571px; height: 42px; margin: 14px 0px 3px 0px } #site div.sprayHeader div.search_line div.top {height: 25px} #site div.sprayHeader div.search_line div.search_form form {margin: 0px;height: 20px} #site div.sprayHeader div.search_line div.search_form form div label { float:left; color: #ababab; font-family: Arial, Helvetica, sans-serif; font-size: 21px; line-height: 20px } /* CSS for eniro personer 2 fields */ #site div.sprayHeader div.search_line div.search_form form #two-fields { position:absolute;display:none; } #site div.sprayHeader div.search_line div.search_form form #two-fields div.container { position:relative;left:44px;background:url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/bg_search_two-fields.jpg?_v=0);width:466px;height:25px; } #site div.sprayHeader div.search_line div.search_form form #two-fields div.container input.query_string.two-fields { margin:2px 0 0 5px;padding-left:3px;border:0;width:233px;font:11px tahoma;color:#777; } #site div.sprayHeader div.search_line div.search_form form #two-fields div.container input.query_string.two-fields.second { margin-left:8px;width:207px; } /* k�p och s�lj - dropdown */ #eniro_kopsalj_container { position:absolute;top:0px;left:246px;display:none;z-index:2; } #eniro_kopsalj { width:208px;height:18px;background: transparent url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/eniro_dropdown-container.gif?_v=0) 0 0; padding: 3px 0 0 6px; overflow:hidden; cursor: pointer; color: #777; } #eniro_kopsalj:hover { background: transparent url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/eniro_dropdown-container.gif?_v=0) -214px 0; } #eniro_dropdown { width:197px;height:355px;background:url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/eniro_dropdown.gif?_v=0);margin-top:-1px; display:none; position:absolute; background-position:bottom left; } #eniro_dropdown div.dropdown { width:191px; height: 16px; margin-left:3px; text-indent:3px; cursor: pointer; color: #777;} #eniro_dropdown div.dropdown:hover { background: #ededed; } #site div.sprayHeader div.search_line div.search_form form div input.query_string { float:left; margin-left: 18px; margin-top: 3px; width: 445px; background-color: transparent; border: 0px none #BCBCBC; font-size: 11px; color: #333333; padding-top:1px; font-family: tahoma,sans-serif; font-size: 11px; } #site div.sprayHeader div.search_line div.search_form form div input.submit_button { float:left; height: 20px; margin-left: 15px } #site div.sprayHeader div.search_line div.search_form form div.search_options { float: right; margin-right:67px; height: 15px; display: inline; font-size: 9px; width: 457px; } #site div.sprayHeader div.search_line div.search_form form div.search_options div { float:left; color: #686868; line-height: 15px; text-decoration:none; outline:none; cursor:pointer; } #site div.sprayHeader div.search_line div.tab.sweden { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_sweden.gif?_v=0);width:43px; } #site div.sprayHeader div.search_line div.tab.web { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_web.gif?_v=0);width:46px; } #site div.sprayHeader div.search_line div.tab.spray { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_spray.gif?_v=0);width:47px; } #site div.sprayHeader div.search_line div.tab.images { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_images.gif?_v=0);width:32px; } #site div.sprayHeader div.search_line div.tab.yellow { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_yellow.gif?_v=0);width:65px; } #site div.sprayHeader div.search_line div.tab.buysell { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_buysell.gif?_v=0);width:54px; } #site div.sprayHeader div.search_line div.tab.shopping { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_shopping.gif?_v=0);width:51px; } #site div.sprayHeader div.search_line div.tab.people { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_people.gif?_v=0);width:47px; } #site div.sprayHeader div.search_line div.tab.job { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_job.gif?_v=0);width:31px; } #site div.sprayHeader div.search_line div.tab.news { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_news.gif?_v=0);width:43px; } #site div.sprayHeader div.search_line div.tab.maps { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_eniro_maps.gif?_v=0);width:35px; } #site div.sprayHeader div.search_line div.tab.iq { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_iq.gif?_v=0);width:19px; } #site div.sprayHeader div.search_line div.tab.swedenactive { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_sweden_active.gif?_v=0);width:43px; } #site div.sprayHeader div.search_line div.tab.webactive { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_web_active.gif?_v=0);width:46px; } #site div.sprayHeader div.search_line div.tab.sprayactive { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_spray_active.gif?_v=0);width:47px; } #site div.sprayHeader div.search_line div.tab.imagesactive { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_images_active.gif?_v=0);width:32px; } #site div.sprayHeader div.search_line div.tab.yellowactive { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_yellow_active.gif?_v=0);width:65px; } #site div.sprayHeader div.search_line div.tab.buysellactive { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_buysell_active.gif?_v=0);width:54px; } #site div.sprayHeader div.search_line div.tab.shoppingactive { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_shopping_active.gif?_v=0);width:51px; } #site div.sprayHeader div.search_line div.tab.peopleactive { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_people_active.gif?_v=0);width:47px; } #site div.sprayHeader div.search_line div.tab.jobactive { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_job_active.gif?_v=0);width:31px; } #site div.sprayHeader div.search_line div.tab.newsactive { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_news_active.gif?_v=0);width:43px; } #site div.sprayHeader div.search_line div.tab.mapsactive { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/search_eniro_maps_active.gif?_v=0);width:35px; } #site div.sprayHeader div.search_line div.tab.iqactive { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/search_iq_active.gif?_v=0);width:19px; } /*------------------------------------------------------------------------------------------------------------------------- * Tab-navigation */ #site div.sprayHeader div.tabs {margin: 0px;padding: 0px;clear: both;width: 761px} #site div.sprayHeader div.tabs img {float: left} #site div.sprayHeader div.tabs div a {margin: 0px;padding: 0px;width: 80px;color: #ddd;} #site div.sprayHeader div.tabs div { margin: 0px; padding: 0px; float: left; height: 23px; background-color: transparent; line-height: 23px; text-align: center; width: 109px } #site div.sprayHeader div.tabs div.right { width: 107px } #site div.sprayHeader div.tabs div a { width: 100%; font-weight: bold; display: block; background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/bg_tab_center.gif?_v=0); background-repeat: no-repeat } #site div.sprayHeader div.tabs div a:hover { color: #fff; text-decoration: none; background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/bg_tab_center_hover.gif?_v=0) } #site div.sprayHeader div.tabs div a.active, #site div.sprayHeader div.tabs div a:hover.active { color: #eee; background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/bg_tab_center_active.gif?_v=0) } #site div.sprayHeader div.tabs div.left a { width: 109px; background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/bg_tab_left.gif?_v=0); background-repeat: no-repeat } #site div.sprayHeader div.tabs div.left a:hover { background: url(/style/spray.se/_res.framework/img/bg_tab_left_hover.gif", isSecure)%>) } #site div.sprayHeader div.tabs div.left a.active, #site div.sprayHeader div.tabs div.left a:hover.active { background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/bg_tab_left_active.gif?_v=0) } #site div.sprayHeader div.tabs div.right a { width: 107px; background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/bg_tab_right.gif?_v=0); background-repeat: no-repeat } #site div.sprayHeader div.tabs div.right a:hover { background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/bg_tab_right_hover.gif?_v=0) } #site div.sprayHeader div.tabs div.right a.active, #site div.sprayHeader div.tabs div.right a:hover.active { width: 107px; background-image: url(http://i1.midasplayer.com/style/spray.se/_res.framework/img/bg_tab_right_active.gif?_v=0) } /* No tabs */ #site div.header.no_tabs { height: 85px; } /*------------------------------------------------------------------------------------------------------------------------- * Footer */ #site div.footer { margin: auto; background-image: url(http://i2.midasplayer.com/style/spray.se/_res.framework/img/bg_footer.jpg?_v=0); background-repeat: no-repeat; width:771px; height: 52px; font-size: 9px } #site div.footer p { color: #888888; width: 550px;line-height: 14px; padding: 12px 5px 0px 15px; float: left; margin-top:0px; } #site div.footer p a {color: #888888;margin-left: 5px} #site div.footer div.copyright { margin: 0; color: #b6b6b6; line-height: 14px; padding: 12px 15px 0px 0px; text-align: right; float: right }