/*
--------------- [ DEFINITION FOR BOOST BUILDING LTD ] ---------------

dated: Tue, 11 Jun 2024, 12:52 PM
generated by: Complete Data Solutions Limited
profile version: v1.2

*/
@import url("https://www.e-clubs.net.nz/css/www-commercialdesign-v2.css");
@import url("https://www.e-clubs.net.nz/css/www-commercial-page-designs.css");
/*
 -------------------- [ BODY ] --------------------
*/
body
{
margin-top: 0.25cm;
margin-left: 0.25cm;
font-family: Arial;
font-size: 10.5pt;
color: black;
font-style: normal;
}
body#special
{
margin-top: 0.25cm;
margin-left: 0.25cm;
font-family: Arial;
font-size: 10.5pt;
color: black;
font-style: normal;
--himages: none;
--hcimages: ;

}
div#content
{
margin-top: 1.9cm;
width: 98%;
float: left;
}
body#special div#header
{
width: 99%;
top: 0;
left: 0;
position: fixed;
padding: 6px 6px 6px 6px;
}
div.icon
{
border: 0px dotted gray;
text-align: center;
margin: 4px;
float: left;
}
span#iconTEXT
{
width: 100%;
font-family: Arial;
font-size: .65em;
font-style: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
float: left;
}
/*
 -------------------- [ NAVIGATOR ] --------------------
*/
body#special div#navigatorv2
{
width: 99%;
top: 0;
left: 0;
position: fixed;
padding: 6px 6px 6px 6px;
border-bottom: 0px solid gray;
background: white;
-webkit-box-shadow: -2px 8px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -2px 8px 10px rgba(0, 0, 0, 0.5);
box-shadow: -2px 8px 10px rgba(0, 0, 0, 0.5);
margin-top: 0cm;
text-align: left;
color: navy;
margin-bottom: 0.1cm;
overflow: display;
z-index: 1000;
}/*
 -------------------- [ MOBILE NAVIGATOR ] --------------------
*/
body#special div#mobileNavigator
{
width: 95.5%;
top: 0;
left: 0;
position: fixed;
padding: 6px 12px 6px 6px;
border-bottom: 0px solid gray;
border-radius: 3px;
background: white;
-webkit-box-shadow: -2px 8px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -2px 8px 10px rgba(0, 0, 0, 0.5);
box-shadow: -2px 8px 10px rgba(0, 0, 0, 0.5);
z-index: 10000;
}/*
 -------------------- [ HAMBURGER NAVIGATOR - PAGE TITLE ] --------------------
*/
/*
 -------------------- [ HAMBURGER NAVIGATOR - SPECIFICATIONS ] --------------------
*/
div#navigatorv2 #hamburger, div#mobileNavigator #hamburgerm
{
	float:right;
	padding:0;
	margin:0;
	width:.9cm;
	margin-right: 4px;
	border: 1px solid lightgrey;
	border-radius: 3px 3px;
	display: var(--himages);
}
div#navigatorv2 #closehamburger, div#mobileNavigator #closehamburgerm
{
	float:right;
	padding:0;
	margin:0;
	width:.9cm;
	margin-right: 4px;
	border: 1px solid lightgrey;
	border-radius: 3px 3px;
	display: var(--hcimages);
}

div#mobileNavigator #hamburgerm
{
	margin-right: 9px;
	display: var(--himages);
}

div#mobileNavigator #closehamburgerm
{
	margin-right: 9px;
	display: var(--hcimages);
}

/*
-------------------- [ MOBILE NAVIGATOR WIDTH  ] --------------------
*/

