/*
--------------- [ DEFINITION FOR COMPLETE DATA SOLUTIONS ] ---------------

dated: Sun, 25 Mar 2012, 1:51 PM
generated by: Complete Data Solutions Limited
profile version: v1.1

*/
@import url("http://www.e-clubs.net.nz/css/www-commercialdesign-v2.css");
@import url("http://www.e-clubs.net.nz/css/www-commercial-page-designs.css");
/*
 -------------------- [ BODY ] --------------------
*/
body
{
--font-family: Arial;
font-family:  var(--font-family);
font-size: 14px;
color: black;
font-style: normal;
}
body#special
{
margin-top: 0.25cm;
margin-left: 0.25cm;
font-family:  var(--font-family);
font-size: 14px;
color: black;
font-style: normal;
}
div#content
{
width: 98%;
}
/*
 -------------------- [ NAVIGATOR ] --------------------
*/
body#special div#navigatorv2
{
text-align: left;
color: white;
margin-top: 0.1cm;
overflow: display;
z-index: 1000;
}
/*
-------------------- [ NAVIGATOR - SUB MENU INDENT AND WIDTH  ] --------------------
*/
#navigator div
{
margin-left: 1.5cm;
width: 3.75cm;
z-index: 1000;
}
#navigator li a, #navigatorv2 li a
{
width: 3.25cm;
text-align: left;
}
#navigator div a, #navigatorv2 div a
{
width: 3.75cm;
text-align: left;
}
/*
 -------------------- [ NAVIGATOR - HYPERLINKS ] --------------------
*/
div#navigator .nav-seperator, div#navigatorv2 .nav-seperator
{
display: none;
}
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
{
font-family: Arial;
font-size: 1.1em;
font-weight: bold;
text-shadow: 0px 0px 0px transparent;
cursor: hand;
z-index: 1000;
}
div#navigator a:hover, div#navigatorv2 a:hover
{
text-shadow: 0px 0px 0px transparent;
color: black;
background-color: red;
}
div#navigator .currentPage, div#navigatorv2 .currentPage
{
text-shadow: 0px 0px 0px transparent;
color: black;
background-color: red;
}
div#navigator .otherPage, div#navigatorv2 .otherPage
{
color: white;
background-color: red;
}
div#navigator .link, div#navigatorv2 .link
{
}
/*
 -------------------- [ TEXT HYPERLINKS ] --------------------
*/
a, 
a:link, 
a:visited, 
a:active
{
font-weight: bold;
color: black;
text-decoration: none;
text-shadow: 5px 5px 5px grey;
cursor: hand;
}
a:hover
{
text-shadow: 5px 5px 5px black;
color: red;
}
/*
 -------------------- [ TAB PANES / SUB MENUS ] --------------------
*/
.dynamic-tab-pane-control .tab-row
{
background: transparent;
}
.dynamic-tab-pane-control .tab-row .tab
{
padding-top: 0.1cm;
padding-bottom: 0.1cm;
margin: 0;
margin-left: 2px;
font-family: var(--font-family);
font-size: 1em;
font-weight: bold;
color: white;
background-color: navy;
padding-left: 0.1cm;
}
.dynamic-tab-pane-control .tab-row .tab.selected
{
padding-top: 0.1cm;
padding-bottom: 0.1cm;
margin: 0;
margin-left: 2px;
/* letter-spacing: 1px; */
padding-left: 0.1cm;
font-family: var(--font-family);
font-size: 1em;
font-weight: bold;
background-color: navy;
color: lightblue;
}
.dynamic-tab-pane-control .tab-row .hover a:hover
{
margin: 0;
font-family: var(--font-family);
font-size: 1em;
font-weight: bold;
color: lightblue;
}
.dynamic-tab-pane-control .tab-row .tab a
{
padding: 0;
padding-top: 0.1cm;
padding-bottom: 0.1cm;
margin: 0;
text-shadow: 0px 0px 0px grey;
font-family: var(--font-family);
font-size: 1em;
font-weight: bold;
background-color: navy;
color: white;
}
.dynamic-tab-pane-control .tab-row .tab.selected a
{
padding: 0;
padding-top: 0.1cm;
padding-bottom: 0.1cm;
margin: 0;
text-shadow: 0px 0px 0px grey;
font-family: var(--font-family);
font-size: 1em;
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-family: var(--font-family);
font-size: .8em;
font-weight: bold;
text-align: center;
color: navy;
padding: 0.1cm;
text-transform: uppercase;
border: none;
}
/*
 -------------------- [ PARAGRAPHS ] --------------------
*/
.topicHeading
{
font-family: var(--font-family);
font-size: 1em;
font-weight: bold;
color: white;
background-color: navy;
margin-top: 0.1cm;
padding-left: 0.1cm;
padding-top: 0.1cm;
padding-bottom: 0.1cm;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px 0px transparent;
}
.largeHeading
{
font-family: var(--font-family);
font-size: 1.3em;
font-weight: bold;
color: red;
margin-top: 0.1cm;
padding-bottom: 0.1cm;
text-transform: uppercase;
text-decoration: none;
text-shadow: 5px 5px 5px grey;
}
.heading
{
font-family: var(--font-family);
font-size: 1.1em;
font-weight: bold;
color: navy;
margin-top: 0.1cm;
padding-bottom: 0.1cm;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px 0px grey;
/*
text-shadow: 5px 5px 5px grey;
*/
}
.forword
{
font-family: var(--font-family);
font-size: 1.1em;
font-weight: bold;
font-style: italic;
color: black;
padding-top: 0.1cm;
padding-bottom: 0.1cm;
}
.text
{
font-family: var(--font-family);
font-size: 1em;
font-style: normal;
color: black;
}
.quote
{
font-family: var(--font-family);
font-size: 1em;
font-weight: bold;
font-style: italic;
color: black;
padding-top: 0.1cm;
}
.caption
{
font-family: var(--font-family);
font-size: .9em;
font-style: italic;
color: grey;
padding-bottom: 0.1cm;
}
/*
 -------------------- [ EVENT PARAGRAPHS ] --------------------
*/
.daEventsTitle
{
display: none;
}
.eventsMonth
{
font-family: var(--font-family);
font-size: 1.2em;
font-weight: bold;
text-align: left;
color: white;
background-color: navy;
margin-top: 0.1cm;
padding: 0.1cm;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px 0px transparent;
}
.eventDate
{
font-family: var(--font-family);
font-size: 1.2em;
font-weight: bold;
text-align: left;
color: navy;
margin-top: 0.1cm;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px 0px transparent;
}
.eventSubject
{
font-family: var(--font-family);
font-size: .9em;
font-weight: bold;
text-align: left;
color: red;
margin-top: 0.1cm;
text-transform: uppercase;
text-decoration: none;
text-shadow: 5px 5px 5px grey;
}
.eventDescription
{
font-family: var(--font-family);
font-size: .9em;
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: black;
}
td.EventDay a
{

color: black;
text-shadow: 0px 0px 0px white;
}
td.NormalDay
{
color: grey;
}
td.NotaDay
{
}
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
{
margin: 0;
padding: 0;
list-style-position: outside;
}
ul ol li, ol ul li
{
margin: 0;
padding: 0;
list-style-position: outside;
}
ul li
{
list-style-position: outside;
list-style-type: disc;
}
ol li
{
list-style-position: outside;
list-style-type: decimal;
}
ol ol li
{
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 red;
}
/*
 -------------------- [ 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;
}