@charset "UTF-8"; /* ------------------------------------------------------------------------- * * style sheet for balispirit.com * * ------------------------------------------------------------------------- */ /* elements */ /* anchor settings; underline on hover only * Exceptions: NavBar classes */ a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: none; } /* a demo */ a.aToTop { display: block; width: 20px; height: 20px; clear: right; float: right; background-image: url(images/back_top.gif); } hr.hrStdRule { clear: both; color: #00adcf; } body /* made to match class h2, which is deprecated */ { color: #333; font-size: 9pt; font-weight: normal; margin: 0px; background-color: White; font-family: Tahoma, sans-serif; /* needs goosing */ /* line-height: 20px; causing wide-spread grief */ } h1, h2, h3 { font-weight: bold; } table { font-weight: normal; } div { /* this may cause problems; masks table's classes when
used in a cell */ font-weight: normal; /* especially this!*/ }/* may yet remove this */ /* ------------------------------------------------------------------------- */ /* classes */ /* a bunch of table classes for centralizing attributes of the tables that layout pages */ .tblMainWnd /* main table just inside tag; nowhere else */ { width: 1000px; height: 100%; /* this does not appear to affect files! */ /* As a workaround, use: class="tblMainWnd" style="height: 100%;" */ border: 0px; /* example: could do subtle version of this w/tdRightBorder made to do empty full-right margin border-right: 1px; border-right-style: solid; border-right-color: red; */ } .trBSlogo {} /* stub */ .tdBSlogo { text-align: center; vertical-align: middle; width: 170px; background-color: #673694; border-right: 1px solid #62479e; padding: 1em 0; } .iBSlogo { border: 0px; } .trMainTopImgs /* 2nd row in tblMainWnd */ { /*height: 103px;*/ /* this is 99px + 0px + 4px below... */ height: 1px;/*gnu*/ margin-top: 0px; margin-bottom: 4px; background-image: none; } .tdMainTopImgs { /* vertical-align: top; whoa; exceptions */ background-color: #4672b8; } .tblTopImgs { border: 0px; width: 100%; background-color: #707abf; } .trTopImgs {} /* stub */ .tdTopImg { vertical-align: middle; text-align: center; padding: 0px; } .iTopImg { border: 1px solid #62479e; } .divWisdom /* this is (some of) the various other "wisdom" boxes scattered about; sometimes inside another box */ { margin-top: 0px; margin-left: 0px; padding: 6px 0px 6px 6px; background-color: #e1d1ff; border-style: solid; border-color: rgb(127, 127, 127); border-width: 1px 2px 2px 1px; border-bottom-style: groove; border-right-style: groove; /* color: #7e2b97; need a paler-purple */ font-size: 9pt; text-align: left; line-height: 18px; } .trMenuBar { height: 22px; } .tdMenuBar { /* background-color: #1d2fb2;*/ background-color: #7e68b0; } .tblMenuBar /* menu bar table just below top-tier image row; nowhere else */ { width: 100%; /* we do *not* specify height: 100%; here because we always want table to collapse tight to menu */ border: 0px; } .tdMenuLeader { width: 120px; /* this cell is the padding to the left of the menu items, not empty on main page */ font-size: 12px; padding-left:5px; color: #ffdf7e; } .tdMenuItems { color: White; /* this cell contains the actual menu items; color should match aMenu ('|'s) */ font-size: 9pt; text-align: center; } .aMenu /* for regular MenuBar items; white */ { color: #e3d6ea; font-size: 9pt; font-weight: bold; padding: 0px 4px 0px 4px; } .aMenu:hover { color: #84b5e0; text-decoration: none; } .aFlyMenu /* for Flyer MenuBar items; white */ { color: White; font-size: 9pt; } .aNewsMenu /* for Newsletter MenuBar items; white */ { color: White; font-size: 9pt; } .trCopyBar { height: 22px; } .tdCopyBar { background-color: #1d2fb2; } .tblCopyBar /* copyright bar table, last row; nowhere else */ { width: 100%; /* we do *not* specify height: 100%; here because we always want other rows to stretch */ border: 0px; padding: 2px 2em 2px 2em; } .bugHolistic /* for the holistic branding in the CopyBar */ { color: #e3d6ea; font-size: 9pt; font-weight: bold; font-style: italic; /* playful */ } .bugCopyright { color: #e3d6ea; font-size: 9pt; font-weight: bold; } .tdTallWnd { /* if reverted to default-white, be sure to adjust iNoTrans to 'none'*/ background-color: #f3f3f3; vertical-align: top; } .tblTallWnd /* tall table just below menu thru bottom of page; nowhere else */ { /* this window includes the nav column, page contents, any ad column and the right border */ width: 100%; height: 100%; /* required to ensure we reach the page bottom */ border: 0px; /* example: could do subtle version of this w/tdRightBorder made to do empty full-right margin border-right: 1px; border-right-style: solid; border-right-color: red; */ } /* tblFullPage, tblLRmargPageInt, tblPageInterior and the marg classes may all merge into one table class */ /* idea is that the class would have its own margin settings and the nested tables and cells would go */ /* call it: tblPageContent */ .tblFullPage /* full page table just below menu and to the right of the Nav Column; nowhere else */ { /* this window includes the page margins and interior contents */ width: 100%; height: 100%; /* required to get vrules to extend to the bottom */ border: 0px; background-color: White; } /* all of these inner margin cells are looking like good candidates for refactoring into padding settings for inner tables */ /* same idea for the 7 flyers; we have 2 sets, 'inner' inside the border and 'outer' against the blue background */ /*(may break these off into separate style sheets for other types of pages)*/ .trFlyTmarg { height: 5px; } .tdFlyRmarg { width: 20px; } .trFlyBmarg { height: 20px; } .tdFlyLmarg { width: 20px; } /* 'inner' spelled w/'marg' */ .trFlyTmargin { height: 25px; } /* this subclasses trMenuBar to bump the height a bit; contains a menu bar */ .tdFlyRmargin { width: 5px; } .trFlyBmargin { height: 10px; } .tdFlyLmargin { width: 5px; } /* 'outer' spelled w/'margin' */ /* awkwardly, the outer margins still need to be filled with a spacer.gif to prevent collapse */ /*(this is about thwarting the browser's intent on collapsing whitespace when it's pressed for space)*/ /* these need to agree with the set above */ .iFlyTmargin { height: 25px; width: 100px; } /* this one is not used because menu bar's in there instead */ .iFlyRmargin { width: 5px; height: 100px; } .iFlyBmargin { height: 10px; width: 100px; } .iFlyLmargin { width: 5px; height: 100px; } /* same again for the newsletters; we have 2 sets, 'inner' inside the border and 'outer' against the blue background */ .trNewsTmarg { height: 10px; } .tdNewsRmarg { width: 10px; } .trNewsBmarg { height: 10px; } .tdNewsLmarg { width: 5px; } /* 'inner' spelled w/'marg' */ .trNewsTmargin { height: 10px; } .tdNewsRmargin { width: 5px; } .trNewsBmargin { height: 10px; } .tdNewsLmargin { width: 5px; } /* 'outer' spelled w/'margin' */ /* awkwardly, the outer margins still need to be filled with a spacer.gif to prevent collapse */ /*(this is about thwarting the browser's intent on collapsing whitespace when it's pressed for space)*/ /* these need to agree with the set above */ .iNewsTmargin { height: 10px; width: 100px; } .iNewsRmargin { width: 5px; height: 100px; } .iNewsBmargin { height: 10px; width: 100px; } .iNewsLmargin { width: 5px; height: 100px; } /* still a few; moon temple++ */ .tblLRmargPageInt /* nested inside tblFullPage; 3 s, Lmarg, PageInterior, Rmarg; nowhere else */ { width: 100%; height: 100%; /* good thing now! */ border: 0px; /* background-color: White; */ } .tblPageInterior /* primary content region; inside the margins */ { width: 100%; height: 100%; /* required anymore? */ margin: 0; padding: 15px 20px 15px 20px; border: 0px; color: #333; /* a medium gray */ font-size: 9pt; /* these came from the depracated .h2 */ text-align:justify; line-height: 20px; } .tblPageInteriorTry /* primary content region; inside the margins */ { width: 100%; /* required anymore? */ margin: 0; padding: 15px 20px 15px 20px; border: 0px; color:#333333; /* a medium gray */ font-size: 10pt; /* these came from the depracated .h2 */ text-align:justify; line-height: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; } .tblListing /* format of table that 'listings' are in; */ { /* made to match class h2, which is deprecated */ color: #333; text-align:justify; font-size: 9pt; margin-top: 2px; margin-bottom: 12px; line-height: 18px; } .trListingTitle /* stub; row the listing title's in */ { } .tdListingTitle /* stub; cell the listing title's in; colspan=2 */ { /*font-variant: small-caps;*/ } .trListingBody /* stub; row the image and bodytext of listing are in */ { vertical-align: top; } .tdListingImg /* width of column for images and they're centered */ { width: 190px; text-align: center; vertical-align: top; } .tdListingBody /* stub; bodytext of listing */ { /* color: #336; font-size: 9pt; */ vertical-align: top; padding-right: 20px; line-height: 1.5em; } .tdListingBody p, .tdListingBody li { margin: .4em 0 .5em 0; line-height: 1.5em; } .tdListingBody li { margin: .1em 0 .1em 0; } td.tdListingBody>p, td.tdListingBody>ul { margin-top: 0; } .tblListingToo /* for nested tables; made to match class h2, which is deprecated */ { /* if tdListingBody used, this should match it instead of tblListing... */ /* color: #336; */ color: #636363; /* a medium gray */ font-size: 9pt; } .tblClasses /* yoga class schedules and the like...*/ { color: black; font-size: 8pt; margin-top: 8px; margin-bottom: 8px; border-width: 0px; border-style: Groove; border-color: rgb(127, 127, 127); background-color: #999; line-height: 18px; } .tblClasses td { text-align: center; } .tblCalendar /* Events and Retreats Calendars...*/ { color: #636363; /* a medium gray */ font-size: 9pt; margin-top: 8px; margin-bottom: 8px; border-width: 0px; border-style: Groove; border-color: rgb(127, 127, 127); background-color: #999; line-height: 18px; } /* for MenuBar items; white (on Blue/Teal gradient) and larger */ table.tblIndexCat /* table on category index pages for subcats */ { color: #333; /* a medium gray */ font-size: 9pt; margin-top: 4px; margin-bottom: 6px; border: none; width: 100%; } /* tblIndexCat cells with padding so as to not bump each other */ table.tblIndexCat td { vertical-align: top; } td.tdIndexSubcatLeft { width: 50%; padding-right: 6px; line-height: 20px; } td.tdIndexSubcatRight { width: 50%; padding-left: 6px; line-height: 20px; } table.tblIndexCat h2 { color: #069; font-size: 10.5pt; margin: 7px 0px 4px 0px; padding: 0px; } table.tblIndexCat h2 a { color: #069; } table.tblIndexCat h2 a { color: #1c5e92; } table.tblIndexCat td a { color: #1c5e92; text-decoration: none; } table.tblIndexCat td a:hover { color: #1c5e92; text-decoration: underline; } .bodytext { color: #636363; /* a medium gray */ font-size: 7.5pt; font-weight: normal; text-decoration: none; } .h1generic /* this a catch-all modifier for the

tags -- general purpose */ { /* idea is that we want the standard margin and padding behaviour */ color: #2b378e; font-size: 12pt; margin: 10px 0px 5px 0px; /* t r b l; ok, mebbe not quite standard... */ line-height: 24px; } .h1genericBig /* this a catch-all modifier for the

tags -- general purpose +Bigger */ { /* idea is that we want the standard margin and padding behaviour */ color: #2b378e; font-size: 14pt; margin: 12px 0px 6px 0px; /* t r b l; ok, mebbe not quite standard... */ } .h1genericSmall /* this a catch-all modifier for the

tags -- general purpose -smaller */ { /* idea is that we want the standard margin and padding behaviour */ color: #2b378e; font-size: 10pt; margin: 8px 0px 4px 0px; /* t r b l; ok, mebbe not quite standard... */ } .h1genericBigSpacer { color: #2b378e; font-size: 14pt; line-height:28px; margin: 12px 0px 6px 0px; /* t r b l; ok, mebbe not quite standard... */ } .h2generic /* this a catch-all modifier for the

tags -- general purpose */ { /* idea is that we want the standard margin and padding behaviour */ color: #2b378e; font-size: 10.5pt; margin: 10px 0px 5px 0px; /* t r b l; ok, mebbe not quite standard... */ } .h2genericBig /* this a catch-all modifier for the

tags -- general purpose +Bigger */ { color: #2b378e; font-size: 12pt; margin: 12px 0px 6px 0px; /* t r b l; ok, mebbe not quite standard... */ } .h2genericSmall /* this a catch-all modifier for the

tags -- general purpose -smaller */ { color: #2b378e; font-size: 9pt; margin: 8px 0px 4px 0px; /* t r b l; ok, mebbe not quite standard... */ } .h3generic /* this a catch-all modifier for the

tags -- general purpose */ { /* idea is that we want the standard margin and padding behaviour */ color: #7e2b97; font-size: 10pt; margin: 10px 0px 2px 0px; /* t r b l; ok, mebbe not quite standard... */ } .h3genericBig /* this a catch-all modifier for the

tags -- general purpose +Bigger */ { /* idea is that we want the standard margin and padding behaviour */ color: #7e2b97; font-size: 11.5pt; margin: 12px 0px 3px 0px; /* t r b l; ok, mebbe not quite standard... */ } .h3genericSmall /* this a catch-all modifier for the

tags -- general purpose -smaller */ { /* idea is that we want the standard margin and padding behaviour */ color: #7e2b97; font-size: 8.5pt; margin: 8px 0px 1px 0px; /* t r b l; ok, mebbe not quite standard... */ } /* used to subclass

tags */ .h1tier1 {} .h1tier2 /* use

in lieu of .h17 (or .h8) */ { color: #7e2b97; font-size: 15pt; font-weight: normal; margin: 2px 0px 4px 0px; padding: 0px; height: 25px; overflow: hidden; } .h1tier2a /* use

in lieu of .h17 (or .h8) */ { color: red; font-size: 15pt; font-weight: normal; margin: 2px 0px 4px 0px; padding: 0px; height: 25px; overflow: hidden; } .h1tier3 /* probably best not go this far; use h1tier2 */ { color: #7e2b97; font-size: 12pt; font-weight: bold; margin: 2px 0px 4px 0px; padding: 0px; } .h2tier1 /* this is a stub for an optional modifier for the

tags */ { /* if usage ends up diverging in top index page, code will go here */ } .h2tier2 { color: #069; font-size: 10.5pt; margin: 7px 0px 4px 0px; padding: 0px; } .h2tier3 /* use

in lieu of .h19 for listing headings */ { color: #2b378e; font-size: 12.75pt; margin: 0px 0px 10px 0px; padding: 0px; } .h1subspan /* this is a varient of .h9 above for use inside

elements */ { /* to offset a subsection such as "by BaliSpirit.com" */ font-size: 12pt; /* see

&& h1tier2; we're a little smaller... */ font-style: italic; /* ...and italic. */ } .h2subspan /* this is class to tweak the appearance of some of the text inside

elements */ { /* to downplay a secondary phrase */ font-weight: normal; /* see

&& h2tier3; they're bold, we're not... */ font-size: 11.5pt; /* could also get smaller; that'd teach the verbose... */ }/* this is not always smaller for all .h2 classes... TODO */ .h3subspan /* this is class to tweak the appearance of some of the text inside

elements */ { /* to downplay a secondary phrase */ font-weight: normal; /* see

&& h3generic; they're bold, we're not... */ font-size: 9pt; /* could also get smaller; that'd teach the verbose... */ } .h1tier2subtitle /* blurb below main heading */ { /* now being used for

tags (was in
s and s before, not

) - rename? */ color: #7e2b97; font-size: 10.5pt; font-weight: normal; height: 1.5em; overflow: hidden; margin: 0px; padding: 0px; } .nav_crumbs /* the breadcrumbs */ { color: #2b378e; font-size: 9pt; } .print_date { color: #2b378e; font-size: 11px; } .Link { color: #1c5e92; } .Link:hover { color: #1c5e92; text-decoration: underline; } .BLink { color: #06f; font-weight: bold; } .Blinking /* before you know it, someone will lose an eye... */ { text-decoration: blink; /* only works in Firefox; be careful out there */ } .iGroove /* style for images with borders; standard border */ { border-style: solid; border-color: rgb(127, 127, 127); border-width: 1px 2px 2px 1px; border-bottom-style: groove; border-right-style: groove; padding: 0px; } /* an image link class; goes in the img tag; not to be confused with Firewire */ td.tdAdColCont a img, .iLink /* this is a copy of iGroove */ { border-style: solid; border-color: rgb(127, 127, 127); border-width: 1px 2px 2px 1px; border-bottom-style: groove; border-right-style: groove; padding: 0px; } td.tdAdColCont a img:hover, .iLink:hover /* with a twist */ { border-color: #0066ff; /* very subtle and only works in Firefox */ } .i0 /* style for images; no border */ { border: none; } .iNoTrans /* style for images; for images that should have transparent backgrounds, but do not */ { /* none for white world, mimic iGroove for coloured; TBD */ /* border: none; */ border-style: solid; border-color: rgb(127, 127, 127); border-width: 1px 2px 2px 1px; border-bottom-style: groove; border-right-style: groove; padding: 0px; } /* not applied to all non-trans images, only those where it 'works' -- others simply need to be fixed */ .i1 /* style for images; plain single pixel-width black border */ { border-width: 1px; border-style: solid; border-color: black; padding: 0px; } /* to be expanded: .imgAd, for example... */ /* styles for the
s around images */ .DivImgLa { float: right; padding-left:8px; margin-right: 35px; margin-bottom: 6px; } .DivImgL { float: left; margin-right: 12px; margin-bottom: 6px; } .DivImgR { float: right; margin-left: 12px; margin-bottom: 6px; } .DivImgR2 { float: right; margin-top: 0px; margin-left: 2px; margin-bottom: 6px; margin-right: 0px; } /* styles for the
boxes */ .NavBox /* a NavBox (related pages) or table of contents (local-links); for links; best if link-text is short */ { float: right; margin: 4px 0 10px 10px; padding: 6px; border-style: solid; border-bottom-style: groove; border-right-style: groove; border-color: rgb(192, 192, 192); border-width: 1px 2px 2px 1px; background-color: rgb(240, 240, 248); background-image: none; background-repeat: repeat; background-attachment: scroll; font-size: 10pt; text-align: left; } .DivBox /* no width specified, so it'll stretch-wide; idea is it goes in a table cell like the narrow ad-column */ { margin: 6px; padding: 6px; border-style: solid; border-bottom-style: groove; border-right-style: groove; border-color: rgb(127, 127, 127); border-width: 1px 2px 2px 1px; background-color: rgb(249, 249, 249); /* an almost-white gray */ background-image: none; background-repeat: repeat; background-attachment: scroll; font-size: 10pt; text-align: left; } .DivBoxL { float: left; width: 190px; margin-top: 6px; margin-bottom: 6px; margin-right: 10px; padding: 6px; border-style: solid; border-bottom-style: groove; border-right-style: groove; border-color: rgb(127, 127, 127); border-width: 1px 2px 2px 1px; background-color: rgb(249, 249, 249); /* an almost-white gray */ background-image: none; background-repeat: repeat; background-attachment: scroll; font-size: 10pt; text-align: left; } .DivBoxR { float: right; width: 190px; margin-top: 6px; margin-bottom: 6px; margin-left: 10px; padding: 6px; border-style: solid; border-bottom-style: groove; border-right-style: groove; border-color: rgb(127, 127, 127); border-width: 1px 2px 2px 1px; background-color: rgb(249, 249, 249); /* an almost-white gray */ background-image: none; background-repeat: repeat; background-attachment: scroll; font-size: 10pt; text-align: left; } .DivBoxRinvisible { float: right; width: 170px; margin: 0px; margin-left: 8px; padding: 6px 0px 6px 2px; /* none on right */ border-style: none; border-width: 1px; background-color: transparent; background-image: none; font-size: 10pt; text-align: left; } .DivBoxRflexi /* flexi width...*/ { float: right; margin-top: 6px; margin-left: 10px; padding: 8px 0 8px 0; border-style: none; border-width: 1px; background-color: transparent; background-image: none; font-size: 10pt; text-align: left; } .DivBoxLpartners /* flexi width...*/ { margin-top: 0px; margin-left: 3px; padding-left: 0px; border-style: none; border-width: 1px; background-color: transparent; background-image: none; font-size: 10pt; text-align: center; } .DivBoxLpartner /* flexi width...*/ { margin-top: 8px; margin-left: 0px; padding: 0px; border-style: none; border-width: 1px; background-color: transparent; background-image: none; font-size: 10pt; text-align: center; } .tdLeftSidebar /* id for the that contains a */ { width: 170px; vertical-align: top; background-color: #1c5e92; border-right: 1px solid #a4ebee; } .tblLeftSidebar /* class for the actual sidebar */ { width: 100%; border: 0; margin-top: 0px; } td.tdLeftNavMenu /* class for the
that contains a */ { width: 100%; } table.tblLeftNavMenu /* class for the actual NavMenu */ { width: 100%; border: 0; margin-top: 20px; margin-bottom: 30px; margin-left: 0px; margin-right: 0; padding: 0; } table.tblLeftNavMenu td { margin: 0; padding: 0; } table.tblLeftNavMenu h2 { margin: 1em 0 0 0; padding: 0 0 .4em 10px; font-size: 11.25pt; font-weight: bold; color: White; letter-spacing: 1px; border-bottom: 1px solid White; } td.tdLeftNavMenu2 /* class for the
that contains a */ { width: 100%; } table.tblLeftNavMenu2 /* class for the actual NavMenu2 */ { width: 100%; border: 0; margin: 0; padding: 0; } table.tblLeftNavMenu2 td { margin: 0; padding: 0; } /* for NavBar items */ /* missing: classes for the
s the links are in... */ a.aNav /* NavBar Category Style; just the anchors */ { color: White; font-size: 9pt; display: block; height: 100%; padding: 3px 2px 3px 10px; } a.aNav:hover { color: #33d9dc; text-decoration: none; } a.aNav2 /* NavBar Sub-Category Style; just the anchors */ { color: White; font-size: 8pt; margin: 0; display: block; height: 100%; padding: 0px 2px 1px 26px; background-image: url(images/dot.jpg); background-repeat: no-repeat; background-position: 15px .5em; } a.aNav2:hover { color: #33d9dc; text-decoration: none; } .tdEmailForm /* sidebar static text; just "Join Our Mailing List" -- cell w/form in it */ { padding-left: 12px; color: White; font-size: 8pt; font-style: italic; /* playful */ } .emailForm /* mailing list Sign-Up form in sidebar; also one in thanks page for trying again... */ { margin-top: 3px; padding-top: 0px; margin-left: 0px; } .emailBox /* editbox for email addresses; nowhere else */ { color : #00acb5; font-size: 9pt; font-weight: normal; font-style: italic; /* playful */ padding-left: 2px; } .btnSignUp /* used on mailing list Sign-Up button; nowhere else */ { margin-top: 3px; margin-left: 1.5em; color: #069; /* keep as buttons per form element, not body... */ font-size: 9pt; font-weight: normal; font-style: italic; /* playful */ } .tdPartners /* sidebar 'partners' area -- cell w/
s in it */ { padding-top: 30px; padding-left: 0px; padding-bottom: 18px; text-align: center; } .tdAdColumn /* class for the
that contains a */ { width: 171px; /* 170-compatible (empirical, add 1 for the border) */ height: 100%; background-color: #cecce2; vertical-align: top; } .tdAdColumn_center { width: 171px; background-color: #cecce2; vertical-align: top; margin-top:300px; } .tdAdColumn_top { width: 171px; background-color: #cecce2; vertical-align: top; margin-top:100px; } .tblAdColumn /* class for the actual ad column */ { width: 100%; height: 100%; margin: 0px; padding: 15px 4px 0 4px; border-left: 1px; border-left-style: solid; border-left-color: #eee3f1; /*background-color: #cecce2;*/ /* border-left-color: #00adcf; background-color: #e1d1ff; background-color: #cecbe6; */ /* w/this, lose border */ } td.tdAdColCont /* ad column content; the
inside the tblAdColumn */ { text-align: center; vertical-align: top; } td.tdAdColCont img { /* width: 128px; */ } .tdRightBorder /* minor border */ { width: 1px; background-color: #cecce2; } .tdRightBorderAds /* nada */ { width: 0px; } /* TBD: an ad image link class: .AdImg... could do weird border-shite */ .AdImg /* using this in the surrounding
... */ { padding-top: 0px; /* prob mo-betta */ /*padding-bottom: 6px; hmmm. conflicts w/AdCap; TBD */ } .AdHead /* using this in the surrounding
... */ { color: #7e2b97; font-size: 9pt; font-weight: bold; padding-top: 6px; padding-bottom: 6px; } .AdHead1 /* using this in the surrounding
... */ { color: #7e2b97; font-size: 11pt; font-weight: bold; padding-top: 6px; padding-bottom: 6px; } .AdHeadLite /* using this in the surrounding
... */ { color: #7e2b97; font-size: 9.75pt; /* larger, but not bold... */ font-weight: normal; padding-top: 6px; padding-bottom: 6px; } .AdCap /* using this in the surrounding
... */ { /* nb: when used in a the padding does not work */ color: #7e2b97; font-size: 6.75pt; font-weight: bold; padding-top: 6px; padding-bottom: 12px; } .AdCapLite /* using this in the surrounding
... */ { /* nb: when used in a the padding does not work */ color: #7e2b97; font-size: 8.25pt; /* larger, but not bold... */ font-weight: normal; padding-top: 6px; padding-bottom: 12px; } .divSectBar /* for free-standing division-bar w/one line of text; section headers */ { /* use

inside
*/ color: #069; border-style: solid; border-bottom-style: groove; border-right-style: groove; border-color: rgb(192, 192, 192); border-width: 1px 2px 2px 1px; background-color: rgb(240, 240, 248); background-image: none; background-repeat: repeat; background-attachment: scroll; margin: 10px 0 10px 0; padding: 4px 4px 4px 8px; /* extra on left...*/ } .h2SectBar /* use

inside of
whose class="divSectBar" */ { font-size: 12.75pt; margin: 0px; /* we leave the margin and padding to the containing div */ padding: 0px; } .h2LinkBar /* use

inside of
whose class="divSectBar" */ { font-size: 9.75pt;/* this is a variant used in the add_url files; titles are longish, so smaller font */ margin: 0px; /* we leave the margin and padding to the containing div */ padding: 0px; } .h3LinkEx /* used for the extern links in /link files */ { color: #636363; /* a medium gray, but not seen as these should be BLinks */ font-size: 9pt; margin: 10px 0px 0px 0px; padding: 0px; } /* may generalize these for all popups */ .bodyPopUp { background-color: #f3f3f3; } .tblTeacherPopUp { font-size: 9pt; border: 0px; width: 500px; } .tblDekPopUp { font-size: 9pt; border: 0px; width: 500px; padding-left: 1em; padding-right: 1em; } .tblPopUpFooter { font-size: 9pt; border: 0px; width: 100%; padding-top: 1em; padding-bottom: 0.5em; } .WhiteText /* a few miscreants out there... (Ick! To be revisited, later) see schedule headers... */ { color: White; font-size: 9pt; /* font-weight: normal; */ } /* Standard bodytext style */ .h2 /* to be deprecated... still 200 instances, mostly in tables */ { color: #636363; /* a medium gray */ font-size: 9pt; } .h6 /* for misc blue-green text... still used in a fistful of places */ { color: #069; font-size: 9pt; } .h8 /* still used in a double-fistful of places */ { color: #7e2b97; font-size: 15pt; font-weight: normal; /* text-transform: capitalize; */ /* font-variant: small-caps; */ } .h9 /* was used on many pages for main heading sufix: "by BaliSpirit.com" */ { /* plus many others... */ color: #7e2b97; font-size: 12pt; font-weight: bold; } .h11 /* used for the
-bracketed pull-quotes on the index pages; misc other usages, too */ { color: #7e2b97; font-size: 10.5pt; font-weight: normal; } .h12 /* a few minor usages remain */ { color: #069; font-size: 10.5pt; font-weight: normal; } .h14 { color: #2b378e; font-size: 9pt; font-weight: bold; } .h17 /* very few usages left... */ { color: #7e2b97; /* nb: arial first -- narrower see also: .h8 */ font-size: 15pt; font-weight: normal; /* text-transform: capitalize; */ /* font-variant: small-caps; */ } .h19 { color: #2b378e; font-size: 12.75pt; font-weight: bold; } .h19_black { color: #000000; font-size: 13.75pt; font-weight: bold; } .h21 /* just captions on bali_tour_dhyana.html */ { color: black; font-size: 8pt; } .h22 /* currently only used in yoga/retreats.html * exception: yoga/bali_bikram_yoga.html -- but should be removed */ { color: black; /*font-family: Arial, Verdana, Helvetica, sans-serif;*/ /* nb: arial first -- narrower */ font-size: 9pt; font-weight: normal; line-height: 18px; } .h23 /* currently matches h2tier3 except for not bold... */ { color: #2b378e; font-size: 12.75pt; font-weight: normal; } .h23a /* currently matches h2tier3 except for not bold... */ { color: #2b378e; font-size: 12.75pt; line-height:35px; font-weight: normal; } .h23b /* currently matches h2tier3 except for not bold... */ { color: #2b378e; font-size: 10.75pt; line-height:35px; font-weight: normal; } .h23c /* currently matches h2tier3 except for not bold... */ { color: red; font-size: 10.75pt; line-height:35px; font-weight: bold; } .h24 /* white 4 month headings on yoga reservation form; used on hard-coded purple; a few other usages */ { color: White; font-size: 12.75pt; font-weight: bold; } .h25 { color: #41a7c1; font-family: Verdana, Arial, Helvetica, sans-serif; /* nb: arial first -- narrower */ font-size: 12.75pt; font-weight: bold; } .h25:hover /* to be removed */ { color: White; /* weird; see: yoga/balispirit_yoga_holiday.html: About The Hotel */ } .h27 { color: #7e2b97; font-size: 9pt; font-weight: normal; } .h28 /* Fair Trade blurb on product pages */ { color: #069; font-size: 7.5pt; } .h29 /* not many; see also: star */ { color: red; /* nb: arial first -- narrower */ font-size: 8pt; font-weight: normal; } .h30a /* white 4 month headings on yoga reservation form; used on hard-coded purple; a few other usages */ { color: White; font-size: 12.75pt; font-weight:400; } .star /* not many; see also: h29 */ { color: red; font-size: 9pt; font-weight: bold; } .h30 /* bali_wholesale_yoga_props.html only; 150+ instances */ { color: #00c; /* nb: arial first -- narrower */ font-size: 8pt; } .h31 /* just a few; "to attain...*/ { color: #7e2b97; font-size: 8.25pt; } .h32 /* single instance in om.html -- title */ { color: black; font-size: 18pt; font-weight: normal; } .h33 { color: #333399; font-size: 18pt; font-weight: normal; } .h34 { color: #333399; font-size: 9pt; font-weight: normal; } .h35 /* yellow 4 Reserve Here on reservation forms; used on hard-coded purple */ { color: #ffff33; font-size: 10.5pt; font-weight: bold; } .h36 { color: #b3123c; font-size: 10.5pt; font-weight: bold; } .h36a { color: #b3123c; font-size: 14.5pt; font-weight: bold; } .h37 /* just a few...*/ { color: White; font-size: 9pt; font-weight: bold; } .h39 /* white 4 1st heading on reservation forms; used on hard-coded purple; exactly 2 instances */ { color: White; font-size: 11.25pt; font-weight: bold; } .h41 /* just a few...*/ { color: #0073bb; font-size: 15pt; font-weight: normal; } .h43 /* just a few...*/ { color: #0073bb; font-size: 10.5pt; font-weight: normal; } .h44 /* just COMO...*/ { color: #2b378e; font-size: 10.5pt; font-weight: bold; } .h46 /* just COMO...*/ { color: #8c3f47; font-size: 9pt; font-weight: bold; } .small_text { color: #2b378e; font-size: 7.5pt; } .newscopyright /* just in newsletters now... */ { color: #4775a6; font-size: 10pt; font-weight: bold; } #astroturf { color: Green; } .RBox { float: left; padding: 6px; border-width: 1px 1px 1px 1px; background-image: none; background-repeat: repeat; background-attachment: scroll; font-size: 10pt; text-align: left; } .textindent { padding-left: 6px; color: #727272; } .ImageL { float: left; margin-bottom: 6px; margin-top: 0px; margin-right: 6px; } /* very poor form */ .color_purple { color: #a596f3; } .color_orange { color: #9a7e35; } .color_dark_green { color: #007148; } .color_light_blue { color: #5e57a6; font-size: 14px; } .RBox2 { /* invalid float: center; */ padding-right: 0px; border-width: 1px 1px 1px 1px; } .LBox { float: right; padding: 6px; border-width: 1px 1px 1px 1px; background-image: none; background-repeat: repeat; background-attachment: scroll; font-size: 10pt; text-align: left; } .small_border { border: 1px solid #66c; font-size: 10px; font-weight: normal; line-height: 16px; text-align: justify; } .td_box_tb { padding: 10px; text-align: justify; line-height: 15px; } .link_box_tb { font-size: 12px; color: White; } .link_box_tb:hover { font-size: 12px; color: #003; } .title_desaseni_cl { color: Black; font-size: 14px; } .tblcl_desaseni /* yoga class schedules and the like...*/ { color: black; font-size: 8pt; margin-top: 8px; margin-bottom: 8px; border-width: 1px; border-style: groove; border-color: Black; } .tb_clthevillas { background-color: Black; color: White; font-size: 11px; } .title_thevillas_cl { color: White; font-size: 14px; /*text-decoration: none;*/ } .title_thevillas_cl:hover { color: White; font-size: 14px; text-decoration: underline; } .email_villas { color: White; font-size: 12px; } .email_villas:hover { color: White; font-size: 12px; text-decoration: underline; } .green_color_news { color: #008000; } /* FOR NEWSLETTER */ .small_text_news { color: #b2001b; font-size: 9px; } .newsletter_text { font-size: 12px; color: #3878db; line-height: 20px; text-align: justify; } .links_new { color: #2b378e; } .links_new:hover { color: #a91bb0; } .textonnews { line-height: 20px; font-size: 12px; text-align: justify; } .title_news { font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 700; color: White; } .sub_title_news { font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: White; text-decoration: none; } .sub_title_news:hover { font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: White; text-decoration: underline; } .textonmainbody { text-align: justify; font-size: 12px; line-height: 18px; } .text_desc_section /* use

in lieu of .h19 for listing headings */ { color: #2b378e; font-size: 14px; margin: 0px 0px 10px 0px; padding: 0px; line-height: 20px; } .text_desc_section_black { color: #000000; font-size: 14px; margin: 0px 0px 10px 0px; padding: 0px; line-height: 20px; } .text_desc_section_black1 { color:#333333; font-size: 13px; margin: 0px 0px 10px 0px; padding: 0px; line-height: 20px; } .button { background-color: #000033; color: White; padding: 5px; } .buttonRed { background-color: Red; color: White; padding: 5px; } .link_button { color: White; text-decoration: none; } .link_button:hover { color: White; text-decoration: underline; } .thankyou_text { font-size: 14px; color: #333; line-height: 20px; } .breadcrumb { font-size: 11px; text-decoration: none; } li { margin-bottom: .5em; } /* div.divHomeHighlights { margin: 2em 0 .5em 0; padding: 0; width: 294px; background-image: url(images/highlights-top.jpg); background-repeat: no-repeat; background-position: top left; } div.divHomeHighlights h2 { margin: 0; padding: .5em 0; color: White; font-size: 1.3em; line-height: 1.3em; text-align: center; } div.divHomeHighlights ul { background-color: White; margin: 0; padding: 0; list-style-type: none; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #1c5e92; } div.divHomeHighlights ul li { margin: 0; padding: 0; line-height: 1.3em; } div.divHomeHighlights ul li h3 { margin: 0; padding: .5em 0; color: #7e2b97; font-weight: bold; font-size: 1.3em; line-height: 1.3em; text-align: center; } div.divHomeHighlights ul li a { line-height: 18px; display: block; height: 100%; margin: 0; padding: .4em 1em .4em 1.5em; /* if restored, add to padding-left, above (was 2em) background-image: url(images/dot.jpg); background-repeat: no-repeat; background-position: .7em 1.1em; color: #1c5e92; } div.divHomeHighlights ul li a:hover { color: #1c5e92; /* TBD ; up to you background-color: #cecce2; } */ .redtext { color: #f00; } #retreatbanner { width: 300px; background-color: #6cacb6; border-style: solid; border-color: rgb(127, 127, 127); border-width: 1px 2px 2px 1px; border-bottom-style: groove; border-right-style: groove; padding: 0px; } #retreatbanner ul { list-style: none; margin: 0; padding: 10px 5px 5px 5px; width: 280px; } #retreatbanner ul li { list-style: none; } #retreatbanner ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: White; text-decoration: underline; background-image: url(images/dotretreatbanner.gif); background-repeat: no-repeat; background-position: 5px; white-space: nowrap; padding-left: 20px; padding-top: 0px; margin-left: 20px; /* height: 20px; display: block; line-height: normal; */ margin: 0px; list-style: none; } #retreatbanner ul li a:hover { color: #f6ff00; } .framespace { padding-right:13px; } form.formCCoptin { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 4px; } table.tblLinksBox { margin: 1.5em 0; border: 1px solid #1C5E92; width: 100%; } table.tblLinksBox th { padding: .5em 1em; background-color: #1c5e92; color: White; font-weight: bold; font-size: 135%; letter-spacing: .05em; } table.tblLinksBox td { padding: .5em 1em; vertical-align: top; } /*tblLinksBox2 are for old form; to be removed */ table.tblLinksBox td h3, table.tblLinksBox2 td h3 { color: #636363; font-size: 9pt; margin: 10px 0px 0px 0px; padding: 0px; } table.tblLinksBox td h3 a, table.tblLinksBox2 td h3 a { color: #06f; font-weight: bold; } table.tblLinksBox td.tdLinksOther { color: #666; font-weight: bold; text-align: center; } table.tblLinksBox td.tdLinksOther a { color: #06f; } .txtmorelarge { font-size: 11pt; font-weight: normal; font-family: Tahoma, sans-serif; } /*------------------------- homepage left box --------------------------*/ #homeLbox{ margin:8px 0px 8px 14px; width:300px; background:#ffffff; font:normal 11px/20px Tahoma, "Arial", Times, serif; color:#2B378E; } #homeLbox .homeHighlights { margin: 2em 0 .5em 0; padding: 0; width: 294px; background-image: url(images/highlights-top.jpg); background-repeat: no-repeat; background-position: top left; } #homeLbox .homeHighlights h2 { margin: 0; padding: .5em 0; color: White; font-size: 1.3em; line-height: 1.3em; text-align: center; } #homeLbox .homeHighlights ul { background-color: White; margin: 0; padding: 0; list-style-type: none; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #1c5e92; } #homeLbox .homeHighlights ul li { margin: 0; padding: 0; line-height: 1.3em; } #homeLbox .homeHighlights ul li h3 { margin: 0; padding: .5em 0; color: #7e2b97; font-weight: bold; font-size: 1.3em; line-height: 1.3em; text-align: center; } #homeLbox .homeHighlights ul li a { line-height: 18px; display: block; height: 100%; margin: 0; padding: .4em 1em .4em 1.5em; color: #1c5e92; } #homeLbox .homeHighlights ul li a:hover { color: #1c5e92; background-color: #cecce2; } #artScene{ width:293px; margin:8px 0px 8px 0px; border-style: solid; border-color:#FF99CC; border-width:thin; } #artScene h4{ display:none; } #artScene p{ font:normal 12px/15px Tahoma, "Arial", Times, serif; color:#993399; margin:8px 8px 8px 8px; } #artScene .artImg { display: block; float:left; margin:8px 8px 8px 8px; border:none; } /*------------------------- end --------------------------*/ /*------------------------- homepage right box --------------------------*/ #homeRbox{ margin:8px 4px 8px 0px; width:300px; background:#ffffff; } #homeRbox p{ font:normal 12px/20px Tahoma, "Arial", Times, serif; color:#2B378E; margin:0px auto; } #homeRbox H1{ font:bold 12px/20px Tahoma, "Arial", Times, serif; color:#2B378E; margin:0px auto; } #homeRbox #ecoTour{ margin:0px 0px 8px 0px; border-style: solid; border-color:#6699CC; border-width:thin; } #homeRbox #ecoTour h4{ font:normal 20px/20px Tahoma, "Arial", Times, serif; color:#FF9900; margin:8px auto; } #homeRbox #ecoTour p{ font:normal 12px/15px Tahoma, "Arial", Times, serif; color:#006600; margin:0px 8px 8px 8px; } #homeRbox #ecoTour .ecoImg { display: block; float:left; width: 162px; height: 101px; margin:8px 8px 0px 8px; border:none; } #homeRbox #adv img{ margin:0px 0px 8px 0px; border-style: solid; border-color:#6699CC; border-width:thin; } /*------------------------- end --------------------------*/ /*------------------------- homepage bottom box --------------------------*/ #homeBbox{ margin:15px 15px 15px 15px; padding-bottom:4px; background: url(adv/yoga.jpg) left no-repeat #d1cde4; } #homeBbox h5{ padding:8px 8px 8px 310px; font:bold 14px/18px Tahoma, "Arial", Times, serif; color:#663399; } /*------------------------- feature of the month --------------------------*/ #fotm{ margin:8px auto; width:300px; height:165px; background: url(images/bg-fotm.jpg) top no-repeat #ff850b; } #fotm .bnr{ margin:54px 6px 6px 6px; border:none; } #fotm h2{ display:none; } /*------------------------- end --------------------------*/ /*------------------------- ads side banner --------------------------*/ #sidebnr{margin:0px auto;width:171px;} #sidebnr img{ display:block; margin-left:auto; margin-right:auto; margin-bottom:18px; border-color:#7F7F7F; border-style:solid groove groove solid; border-width:1px 2px 2px 1px; } #sidebnr ul{display:inline;list-style:none;vertical-align: middle;} /*------------------------- end --------------------------*/ /*------------------------- mailing list form --------------------------*/ #milisFrm { margin:0px auto; padding:0px auto; background:url(images/subscribefomr-bg.jpg) no-repeat; float:left; width: 170px; } fieldset.milisForm { border: none; } .milisForm input, .milisForm button { border: none; float: left; } .milisForm input.area { margin:35px 0px 0px 0px; color: #333333; font-size: 12px; width: 101px; height: 31px; padding:0px 0px 0px 15px; background: url(images/bgmail-text.png) no-repeat 0 0; } .milisForm input.area:focus { background: url(images/bgmail-text.png) no-repeat 0 -32px; outline: none; } .milisForm button.btn { margin:35px 0px 0px 0px; width: 35px; height: 31px; cursor: pointer; text-indent: -9999px; background: url(images/bgmail-btn.png) no-repeat 0 0; } .milisForm button.btn:hover { background: url(images/bgmail-btn.png) no-repeat 0 -31px; } .safeBtn { display: block; float:right; width: 133px; height: 24px; background: url('images/safe-btn.png') bottom; text-indent: -99999px; margin-bottom:8px; } .safeBtn:hover { background-position: 0 0; } /*------------------------- end --------------------------*/ /*------------------------- balispirit partners --------------------------*/ #bsPartners{margin:0px auto;width:170px;} #bsPartners h3 { display: block; text-indent: -99999px; height:32px; background:url('images/bs-partners.jpg') bottom; } #bsPartners img{ display:block; margin-left:auto; margin-right:auto; margin-bottom:18px; border:none } #bsPartners ul{display:inline;list-style:none;vertical-align: middle;} /*------------------------- end --------------------------*/