/*
 -------------------- [ NAVIGATOR - HYPERLINKS ] --------------------
*/
div#navigator .nav-seperator, div#navigatorv2 .nav-seperator, div#mobileNavigator .nav-seperator
{
display: none;
}
div#mobileNavigator a, 
div#mobileNavigator a:link, 
div#mobileNavigator a:visited, 
div#mobileNavigator a:active,
div#mobileNavigator li a,
div#navigator a, 
div#navigator a:link, 
div#navigator a:visited, 
div#navigator a:active,
div#navigator li a,
div#navigatorv2 a, 
div#navigatorv2 a:link, 
div#navigatorv2 a:visited, 
div#navigatorv2 a:active,
div#navigatorv2 li a
{
width: 3.0cm;
display: block;
float: left;
margin-top: 0.1cm;
margin-bottom: 0.1cm;
margin-right: 2px;
text-align: left;
font-family: Arial;
font-size: .9em;
font-weight: bold;
text-shadow: 0px 0px 0px transparent;
padding: 0.2cm;
text-transform: none;
cursor: hand;
z-index: 1000;
}
div#mobileNavigator a:hover, div#navigator a:hover, div#navigatorv2 a:hover
{
text-shadow: 0px 0px 0px transparent;
color: red;
background-color: navy;
}
div#mobileNavigator .currentPage, div#navigator .currentPage, div#navigatorv2 .currentPage
{
text-shadow: 0px 0px 0px transparent;
color: lightblue;
background-color: navy;
}
div#mobileNavigator .otherPage, div#navigator .otherPage, div#navigatorv2 .otherPage
{
color: white;
background-color: navy;
}
div#mobileNavigator .link, div#navigator .link, div#navigatorv2 .link
{
}
/*
 -------------------- [ TEXT HYPERLINKS ] --------------------
*/
a, 
a:link, 
a:visited, 
a:active
{
font-weight: bold;
color: navy;
text-decoration: none;
text-shadow: 0px 0px 0px transparent;
cursor: hand;
}
a #iconTEXT, 
a:link #iconTEXT, 
a:visited #iconTEXT, 
a:active #iconTEXT
{
font-weight: bold;
color: grey;
text-decoration: none;
text-shadow: 0px 0px 0px transparent;
cursor: hand;
}
a:hover, a:hover span#iconTEXT
{
text-shadow: 0px 0px 0px transparent;
color: red;
}
/*
 -------------------- [ TAB PANES / SUB MENUS ] --------------------
*/
.dynamic-tab-pane-control .tab-row
{
background: transparent;
}
.dynamic-tab-pane-control .tab-row .tab
{
padding-top: 0.2cm;
padding-bottom: 0.2cm;
margin: 0;
margin-left: 2px;
margin-bottom: 2px;
font-family: Tahoma;
font-size: .9em;
font-weight: bold;
color: white;
background-color: navy;
padding-left: 0.2cm;
letter-spacing: 1px;
}
.dynamic-tab-pane-control .tab-row .tab.selected
{
padding-top: 0.2cm;
padding-bottom: 0.2cm;
margin: 0;
margin-left: 2px;
margin-bottom: 2px;
/* letter-spacing: 1px; */
padding-left: 0.2cm;
font-family: Tahoma;
font-size: .9em;
font-weight: bold;
background-color: navy;
color: lightblue;
}
.dynamic-tab-pane-control .tab-row .hover a:hover
{
margin: 0;
font-family: Tahoma;
font-size: .9em;
font-weight: bold;
color: red;
}
.dynamic-tab-pane-control .tab-row .tab a
{
padding: 0;
padding-top: 0.2cm;
padding-bottom: 0.2cm;
margin: 0;
text-shadow: 0px 0px 0px grey;
font-family: Tahoma;
font-size: .9em;
font-weight: bold;
background-color: navy;
color: white;
}
.dynamic-tab-pane-control .tab-row .tab.selected a
{
padding: 0;
padding-top: 0.2cm;
padding-bottom: 0.2cm;
margin: 0;
text-shadow: 0px 0px 0px grey;
font-family: Tahoma;
font-size: .9em;
font-weight: bold;
background-color: navy;
color: lightblue;
}
/*
 -------------------- [ SCROLLER ] --------------------
*/
body#special div#scroller
{
margin-top: 0;
margin-left: 0;
margin-bottom: 3pt;
padding: 1pt;
padding-top: 2pt;
overflow: display;

}
.Back
{
background: transparent;
}
.ItemBody
{
font-size: .75em;
font-style: normal;
text-align: center;
color: grey;
margin-top: 0.1cm;
padding: 0.1cm;
letter-spacing: 1px;
text-transform: uppercase;
border: none;
}

/*
 -------------------- [ PARAGRAPHS ] --------------------
*/
.topicHeading
{
font-family: Tahoma;
font-size: .9em;
font-weight: bold;
color: white;
background-color: navy;
margin-top: 0.1cm;
padding-left: 0.2cm;
padding-top: 0.2cm;
padding-bottom: 0.2cm;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px 0px transparent;
}
.largeHeading
{
font-family: Tahoma;
font-size: 1.75em;
font-weight: bold;
color: navy;
margin-top: 0.2cm;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
text-shadow: 5px 5px 5px grey;
}
.heading
{
font-family: Arial;
font-size: 1em;
font-weight: bold;
color: black;
margin-top: 0.3cm;
padding-bottom: 0.1cm;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px 0px transparent;
border-bottom: 1px solid black;
}
.forword
{
font-family: Tahoma;
font-size: 1.1em;
font-weight: bold;
font-style: italic;
color: green;
margin-top: 0.1cm;
padding-bottom: 0.1cm;
}
.text
{
font-family: Arial;
font-size: .9em;
font-style: normal;
color: black;
margin-top: 0.1cm;
line-height: 175%;
}
.quote
{
font-family: Tahoma;
font-size: .9em;
font-style: italic;
color: grey;
margin-top: 0.1cm;
padding: 0.4cm;
}
.caption
{
font-family: Tahoma;
font-size: .75em;
font-style: normal;
color: grey;
letter-spacing: 1px;
text-transform: uppercase;
letter-spacing: 1px;
text-transform: uppercase;}
/*
 -------------------- [ EVENT PARAGRAPHS ] --------------------
*/
.daEventsTitle
{
display: none;
}
.eventsMonth
{
font-family: Tahoma;
font-size: 1.1em;
font-weight: bold;
text-align: left;
color: white;
background-color: navy;
padding: 0.1cm;
padding-left: 0.1cm;
text-decoration: none;
text-shadow: 0px 0px 0px transparent;
}
.eventDate
{
font-family: Tahoma;
font-size: 1.1em;
font-weight: bold;
text-align: left;
color: navy;
text-decoration: none;
text-shadow: 0px 0px 0px transparent;
}
.eventSubject
{
font-family: Tahoma;
font-size: 1em;
font-weight: bold;
text-align: left;
color: navy;
margin-top: 0.2cm;
text-decoration: none;
text-shadow: 5px 5px 5px grey;
}
.eventDescription
{
font-family: Tahoma;
font-size: 1em;
font-style: italic;
text-align: left;
color: black;
margin-top: 0.1cm;
}
/*
 -------------------- [ CALENDAR SETTINGS ] --------------------
*/
/*
25/JUN/2011
these are the definitions for borders
needs a bit of testing before releasing
ensure to have not border on MONTH YEAR and SHOW CURRENT definitions
div#calendar table
{
border: 1.5px solid gray;
}
div#calendar table td
{
border: 1px solid gray;
}
*/
td.MonthYear
{
color: navy;
}
td.WeekDay
{
color: white;
background-color: navy;
}
td.CurrentDay
{
color: red;
background-color: yellow;
}
td.CurrentDay a
{
color: red;
text-shadow: 0px 0px 0px white;
}
td.EventDay
{
color: red;
background-color: white;
}
td.EventDay a
{
color: red;
text-shadow: 0px 0px 0px white;
}
td.NormalDay
{
color: black;
background-color: white;
}
td.NotaDay
{
background-color: lightgrey;
}
td.ShowCurrentDay
{
color: navy;
}
td.ShowCurrentDay a
{
color: navy;
text-shadow: 0px 0px 0px white;
}

