/*----- Jump Styles -----------------------------*/
@import url("/au/search/styles/search_featured.css");

/*----- Global Styles ---------------------------*/
* { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, pre, blockquote, label, fieldset, address { margin:1em 0; }
p, #content p, ul, ol, dl { font-size:11px; margin:0 0 1em 0; }
#globalfooter p, #globalfooter ul { font-size:10px; *font-size:9.5px; }
#globalfooter { font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
fieldset { padding:.5em; }
select option { padding:0 5px; }
.hide { display:none; }
a img { border:none; }
div.clearer { clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; }

/*----- Body Elements ---------------------------*/
body { font-size:11px; line-height:1.3em; color:#333; font-family:"Lucida Grande", Verdana, Arial, sans-serif; }
a { color:#0099cc; }
#container { width:960px; margin:0 auto; position:relative; }
#main { width:960px; margin:0; text-align:left; }
#content { width:718px; margin:0; padding:0; float:left; }
#temp { width:718px; margin:0; padding:0; position:absolute; left:-99999px; }
#sidebar { margin-top:-10px; width:228px; float:right; }
.block { margin:15px 0; }
h1, #main h1 { color:#000; font-weight:normal; font-size:24px; margin:0 0 16px 2px; }
h2, #main h2 { color:#000; font-weight:normal; font-size:18px; margin:10px 0 15px 0; }
a, :focus, :active { outline:none; }
img.left { float:left; margin:2px 10px 5px 0; border:0; }
img.right { float:right; margin:2px 0 5px 10px; border:0; }
img.across { margin:0 0 10px 0; border:0; }


/*----- Search Styles ---------------------------*/
#iframe-itunes { height:1px; width:1px; margin:0 -1px -1px 0; border:none; }
#main h4 { font-size:1em; }
a { color:#2971A7; text-decoration:none; }
a:hover { text-decoration:underline; }
#main ul.buttons { margin:0; padding:0; font-size:11px; }
#main ul.buttons li { margin:3px 2px 0 2px; list-style-type:none; }
#main ul.buttons li a { display:block; height:13px; padding:2px 12px 4px 12px; color:#5c5c5c; text-decoration:none; font-weight:bold; }
#main ul.buttons li.notimplemented { display:block; height:13px; padding:2px 12px 4px 12px; color:#8a8a8a; text-decoration:none; font-weight:bold; cursor:wait; }
#main ul.buttons li a.selected { color:#fff; background:url(/search/images/button_selected.gif) 0 0 no-repeat; }
#main .heading { padding: 4px 10px 2px; line-height:18px; color:#fff; cursor:pointer; background:url(/search/images/headerbg.gif) 0 0 repeat-x; }
#main .heading h3 { font-size:12px; font-weight:normal; margin:0; float:left; width:70%; padding-left:16px; background:url(/search/images/collapse_big.gif) 0 6px no-repeat; }
#main .collapsed h3 { background:url(/search/images/expand_big.gif) 2px 4px no-repeat; }
#main .collapsed {margin-bottom: 10px;}
#main .heading .results { display:block; text-align:right; font-size:11px; }

#main .bar { padding:14px 20px; background:#efefef; margin-bottom:10px; }
#main .bar p { padding:3px 0; margin:0; }
#main .bar form.search { width:200px; float:right; margin:0 10px 0 0; padding:0; height:19px; }
#main .bar form.search .search-wrapper, #main .bar form.search input.prettysearch { width:200px; }
#main .bar form.search .search-wrapper input.prettysearch { width:171px; margin-left:20px; }

#main p.suggestion, #main p.error { color:#000; font-weight:bold; }
#main .suggestion a, #main .error a { color:#3e53a2; }
#loading  { margin:50px auto; width:30px; height:30px; text-indent:-9999px; background:url(/search/images/waitanimation.gif) 0 0 no-repeat; }
.section.loading {background:url(/search/images/waitanimation.gif) center center no-repeat; height: 180px;}

/*----- Results ---------------------------------*/
#main ul.results { clear:both; margin:0 0 9px 0; padding:0; list-style-type:none; }
#main ul.results li { margin:0; padding:4px 16px 8px 16px; border-bottom:1px solid #e8e8e8; clear: left;}
#main ul.results li { display:none; }
#main ul.results li.top-results { display:block; }
#main .show-all ul.results li, #main ul.showall li { display:block; }

/* Nested lists in results should not be styled like results themselves */
#main ul.results ul {list-style-type:disc; padding-left: 16px; margin-top: 12px;}
#main ul.results li ul li, #main .show-all ul.results li ul li { display:list-item; margin: 0; border: none; padding: 0;  clear: left; min-height: 0; }

#main .results img.thumb { width:45px; height:40px; float:left; margin-right:5px;}
#main .results h4 { margin:4px 0 0 0; font-size:1em; }
#main .results .desc { margin-bottom:0; }
#main .results .desc br { display:none; }
#main .results .url { margin:-0.7em 0 4px; }
#main .results .url a { color:#bbb; }

#main .meta { clear:both; padding:0 26px 10px 18px; font-weight:bold; color:#5c5c5c; }
#main .meta a { font-weight:bold; padding-right:18px; background:url(/search/images/arrow_down.gif) 100% top no-repeat; }
#main .meta a:hover { background-position:100% -15px; }
#main .expandedmeta a { background:url(/search/images/arrow_up.gif) 100% top no-repeat; }
#main .expandedmeta a:hover { background-position:100% -15px; }
#main .meta a.previous { padding-left:18px; background:url(/search/images/arrow_left_big.gif) left -43px no-repeat; }
#main .meta a.previous:hover { background-position:left -143px; }
#main .meta a.viewall { display:none; margin-left:8px; background:url(/search/images/arrow_right_big.gif) 100% -43px no-repeat; }
#main .meta a.viewall:hover { background-position:100% -143px; }
#main .expandedmeta a.viewall, #main .expandedmeta a.viewall:hover { display:block; float:right; }
#main .meta a.alwaysshow, #main .expandedmeta a.alwaysshow { display:block; float:right; }

.detailedresults .meta span {display: none;}

#main #results-store .results li {min-height: 45px;}
#main #results-store .heading {margin-bottom: 3px;}
#main #results-store h4, #results-store .desc {margin-left: 50px;}
#main #results-store .desc li {min-height: 0;}
#main #results-store p.meta {margin-left: 0; padding-bottom: 0;}

/*----- Album Results ---------------------------*/
#results-itunes, .ACSliderMaskDiv {width:718px;}
#results-itunes {overflow:hidden; position:relative; clear:left;}
#results-itunes .meta {margin-top: 3em; height: 1.3em;}

.albumresults {margin: 22px 0; padding:0; list-style-type:none; width:5000px;}
.ACSliderMaskDiv.tvshows .albumresults {margin-top: 8px;}

.albumresults li {margin:0 16px; padding:7px 0; width:147px; float:left; text-align:center;}

.ACSliderMaskDiv, .albumresults { clear: left; height: 12em;}
.collapsed .ACSliderMaskDiv, .collapsed .albumresults {height: 0;}

.albumresults .album img {display:block; width:54px; height:54px; margin:0 auto; padding:0 1px 4px 1px; background:url(/search/images/itunes_album_thumbbg.gif) center bottom no-repeat; }
.movies .album img { width:40px; height:60px; background-image:url(/search/images/movies_shadow.png);}
.tvshows .album img { width:80px; height:80px; background-image:url(/search/images/tvshows_shadow.png);}

.ACSliderMaskDiv {position: relative;}
.ACSliderPreviousArrow, .ACSliderNextArrow {position: absolute; display: block; overflow: hidden; text-indent: -9999px; width: 12px; height: 100px; top: 12px; background: none no-repeat;}

.ACSliderPreviousArrow {left: 0; background-image: url(/search/images/arrow_left_big.png);}
.ACSliderNextArrow {right: 0; background-image: url(/search/images/arrow_right_big.png);}

.ACSliderPreviousArrow:hover, .ACSliderNextArrow:hover {background-position: 0 -100px; cursor: pointer;}

.ACSliderPageNav {overflow: auto; width: 48px; margin: 4px auto 0;}
.ACSliderPageNav li {float:left; display: block; margin: 0 2px;}
.ACSliderPageNav li a {text-indent: -9999px; overflow: hidden; display: block; width: 7px; height: 7px; background: url('/search/images/itunes_nav.gif') 0 -14px no-repeat;}
.ACSliderPageNav li a:hover {cursor: pointer; background-position: 0 -7px;}
.ACSliderPageNav li a.active {background-position: 0 0;}
.ACSliderPageNav li a.active:hover {cursor: default;}

.subcategories {color: #ddd; margin-top: 10px; padding-bottom: 10px; overflow: auto;}
#main ul.subcategories {margin-bottom: 0;}
.subcategories li {float: left; width: 119px; text-align: center; margin: 0;}
.subcategories .available {color: #000;}
.subcategories .active {font-weight: bold;}
.subcategories .available:hover {cursor: pointer;}

#its-preview-movie {position: absolute;}

#main .ACSliderMaskDiv .albumresults {position: absolute;}

/*----- Sidebars --------------------------------*/
#main .module { background:#fff; border:1px solid #d8d8d8; margin:10px 0 15px 0; padding:15px 10px 13px 10px; overflow:hidden; }
#main .modulealt { background:#efefef; border:none; padding-right:8px; padding-bottom:15px; padding-left:8px; }
#main .module h3 { margin:15px 0 0 0; padding-left:12px; font-size:1em; color:#000; cursor:pointer; background:url(/search/images/collapse.gif) 0 6px no-repeat; font-weight:bold; }
#tips #main .module h3 { background-position:0 5px; }
#main .module h3:hover { color:#444; }
#main .module h3.collapsed { background:url(/search/images/expand.gif) 2px 4px no-repeat; }
#tips #main .module h3.collapsed { background-position:2px 3px; }
#main .module h3.first { margin-top:0; }
#main .module h3#searchtips { background:none; }
#main .module h3#searchtips a { color:#000; padding-right:12px; background:url(/search/images/expand.gif) right 3px no-repeat; }
#main .module h3#searchtips a:hover { color:#444; text-decoration:none; }
#main .module ul { margin:3px 2px; padding:0; list-style-type:none; }
#main .module ul a { color:#666; font-weight:bold; text-decoration:none; }
#main .module ul a:hover { text-decoration:underline; }
#main .module ul.buttons a:hover { text-decoration:none; }
#main .module li, #main .module dd { margin-left:5%; }
#main .module p.clear-searches { margin-top:.2em; margin-bottom:0; }
#main .module p.clear-searches a#clear-searches { color:#b4b4b4; }
#main .module p { margin:0 0 0 12px; }
#main .module p a { font-weight:bold; }
