/* elements */
/* anchor settings; underline on hover only
* Exceptions: NavBar classes
*/
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: none; }
body
{
color:#ffffff;
font-size: 8pt;
font-weight: verdana;
margin: 0px;
background-color: ffffff;
font-family: Verdana;
}
/* TBD...
form
{
color: black;
font-size: 9pt;
font-weight: verdana;
}
*/
/* TBD... will use with a set of classes (sizes and colours)
hr
{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
color: #00adcf;
}
*/
h1
{
font-weight: bold; /* these are the defaults in most cases */
/* by *not* setting margin and padding, we preserve the ability to use default behaviours; done in classes */
}
/* initial usage of this is in 2nd tier category index.html pages */
/* wrap links with and use class="LinkSubcat" in the tag in lieu of .h12 */
/* second usage of this is in 3rd tier listings pages -- listings, later...*/
/* wrap with in lieu of class="h19" in tag (or where ever) */
h2
{
font-family:Verdana; font-size:9pt; color:#000000
}
h3
{
font-weight: bold; /* these are the defaults in most cases */
/* by *not* setting margin and padding, we preserve the ability to use default behaviours; done in classes */
}
table
{
font-weight: verdana;
}
div
{ /* this may cause problems; masks table's classes when used in a cell */
font-weight: verdana; /* especially this!*/
}/* may yet remove this */
/* ------------------------------------------------------------------------- */
/* classes */
/* a bunch of table classes for centralizing attributes of the tables that layout pages */
.tblMainWnd
{
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;
padding: 0px;
width: 170px;
background-color: #673694;
border-right: 1px;
border-right-style: solid;
border-right-color: #62479e;
padding-top: 1em;
padding-bottom: 1em;
}
.iBSlogo
{
border: 0px;
}
.trMainTopImgs
{
/*height: 103px;*/ /* this is 99px + 0px + 4px below... */
height: 1px;/*gnu*/
margin-top: 0px;
margin-bottom: 4px;
background-image: none;
}
.tdMainTopImgs
{
background-color: #FFFFFF;
}
.tblTopImgs
{
border: 0px;
width:100%;
background-color:#707ABF;
}
.trTopImgs {} /* stub */
.tdTopImg
{
text-align: center;
padding: 0px;
}
.iTopImg
{
/*
border: 0px;
*/
border: 1px;
border-style: solid;
border-color: black;
}
.divWisdom
{
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 */
background-color: #e1d1ff;
font-size: 9pt;
text-align: left;
}
.trMenuBar
{
background-color: #0E6987;
height: 22px;
text-align: center;
}
.tdMenuBar
{
/* background-color: #1d2fb2;*/
background-color: #000000;
}
.tblMenuBar
{
width: 100%;
/* we do *not* specify height: 100%; here because we always want table to collapse tight to menu */
border: 0px;
}
.tdMenuLeader
{
width: 120; /* this cell is the padding to the left of the menu items, currently empty, but... */
} /* mebbe move the date to here? likely too small */
.tdMenuItems
{
color: white; /* this cell contains the actual menu items; color should match aMenu ('|'s) */
font-size: 9pt;
text-align: center;
}
.aMenu
{
color: #e3d6ea;
font-size: 9pt;
font-weight: bold;
padding: 0px 4px 0px 4px;
}
:hover.aMenu
{
color: #84b5e0;
text-decoration: none;
}
.aFlyMenu
{
color: white;
font-size: 9pt;
}
.aNewsMenu
{
color: white;
font-size: 9pt;
}
.trCopyBar
{
height: 22px;
}
.tdCopyBar
{
background-color: #000000;
}
.tblCopyBar
{
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
{
color: #e3d6ea;
font-size: 9pt;
font-weight: bold;
font-style: italic; /* playful */
}
.bugCopyright
{
color: #e3d6ea;
font-size: 9pt;
font-weight: bold;
}
.trMinWidthStop
{
height: 1px;
}
.tdMinWidthStop
{
height: 1px;
background-color: #7e68b0;
background-image: none;
}
.iMinWidthStop
{
width: 760px;
height: 1px;
}
.tdTallWnd
{ /* if reverted to default-white, be sure to adjust iNoTrans to 'none'*/
background-color: #f3f3f3;
/*
background-color: #efefef;
background-color: #e1d1ff;
background-repeat: no-repeat;
*/
}
.tblTallWnd
{ /* 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;
*/
} /* be not deceived by the resemblance to tblMainWnd; they may differ in the future */
/* 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
{ /* this window includes the page margins and interior contents */
width: 100%;
height: 100%; /* required to get vrules to extend to the bottom */
border: 0px;
} /* be not deceived by the resemblance to others... */
/* all of these inner margin cells are looking like good candidates
for refactoring into margin settings for inner tables
*/
.trTmarg { height: 15px; } /* main ones; these define the margins of the page interior */
.tdRmarg { width: 20px; }
.trBmarg { height: 15px; }
.tdLmarg { width: 20px; }
/* 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; }
.tblLRmargPageInt
{
width: 100%;
height: 100%; /* good thing now! */
border: 0px;
background-color:#FFFFFF;
} /* be not deceived by the resemblance to others... */
.tblPageInterior
{
width: 100%;
height: 100%; /* required anymore? */
border: 0px;
color: #333333;
/* a medium gray */
font-size: 9pt; /* these came from the depracated .h2 */
text-align:justify;
/*
background-color: #efefef;
background-color: #e1d1ff;
background-image: url(images/flower_bkgnd_990.jpeg);
background-repeat: no-repeat;
*/
} /* be not deceived by the resemblance to others... */
.tblListing
{ /* made to match class h2, which is deprecated */
/* color: #636363; /* a medium gray */
color:#333333;
text-align:justify;
font-size: 9pt;
margin-top: 2px;
margin-bottom: 12px;
}
.trListingTitle
{
}
.tdListingTitle
{
/*font-variant: small-caps;*/
}
.trListingBody
{
}
.tdListingImg
{
width: 190px;
text-align: center;
}
.tdListingBody
{
/*
color: #333366;
font-size: 9pt;
*/
padding-right: 20px;
}
.tblListingToo
{ /* if tdListingBody used, this should match it instead of tblListing... */
/*
color: #333366;
*/
color: #636363; /* a medium gray */
font-size: 9pt;
}
.tblClasses
{
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: #999999;
}
.tblCalendar
{
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: #999999;
}
/* for MenuBar items; white (on Blue/Teal gradient) and larger */
.tblIndexCat
{
color: #333333; /* a medium gray */
font-size: 9pt;
margin-top: 4px;
margin-bottom: 6px;
border-width: 0px;
text-align:justify;
}
/* tblIndexCat cells with padding so as to not bump each other */
.tdIndexSubcatLeft
{
width: 50%;
padding-right: 6px;
}
.tdIndexSubcatRight
{
width: 50%;
padding-left: 6px;
}
.bodytext
{
color: #636363; /* a medium gray */
font-size: 7.5pt;
font-weight: verdana;
text-decoration: none;
}
.h1generic
{ /* 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... */
}
.h1genericBig
{ /* 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
{ /* idea is that we want the standard margin and padding behaviour */
color: #000000;
font-size: 9pt;
text-align: verdana;
margin: 8px 0px 4px 0px; /* t r b l; ok, mebbe not quite standard... */
}
.h2generic
{ /* 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
{
color: #2b378e;
font-size: 12pt;
margin: 12px 0px 6px 0px; /* t r b l; ok, mebbe not quite standard... */
}
.h2genericSmall
{
color: #2b378e;
font-size: 9pt;
margin: 8px 0px 4px 0px; /* t r b l; ok, mebbe not quite standard... */
}
.h3generic
{ /* 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
{ /* 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
{ /* 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
{
color: #7e2b97;
font-size: 15pt;
font-weight: verdana;
margin: 2px 0px 4px 0px; /* t r b l */
padding: 0px;
height: 25px;
overflow: hidden;
}
.h1tier3
{
color: #7e2b97;
font-size: 12pt;
font-weight: bold;
margin: 2px 0px 4px 0px; /* t r b l */
padding: 0px;
}
.h2tier1
{ /* if usage ends up diverging in top index page, code will go here */
}
.h2tier2
{
color: #006699;
font-size: 10.5pt;
margin: 7px 0px 4px 0px; /* t r b l */
padding: 0px;
}
.h2tier3
{
color: #2b378e;
font-size: 12.75pt;
margin: 0px 0px 10px 0px; /* t r b l */
padding: 0px;
}
.h1subspan
{ /* 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
{ /* to downplay a secondary phrase */
font-weight: verdana; /* 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
{ /* to downplay a secondary phrase */
font-weight: verdana; /* see && h3generic; they're bold, we're not... */
font-size: 9pt; /* could also get smaller; that'd teach the verbose... */
}
.h1tier2subtitle
{ /* now being used for tags (was in s and s before, not ) - rename? */
color: #7e2b97;
font-size: 10.5pt;
font-weight: verdana;
height: 17px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
.nav_crumbs
{
color: #2b378e;
font-size: 9pt;
}
.print_date
{
color: #2b378e;
font-size: 9pt;
}
/* Standard linking class, just tweaks the color, inherits the rest */
.Link
{
/* color: #0066ff;*/ /* a bright teal, this should agree with h20 */
/*color:#660099;*/
color:#51265A;
}
/* saridewi tambahkan */
:hover.Link{
color:#FFFFFF;
}
.BLink
{
color: #0066ff; /* a bright teal, this should agree with h20 */
font-weight: bold;
}
.Blinking
{
text-decoration: blink; /* only works in Firefox; be careful out there */
}
.LinkSubcat
{
color: #006699;
}
.iGroove
{
border-style: solid;
border-color: rgb(127, 127, 127);
border-width: 1px 2px 2px 1px; /* t r b l */
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 */
.iLink
{
border-style: solid;
border-color: rgb(127, 127, 127);
border-width: 1px 2px 2px 1px; /* t r b l */
border-bottom-style: groove;
border-right-style: groove;
padding: 0px;
}
:hover.iLink
{
border-color: #0066ff; /* very subtle and only works in Firefox */
}
.i0
{
border: none;
}
.iNoTrans
{ /* 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; /* t r b l */
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
{
border-width: 1px;
border-style: solid;
border-color: black;
padding: 0px;
}
/* to be expanded: .imgAd, for example... */
/* styles for the s around images */
.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
{
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; /* t r b l */
background-color: rgb(240, 240, 248);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
font-size: 10pt;
text-align: left;
}
.DivBox
{
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; /* t r b l */
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;
}
.DivBox2
{
border-left:1px solid #7F7F7F; border-right:2px groove #7F7F7F; border-top:1px solid #7F7F7F; border-bottom:2px groove #7F7F7F; /* t r b l */
margin:6px; padding:6px; background-color: #F2AC9D; /* 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; /* t r b l */
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; /* t r b l */
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; /* t r b l -- none on right */
border-style: none;
border-width: 1px;
background-color: transparent;
background-image: none;
font-size: 10pt;
text-align: left;
}
.DivBoxRflexi
{
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
{
margin-top: 0px;
margin-left: 3px; /*10px;*/
padding-left: 0px; /*6px;*/
border-style: none;
border-width: 1px;
background-color: transparent;
background-image: none;
font-size: 10pt;
text-align: center;
}
.DivBoxLpartner
{
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
{
width: 170px;
background-color: #ffffff;
border-right: 1px;
border-right-style: solid;
border-right-color: #ffffff;
background-color:#ffffff;
}
.tblLeftSidebar
{
width: 100%;
border: 0;
margin-top: 0px;
}
.tdLeftNavMenu
{
width: 100%;
}
.tblLeftNavMenu
{
width: 100%;
border: 0;
margin-top: 20px;
margin-bottom: 30px;
margin-left: 0px;
/* margin-left, soon... */
margin-left: 12px; /* instead of Meghan's silly gewgaw */
}
.tdLeftNavMenu2
{
width: 100%;
}
.tblLeftNavMenu2
{
width: 100%;
border: 0;
margin-left: 8px;
margin-right: 6px;
}
/* for NavBar items */
/* missing: classes for the s the links are in... */
.aNav
{
color: white;
font-size: 9pt;
/* this was Meghan's silly gewgaw
padding-left: 12px;
*/
padding-left: 2px;
padding-right: 2px;
padding-bottom:1px;
}
:hover.aNav
{
color: #33d9dc;
text-decoration: none;
}
.aNav2
{
color: white;
font-size: 8pt;
padding-left: 1px; /* should be: 2px; looks like shit when the line wraps or has a
in it */
padding-right: 2px;
padding-bottom:1px;
}
:hover.aNav2
{
color: #33d9dc;
text-decoration: none;
}
.tdEmailForm
{
padding-left: 12px;
color: white;
font-size: 8pt;
font-style: italic; /* playful */
}
.emailForm
{
margin-top: 3px;
padding-top: 0px;
margin-left: 0px;
}
.emailBox
{
color : #00acb5;
font-size: 9pt;
font-weight: verdana;
font-style: italic; /* playful */
padding-left: 2px;
}
.btnSignUp
{
margin-top: 3px;
margin-left: 1.5em;
color: #006699;
/* keep as buttons per form element, not body... */
font-size: 9pt;
font-weight: verdana;
font-style: italic; /* playful */
}
.tdPartners
{
padding-top: 30px;
padding-left: 0px;
padding-bottom: 18px;
text-align: center;
}
.tdAdColumn
{
width: 171px; /* 170-compatible (empirical, add 1 for the border) */
height: 100%;
}
.tblAdColumn
{
width: 100%;
height: 100%;
margin: 0px;
padding: 15px 4px 0 4px; /* t r b l */
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 */
}
.tblAdColumn2
{
width: 100%;
height: 100%;
margin: 0px;
padding: 15px 4px 0 4px; /* t r b l */
}
.tdAdColCont
{
}
.tdRightBorder
{
width: 3px;
background-color: #1d2fb2;
/* nb: can't do borders here; for tables, not | s */
}
.tdRightBorderAds
{
width: 0px;
/* nb: can't do borders here; for tables, not | s */
}
/* TBD: an ad image link class: .AdImg... could do weird border-shite */
.AdImg
{
padding-top: 0px; /* prob mo-betta */
/*padding-bottom: 6px; hmmm. conflicts w/AdCap; TBD */
}
.AdHead
{
color: #7e2b97;
font-size: 9pt;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
}
.AdHeadLite
{
color: #7e2b97;
font-size: 9.75pt; /* larger, but not bold... */
font-weight: verdana;
padding-top: 6px;
padding-bottom: 6px;
}
.AdCap
{ /* 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
{ /* nb: when used in a the padding does not work */
color: #7e2b97;
font-size: 8.25pt; /* larger, but not bold... */
font-weight: verdana;
padding-top: 6px;
padding-bottom: 12px;
}
.tblSectBar
{ /* use inside | */
color: #006699;
background-color: rgb(240, 240, 248);
margin: 10px 0 10px 0; /* t r b l; margin doesn't work when used in a tag */
padding: 4px 4px 4px 8px; /* extra on left...*/
}
.divSectBar
{ /* use inside */
color: #006699;
border-style: solid;
border-bottom-style: groove;
border-right-style: groove;
border-color: rgb(192, 192, 192);
border-width: 1px 2px 2px 1px; /* t r b l */
background-color: rgb(240, 240, 248);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
margin: 10px 0 10px 0; /* t r b l */
padding: 4px 4px 4px 8px; /* extra on left...*/
}
.h2SectBar
{
font-size: 12.75pt;
/*font-weight: bold; we inherit this from h2 element */
margin: 0px; /* we leave the margin and padding to the containing div */
padding: 0px;
}
.h2LinkBar
{
font-size: 9.75pt;/* this is a variant used in the add_url files; titles are longish, so smaller font */
/*font-weight: bold; we inherit this from h2 element */
margin: 0px; /* we leave the margin and padding to the containing div */
padding: 0px;
}
.h3LinkEx
{
color: #636363; /* a medium gray, but not seen as these should be BLinks */
font-size: 9pt;
/*font-weight: bold; we inherit this from h3 element */
margin: 10px 0px 0px 0px; /* t r b l */
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
{
color: white;
/* */
font-size: 9pt;
/* font-weight: verdana; */
}
/* Standard bodytext style */
.h2
{
color: #000000; /* a medium gray */
font-size: 9pt;
}
.h6
{
color: #006699;
font-size: 9pt;
}
.h8
{
color: #7e2b97;
font-size: 15pt;
font-weight: verdana;
/* text-transform: capitalize; */
/* font-variant: small-caps; */
}
.h9
{ /* plus many others... */
color: #7e2b97;
font-size: 12pt;
font-weight: bold;
}
.h11
{
color: #7e2b97;
font-size: 10.5pt;
font-weight: verdana;
}
.h12
{
color: #006699;
font-size: 10.5pt;
font-weight: verdana;
}
.h14
{
color: #2b378e;
font-size: 9pt;
font-weight: bold;
}
.h17
{
color: #7e2b97;
/* nb: arial first -- narrower see also: .h8 */
font-size: 15pt;
font-weight: verdana;
/* text-transform: capitalize; */
/* font-variant: small-caps; */
}
.h19
{
color: #2b378e;
font-size: 12.75pt;
font-weight: bold;
}
.h21
{
color: black;
font-size: 8pt;
}
.h22
{
color: black;
/*font-family: Arial, Verdana, Helvetica, sans-serif;*/ /* nb: arial first -- narrower */
font-size: 9pt;
font-weight: verdana;
}
.h23
{
color: #2b378e;
font-size: 12.75pt;
font-weight: verdana;
}
.h24
{
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;
}
:hover.h25
{
color: white; /* weird; see: yoga/balispirit_yoga_holiday.html: About The Hotel */
}
.h27
{
color: #7e2b97;
font-size: 9pt;
font-weight: verdana;
}
.h28
{
color: #006699;
font-size: 7.5pt;
}
.h29
{
color: red;
/* nb: arial first -- narrower */
font-size: 8pt;
font-weight: verdana;
}
.star
{
color: red;
font-size: 9pt;
font-weight: bold;
}
.h30
{
color: #0000cc;
/* nb: arial first -- narrower */
font-size: 8pt;
}
.h31
{
color: #7e2b97;
font-size: 8.25pt;
}
.h32
{
color: black;
font-size: 18pt;
font-weight: verdana;
}
.h33 {
color: #333399;
font-size: 18pt;
font-weight: verdana;
}
.h34 {
color: #333399;
font-size: 9pt;
font-weight: verdana;
}
.h35
{
color: #ffff33;
font-size: 10.5pt;
font-weight: bold;
}
.h36 {
color: #b3123c;
font-size: 10.5pt;
font-weight: bold;
}
.h37
{
color: white;
font-size: 9pt;
font-weight: bold;
}
.h39
{
color: white;
font-size: 11.25pt;
font-weight: bold;
}
.h41
{
color: #0073bb;
font-size: 15pt;
font-weight: verdana;
}
.h43
{
color: #0073bb;
font-size: 10.5pt;
font-weight: verdana;
}
.h44
{
color: #2b378e;
font-size: 10.5pt;
font-weight: bold;
}
.h46
{
color: #8c3f47;
font-size: 9pt;
font-weight: bold;
}
.small_text
{
color: #2b378e;
font-size: 7.5pt;
}
.newscopyright
{
color: #4775a6;
font-size: 10pt;
font-weight: bold;
}
#astroturf
{
color:Green;
}
.RBox
{
float: left;
padding: 6px;
border-width: 1px 1px 1px 1px; /* t r b l */
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
font-size: 10pt;
text-align: left;
}
.textindent{
font: Verdana;
padding-left: 6px;
color:#000000;
font-size: 9pt;
}
.ImageL { float: left; margin-bottom: 6px; margin-top:0px; margin-right:6px; }
.color_purple{
color:#A596F3;
}
.color_orange{
color:#9A7E35;
}
.color_white{
color:#FFFFFF;
}
.color_dark_green{
color:#007148;
}
.color_light_blue{
color:#FFFFFF;
font-size:14px;
}
.tdLeftSidebar2
{
width: 170px;
background-color: #FFFFFF;
border-right: 1px;
border-right-style: solid;
border-right-color: #a4ebee;
}
.RBox2
{
float: center;
padding-right: 0px;
border-width: 1px 1px 1px 1px; /* t r b l */
}
.TopFloat{
float:inherit;
}
.LBox{
float: right;
padding: 6px;
border-width: 1px 1px 1px 1px; /* t r b l */
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
font-size: 10pt;
text-align: left;
}
.tblMainWnd2
{
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;
*/
}
.tblTopImgs2
{
border: 0px;
width:1000px;
background-color:#707ABF;
}
.small_border{
border: 1px;
border-color:#6666CC;
border-style:solid;
border-width:1px;
font-size:10px;
font-weight:verdana;
line-height:16px;
text-align:justify;
}
.box_table{
background-color:#000099;
color:#FFFFFF;
font-size:11px;
}
.td_box_tb{
padding:10px;
text-align:justify;
line-height:15px;
}
.link_box_tb{
font-size:12px;
color:#FFFFFF;
}
:hover.link_box_tb{
font-size:12px;
color:#000033;
}
.tb_desaseni{
}
.title_desaseni_cl{
color:#000000;
font-size:14px;
}
.tblcl_desaseni
{
color: black;
font-size: 8pt;
margin-top: 8px;
margin-bottom: 8px;
border-width: 1px;
border-style:groove;
border-color: #000000;
}
.tb_clthevillas{
background-color:#000000;
color:#FFFFFF;
font-size:11px;
}
.title_thevillas_cl{
color:#FFFFFF;
font-size:14px;
/* text-decoration:none;*/
}
:hover.title_thevillas_cl{
color:#FFFFFF;
font-size:14px;
text-decoration:underline;
}
.email_villas{
color:#FFFFFF;
font-size:12px;
}
:hover.email_villas{
color:#FFFFFF;
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;
}
:hover.links_new{
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:#FFFFFF;
}
.sub_title_news{
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:700;
color:#FFFFFF;
text-decoration:none;
}
:hover.sub_title_news{
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:700;
color:#FFFFFF;
text-decoration:underline;
}
.textonmainbody{
text-align:justify;
font-size:12px;
}
.text_desc_section
{
color: #2b378e;
font-size: 14px;
margin: 0px 0px 10px 0px; /* t r b l */
padding: 0px;
}
.box_home_text{
color:#FFFF00;
font-size:12px;
}
.box_home_title{
color:#FFFF00;
font-size:14px;
}
/* deleted later */
.border_preview {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; Z-INDEX: 100; BACKGROUND: #ff; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute
}
.preview_temp_load {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: middle; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.preview_temp_load IMG {
VERTICAL-ALIGN: middle; TEXT-ALIGN: center
}
#loader_container {
WIDTH: 100%; POSITION: absolute; TOP: 40%; TEXT-ALIGN: center
}
#loader {
BORDER-RIGHT: #0000CC 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #0000CC 1px solid;
DISPLAY: block;
PADDING-LEFT: 0px;
FONT-SIZE: 10px; Z-INDEX: 255;
PADDING-BOTTOM: 16px; MARGIN: 0px auto;
BORDER-LEFT: #0000CC 1px solid;
WIDTH: 135px; COLOR: #000000;
PADDING-TOP: 10px;
BORDER-BOTTOM: #0000CC 1px solid;
BACKGROUND-COLOR: #ffffff;
TEXT-ALIGN: left
}
#progress {
FONT-SIZE: 1px; LEFT: 10px; WIDTH: 1px; POSITION: relative; TOP: 1px; HEIGHT: 5px; BACKGROUND-COLOR: #0000CC
}
#loader_bg {
FONT-SIZE: 1px; LEFT: 8px; WIDTH: 113px; POSITION: relative; TOP: 8px; HEIGHT: 7px; BACKGROUND-COLOR: #CCCCCC
}
.title_h2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; WIDTH: 300px; PADDING-TOP: 12px
} | | | |