/*
 -------------------- [ LISTS ] --------------------
*/
ul, ol
{
margin-top: 1pt;
margin-left: 10pt;
margin-bottom: 1pt;
padding: 0;
}
ul ul, ul ol, ol ol, ol ul
{
margin-top: 1pt;
margin-left: 20pt;
margin-bottom: 1pt;
}
ul li, ol li
{
font-family: Arial;
font-size: .9em;
margin: 2pt;
padding: 0;
list-style-position: outside;
}
ul ol li, ol ul li
{
font-family: Arial;
font-size: .9em;
margin: 2pt;
padding: 0;
list-style-position: outside;
}
ul li
{
font-family: Arial;
font-size: .9em;
list-style-position: outside;
list-style-type: disc;
}
ol li
{
font-family: Arial;
font-size: .9em;
list-style-position: outside;
list-style-type: decimal;
}
ol ol li
{
font-family: Arial;
font-size: .9em;
list-style-position: outside;
list-style-type: lower-alpha;
}
/*
 -------------------- [ OTHER BITS ] --------------------
*/
strong
{
font-weight: bold;
}
em
{
font-style: italic;
}
/*
 -------------------- [ LINE DEFINITION ] --------------------
*/
.line
{
margin-top: 0.1cm;
margin-bottom: 0.1cm;
border-bottom: 1px solid black;
}
/*
 -------------------- [ INTERNAL BITS ] --------------------
 -------------------- [ INACTIVE WEB PAGES ] --------------------
*/
div.inactivepage
{
text-transform: uppercase;
font-size: 400%;
position: absolute;
overflow: visible;
margin-top: 6cm;
color: #49A3FF;
width: 96%;
left: 0%;
right: 0%;
padding: 6px;
margin-left: 2%;
margin-right: 2%;
z-index: 10000;
text-align: center;
text-shadow: 5px 5px 10px grey;
}
/*
 -------------------- [ NO DISPLAY PARAGRAPHS ] --------------------
*/
.nodisplay
{
display: none;
}
/*
 -------------------- [ FORM SETTINGS ] --------------------
*/
body div.form
{
margin-left: 0.25cm;
}
div div.form
{
margin-left: 0;
}
div#external
{
padding-left: 1px;
}
div.form div.formtextbox 
{
padding-right: 3px;
}
div.formtextbox input.formtextbox, div.text input.formtextbox
{
font-size: 1.1em;
font-style: normal;
color: black;
padding-left: 0.06cm;
padding-top: 0.07cm;
padding-bottom: 0.07cm;
}
div.dropdownbox select.dropdownbox/*, div.dropdownbox select.dropdownbox option */
{
font-size: 1.1em;
font-style: bold;
color: black;
padding-left: 0.04cm;
padding-top: 0.05cm;
padding-bottom: 0.05cm;
}

/*
 -------------------- [ RADIUS SETTINGS ] --------------------
*/
textarea, input, select.dropdownbox, .topicHeading, .eventsMonth
{
border-radius: 3px 3px;
}
.dynamic-tab-pane-control .tab-row .tab
{
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
}
#navigator li a, #navigator a, #navigatorv2 li a, #navigatorv2 a, #mobileNavigator li a, #mobileNavigator a
{
margin: 0 2px 0 2px;
border-radius: 4px 4px;
}
div#calendar table
{
border-radius: 10px 10px;
-webkit-border-radius: 10px 10px;
}