/*
This is the commented version of the default HotBot cascading style sheet (CSS)
used to control presentation on the site. The comments will provide a line-by-line 
explanation of the style elements used to lay out HotBot and can be deleted or modified 
in any way by you in your attempt to skin the site.

If you need a basic overview of style elements or wonder about specific behavior and browser support,
you can find an overview from the W3C at http:/*www.w3.org/MarkUp/Guide/Style. Alternatively, there are 
number of books out there dealing with the subject. Personally, I recommend Danny Goodman's "Dynamic HTML: 
The Definitive Reference" (O'Reilly, 1998).

If you have any questions or comments, check out http:/*help.lycos.com/hotbot/

/* Basic & Structural */
/* These style elements control the structure of the page and contain a few miscellaneous elements that appear many times */

body {margin:0; background:#fff url("http://ly.lygo.com/ly/hbot/bg/bg_7b.gif") top center; text-align:center;}
/* This sets the margin and the background for the search results pages. */
.main {background:#fff url("http://ly.lygo.com/ly/hbot/bg/bg_7.gif") top center;}
/* .main is a class that does the same specifically for the home page. */
#wrap {position:relative; width:750px; margin-left:auto; margin-right:auto; text-align:left; font:x-small verdana,sans;}
/* #wrap encompasses the content (e.g., search results) and specifies the centering and font size. */
#wrap5 {position:relative; width:750px; margin-left:auto; margin-right:auto; text-align:left; font:xx-small verdana,sans;}
/* #wrap5 is identical to #wrap, but it sizes the font one relative size smaller to deal with an Internet Explorer 5 display issue. */
a, a:visited {color:#33c;}
/* This will be the default color for links, whether unclicked or previously accessed. To set different colors in specific instances, use a class. */
a:hover {color:#f00;}
/* the default hover color for links */
form {margin:0;}
input {font-size: xx-small}
select {font:100% verdana,sans; margin:0 4px 0 0;}
/* defaults for form elements */

/* Search Block */
#s {background:#33c; border:1px solid #33c; padding:10px 15px; color:#fff; margin-right:125px; white-space:nowrap}
/* the div that encompasses the searchbox */
#s a:link, #s a:visited {color:#fff; white-space:nowrap;}
#s a:hover {color:#9f3;}
/* specific link colors within the search area */
input#qb {width:305px; margin-right:10px; font-size:125%;}
/* the input box for search queries; font is a bit bigger to emphasize importance on page */
.sBtn {font:bold 100% verdana,sans; color:#000; background:#9f3; border-width:3px; border-style:solid; border-color:#f00 #900 #900 #f00; margin-right:10px;}
/* the search button. Colors, fonts, and borders can be specified. */
.rBtn {font:bold 100% verdana,sans; color:#000; background:#9f3; border-width:3px; border-style:solid; border-color:#390 #000 #000 #390; width:100px;  margin-right:10px;}
/* the reset button appears on advanced search page and elsewhere */
#c {padding:4px 0px 8px; color:#fff; white-space:nowrap; }
/* this div lies within #s and controls the area where search providers (FAST, Google, etc.) are presented */
#c span, #c a {padding:2px 0;}
/* sets padding for the individual search providers */
#c span.end {float:none;}
/* right border of the #c div */
#c strong {background:#f00; border:2px solid #99f; font-weight:bold; color:#fff; padding:2px 8px; margin-left:2px;}
/* the select search provider receives a different treatment */

/* Announcements */
#aN {position:relative; background:#000; color:#999; padding:5px 8px; margin-left:125px; border:2px solid #00FF00; height: 15px; white-space: nowrap}
/* Announcements appear on the home page and feature news and promotions from HotBot */
#aN .aTxt {color: #0F0; font-size: 11px}
/* announcement text */
#aN a:link, #aN a:visited {color: #CFC}
/* links within announcements text */
.sm {color: #F00}
/* affect the little arrows next to "learn more" */
.sm:link, .sm:visited {font-size: 90%; color: #666; margin-left: 5px}
/* affect the "learn more" link */
.smW:link, .smW:visited {text-decoration: none; color: #666; margin-left: 21px}
/* "close" text and x image */

/* Filter Head */
#fH {background:#9f3; color:#fff; padding:5px 15px; margin-left:125px; border-bottom: 1px solid #999;}
/* the filter head section has links to preferences */
#fH span.img, #fM img {border:0;}
/* removes border from images in filter head and filter block */
#fH span.ttl {color:#390;}
/* .ttl class sets color for the filter head text */
#fH span.pref {margin-left: 200px; color:#390; white-space:nowrap;}
/* sets color and position for the preferences text when there are no filters */
#fH span.pref2 {margin-left: 240px; color:#390; white-space:nowrap;}
/* moves preferences text when there are filters */
#fH a, #fH a:visited {color:#33c;}
#fH a:hover {color:#f00;}
/* sets color for head links */
#fH strong a, #fH strong a:visited, #fH strong {text-decoration:none; color:#000;}
/* sets color head title (within strong tag) */

/* Filter Block */
#fM {background:#efc; padding:0px; margin-left:125px; border:1px solid #9f3; border-bottom-width:0;}
/* #fM controls the overall filter block area */
#fMc {visibility: visible; background:#efc; color:#000; padding:8px 15px; margin-left:125px; border:1px solid #9f3; border-bottom-width:0;}
/* #fMc controls the interior box where the filters display */
#fM td {vertical-align:top; padding:8px 0; border-bottom:1px solid #9f3; font-size:xx-small;}
#fM tr.added {background:#efc;}
#fM table table td {border:0; padding:0; color:#000;}
/* sets column preferences for tables within #fM */
#fM .lbl, #fM .lbla {padding-left:31px; font-weight:bold; width:24%;}
#fM .lbl a {color:#000; text-decoration:none;}
#fM .lbl a:hover {color:#f00;}
/* controls aspects of the filter type text column {language, word filter, etc.) */
#fM .inp a {font:normal 100% arial,sans; color:#36c;}
#fM .inp, #fM .inp a {color:#1d6600; display:table-cell; width:49%;}
#fM .inp {width:74%;}
/* .inp is the middle column where form elements appear */
#fM span.nowrap {white-space:nowrap;}
/* forces text within spans not to wrap */
#fM .inpSum {display:none;}
/* .inpSum is hidden by default; when filters are added, users can toggle between the views */
#fM .rem {padding-right:15px; text-align:right;}
/* the "remove filter" area */
#fM .wn, #fM .wnT {background: #EEE; color: #F00; border-bottom:1px solid #999}
#fM .wnT {color: #000}
/* sets a different appearance for search provider conflicts error messages */
#fM .wnrem {padding-right:15px; text-align:right; background: #EEE; border-bottom:1px solid #999}
/* "remove filter" area for warnings */
#fW {background: #EEE; width: 585px; padding: 3px; color: #F00; margin-bottom: 3px;}
/* filter warnings */

/* Results Block */
#rel {background:#fff; padding:5px 15px; color:#666; border:1px solid #9f3; border-top-color:#390; border-bottom-width:0; margin:0;}
/* the related searches area (not present by default, but can be added on preferences page) */
#r {background:#fff; padding:10px 15px; border:1px solid #390; border-color:#390 #9f3; font-size:130%;}
/* search results div */
#r p {margin:0 0 12px 0;}
/* sets margin for search results */
subt {color:#f00; font-size:85%; margin:4px 0 6px 0;}
.subt span {font-weight:normal; font-size:90%;}
/* the results header text ("Web Results by ...") */
.subt2 {color:#390; font-size:78%; margin:0px 0 6px 0;}
/* the results header text on pages without sponsored search listings */
.dir {margin:0 0 5px 0;}
/* related categories spacing */
#wrap td.res {font-size: small}
#wrap5 td.res {font-size: x-small}
/* controls font size for text in tables (#wrap5 is specifically for IE5) */
.res a {font-weight:bold;}
/* sets results links to bold */
.res a.mRes {font-weight:normal; font-size:85%; color:#36c;}
.res a.mRes:hover {color:#f00;}
/* more results link */
span.sub {font-size:80%; color:#666;}
/* url from site in results */
.sub:link, .sub:visited {font-size: 85%; color: #666}
/* "More results from this site" link in results */
.nxt {color:#999; font-weight:bold; padding:5px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;}
/* previous/next links at bottom of search results */
.nxt2 {color:#999; font-weight:bold; padding:5px 0;}
/* previous/next links on pages without default border */

/* Footer */
#f {background:#fff; border:1px solid #9f3; border-top-width:0; font:100% arial,sans; color:#666; margin-left:125px; padding:5px 13px; white-space:nowrap;} 
/* general footer presentation */
#f a, #f a:visited, #f span {color:#999; margin:0 2px;}
#f a:hover {color:#f00;}
/* links within footer */
#f strong {font-family:verdana,sans;}
/* bold links within footer are verdana instead of Arial */

/* advanced search */
#skm {background:#fff; padding:5px 0px 0px 0px; border-top:1px solid #390; margin-left:125px; }
/* main div presentation elements */
.sk {text-align:left;font:bold medium Arial,verdana,sans; color: #000; padding: 20px;}
/* main title ("Advanced Search:") at top of page */
#wrap5 td.aSu, #wrap5 td.aSug, #wrap5 td.aSun, td.aSuW, #wrap5 select, #wrap5 input {font-size: xx-small}
/* sets font size to address IE5 presentation issue */
td.aSu {background: #efc; border-bottom: 1px solid #999; vertical-align: top; padding:5px;}
/* table column presentation */
td.aSuW {background: #eee; border-bottom: 1px solid #999; vertical-align: top; padding:5px;}
/* table column presentation for warning messages */
td.aSuH {background: #cf9; border-bottom: 1px solid #999; vertical-align: top; padding:5px;}
/* table column presentation when filters are saved */
td.aSu span, td.aSuW span, td.aSuH span {font-family: arial, sans;}
/* sets a different font for instructional text */
td.aSu a {font-family: arial, sans; color:#33c; }
/* add to homepage text */
td.aSu b {display:block; padding:0 10px;}
/* text headers */
.asBtn {font:bold 100% verdana,sans; color:#000; background:#fff; border-width:3px; border-style:solid; border-color:#f00 #900 #900 #f00; margin-right:10px;}
/* search button presentation */
.warn {font-size: 90%; color: #f00;}
/* color for error messages (search results provider conflicts, etc.) */
.ttl {color:#fff}
/* title font color */
.ttl2 {color:#666}
/* sub-title font color */

/* FAQ/What's New */
#wrap .grHd {color: #390; font-weight: bold; font-size:small;}
/* green, bold headings for FAQ, what's new and Style documentation */
#wrap5 .grHd {color: #390; font-weight: bold; font-size:x-small;}
/* green, bold headings for FAQ, what's new and Style documentation on IE5 */