/* html */
* { margin:0; padding:0; }

/* global */
div.clear { clear:both; }

/* search field used on both pages */
div#fieldAndButton { position:relative; width:500px; height:36px; background-color:#DDD; }
div#fieldAndButton input { padding:10px; width:290px; border:none; background-color:#DDD;  }
div#fieldAndButton div#buttonCategoryFields { position:absolute; left:290px; top:0; width:128px; border-left:1px solid #FFF; border-right:1px solid #FFF;  }
div#fieldAndButton div#buttonCategoryFields a { display:block; width:128px; height:36px; line-height:36px; text-align:center; background:#999 url(../images/ui/category-dropdown-arrow.png) no-repeat right center;  }
div#fieldAndButton div#buttonCategoryFields a:hover { background-color:#AAAAAA;}
div#fieldAndButton div#categoryDropdown { display:none; position:absolute; z-index:10000; left:291px; top:36px; width:126px; padding:5px 0; border:1px solid #999; background-color:#FFF; }
div#fieldAndButton div#categoryDropdown li { list-style:none; padding:5px 0; }
div#fieldAndButton div#categoryDropdown li a { display:block; width:126px; text-align:center; }
div#fieldAndButton div#buttonSearch { position:absolute; right:0; top:0; }
div#fieldAndButton div#buttonSearch a { display:block; width:80px; height:36px; line-height:36px; text-align:center; background-color:#333; }
div#fieldAndButton div#buttonSearch a:hover { background-color:#666; }

/* search options used on both pages */
div#searchOptions { position:relative; width:500px; padding-top:10px; }
div#searchOptions div#showImages { position:absolute; left:0; }
div#searchOptions div#location { position:absolute; left:110px; }

/* locations popup */
div#locationsPopup { display:none; position:absolute; z-index:100; top:100px; width:678px; padding:10px; border:1px solid #999; background-color:#FFF; }
div#locationsPopup  h5 { clear:both; padding-bottom:10px; }
div#locationsPopup div.loc { float:left; width:103px; padding:0 10px 10px 0; }
div#locationsPopup div.hrule { clear:both; height:11px; border:none; border-collapse:collapse; background:url(../images/ui/hr.gif) repeat-x top left; padding:0px; margin:0px; }
div#locationsPopup div.hrule hr { display:none; }
div#locationsPopup div.buttonClose { position:absolute; top:-1px; right:-39px; }
div#locationsPopup div.buttonClose a { display:block; padding:12px 0; width:39px; text-align:center; background-color:#999; }
div#locationsPopup div.buttonClose a:hover { background-color:#AAAAAA;}

/* search page */
div#searchOutterContainer { position:absolute; left:50%; top:50%; }
div#searchOutterContainer div#searchInnerContainer { position:absolute; left:-250px; top:-120px; width:500px; }
div#searchOutterContainer div#searchInnerContainer h1 { width:500px; text-align:center; padding-bottom:5px; }
div#searchOutterContainer div#searchInnerContainer p#includeImages { width:290px; text-align:center; padding:4px 0 10px 0; }
div#searchOutterContainer div#searchInnerContainer div#loader { display:none; padding-top:40px; }
div#searchOutterContainer div#searchInnerContainer div#loader img { display:block; padding-bottom:5px; }
div#searchOutterContainer div#searchInnerContainer div#statusMessage { padding-top:40px; text-align:center; }
div#searchOutterContainer div#searchInnerContainer div#locationsPopup { left:-100px }

/* results page */
div#results { position:relative; padding:10px; margin-top:110px; }

/* result item */
div#results div#includeImages { position:absolute; top:47px; left:400px; }
div#results div.result { padding:10px 0; border-bottom:1px solid #DDDDDD; }
div#results div.result div.thumbnail { float:left; width:110px; }
div#results div.result div.thumbnail img { width:100px; border:none; } 
div#results div.result div.content p.meta { display:block; }
div#results div.result div.content h4 a { padding-right:15px; background:url(../images/ui/open-in-new-window-icon.png) no-repeat center right; }

/* results header */
div#rHeader { position:fixed; z-index:10; top:0; left:0; width:100%; padding:10px 10px 0 10px; height:111px; background-color:#CCC; }
div#rHeader div#buttonCategoryFields { border-left:1px solid #CCC; border-right:1px solid #CCC; }
div#rHeader div#locationsPopup { left:10px; }
div#rHeader div#resultsFound { position:absolute; z-index:10; top:100px; }

/* disclaimer on home page */
div#disclaimerContainer { position:absolute; z-index:10; top:5px; right:10px; }

/* disclaimer on results page */
div#rHeader div#disclaimerContainer { position:absolute; z-index:10; top:5px; right:30px; }

/* ad */
div.ad { margin:10px 0 0 0; padding:5px 0; background-color:#EEEEEE; }