/*
 -------------------- [ NORTHERN SUBURBS NETBALL DESIGN ] --------------------
updated: August 2009
© Complete Data Solutions Limited - e-Sports.net
updated: May 2010 - cleaned up CelSport grade tab presentation
*/
@import url("http://www.e-clubs.net.nz/css/www-centredesign.css");
/*
 -------------------- [ BODY ] --------------------
*/
body
{
font-family: Trebuchet MS, Tahoma, Verdana;
font-size: 10.5pt;
font-weight: normal;
}
body#special
{
background: url(../static/1-background.jpg);
background-attachment: fixed;
}
/*
 -------------------- [ TOP ] --------------------
*/
div#top
{
}
/*
 -------------------- [ NAVIGATOR ] --------------------
*/
body#special div#navigator
{
position: absolute;
left: 7%;
top: 0;
border-bottom: 1px solid white;
background: semi-transparent;
margin-top: 10pt;
margin-bottom: 4pt;
padding: 3pt;
padding-bottom: 3pt;
width: 91%;
color: black;
text-align: left;
overflow: visible;
z-index:1;
}
/*
 -------------------- [ SCROLLER ] --------------------
*/
body#special div#scroller
{
position: absolute;
left: 7%;
top: 80px;
width: 91.5%;
background: transparent;
padding: 0;
overflow: none;
z-index: 1;
}
/*
 -------------------- [ CONTENT ] --------------------
*/
div#content
{
background: transparent;
position: absolute;
left: 7%;
top: 45px;
width: 91.5%;
}
/*
 -------------------- [ MARGINS ] --------------------
*/
div#panel-d26p1-end
{
left: 7%;
width: 91.5%;
height: 30px;
float: left;
}
/*
 -------------------- [ EVENTS ] --------------------
*/
.daEventsTitle
{
display:none;
}
.eventsMonth
{
margin: 0;
border: 0;
padding-left: 4pt;
background-color: black;
font-weight: bold;
font-size: 100%;
color: white;
text-transform: uppercase;
letter-spacing: 1pt;
}
.event,.todaysevent,.eventDate,.eventSubject
{
border: 0;
margin: 0;
padding-bottom: 2pt;
text-transform: uppercase;
font-weight: normal;
font-size: 90%;
}
.todaysevent
{
color: red;
font-weight: bold;
}
.eventDate
{
padding-bottom: 0;
color: black;
font-weight: bold;
font-size: 100%;
}
/*
 -------------------- [ IMAGES ] --------------------
*/
img
{
margin: 2pt;
/*
margin-top: 2pt;
margin-bottom: 2pt;
padding: 2pt;
*/
border: 1px solid black;
}
img.imagetype0,img.imagetype1,img.imagetype2,img.imagetype51,img.imagetype52
{
}
/*
 -------------------- [ PARAGRAPHS ] --------------------
*/
p, input, select, option, 
{
font-size: 100%;
margin: 0px;
}
.sportsCode
{
font-weight: bold;
font-size: smaller;
text-transform: uppercase;
color: black;
padding-left: 1px;
}
.topicHeading
{
font-weight: bold;
font-size: 110%;
text-transform: uppercase;
background-color: black;
color: white;
letter-spacing: 2px;
margin-bottom: 2pt;
padding: 1px;
padding-left: 4px;
}
.header
{
background-color: black;
color: white;
font-weight: bold;
font-size: 110%;
margin: 0px;
margin-top: 6px;
borders: 0px;
padding:4px;
letter-spacing: 1px;
}
.smallheader
{
font-weight: 650;
font-size: 70%;
borders: 0px;
padding:0px;
margin: 0px;
}
.highlightHeading
{
font-weight: bold;
font-size: 110%;
text-transform: uppercase;
background-color: black;
color: red;
letter-spacing: 1px;
margin-top: 2pt;
margin-bottom: 2pt;
padding: 1px;
padding-left: 4px;
}
.largeheading
{
font-weight: bold;
font-size: 200%;
color: black;
margin: 0px;
margin-top: 4px;
borders: 0px;
padding:0px;
letter-spacing: 1px;
}
.heading
{
font-weight: bold;
font-size: 120%;
text-transform: uppercase;
margin: 0px;
margin-top: 4px;
borders: 0px;
padding:0px;
letter-spacing: 1px;
}
.forword
{
font-weight: bold;
font-size: 105%;
margin: 0px;
margin-top: 1px;
borders: 0px;
padding:0px;
}
.author
{
font-size: 85%;
font-weight: normal;
font-style: italic;
width: 100%;
borders: 0px;
padding:0px;
text-align: right;
border-bottom: 1px solid lightgrey;
margin-top: 4px;
}
.photographer
{
font-style: italic;
font-weight: normal;
font-size: 85%;
color: gray;
margin-left: 10px;
margin-top: -4px;
borders: 0px;
padding:0px;
text-align: right;
}
.fullimage
{
border: 1px solid lightgrey;
width: 100%;
}
.fullimagenoborder
{
border: 0;
width: 100%;
}
.halfimage
{
border: 1px solid lightgrey;
width: 50%;
}
.halfimagenoborder
{
border: 0;
width: 50%;
}
.imagecaption
{
font-weight: normal;
font-size: 90%;
color: gray;
borders: 0px;
padding:0px;
margin: 0px;
}
.text
{
font-weight: normal;
font-size: 100%;
border: 0;
padding: 0;
margin: 0;
}
/*
 -------------------- [ LINE BREAKS AND LINES ] --------------------
br
{
}
*/
hr.standard
{
border: 1px solid white;
}
/*
 -------------------- [ PARAGRAPH - HYPERLINKS ] --------------------
*/
a, a:link,
a:visited,
a:active
{
color: black;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
cursor: hand;
}
a:hover
{
color: red;
}
/*
 -------------------- [ NAVIGATOR - HYPERLINKS ] --------------------
*/
div#navigator a,
div#navigator a:link,
div#navigator a:visited,
div#navigator a:active
{
font-family: Trebuchet MS, Tahoma, Verdana;
font-size: 10pt;
font-weight: 800;
text-align: left;
cursor: hand;
color: black;
}
div#navigator a:hover
{
color: red;
}
div#navigator .currentPage
{
color: white;
}
div#navigator .otherPage
{
color: black;
}
div#navigator .nav-seperator
{
display: ;
}
/*
 -------------------- [ CELSPORT - HYPERLINKS ] --------------------
*/
div.CelSportV2 div.panel02 a,
div.CelSportV2 div.panel02 a:link,
div.CelSportV2 div.panel02 a:visited,
div.CelSportV2 div.panel02 a:active
{
cursor: hand;
width: 100%;
margin: 0;
margin-left: 1px;
margin-bottom: 3px;
padding: 0;
padding-left: 3px;
border: 1px solid gray;
text-transform: uppercase;
font-size: 85%;
display: block;
background-color: black;
color: white;
}
div.CelSportV2 div.panel02 a:hover
{
background-color: black;
color: red;
}
div.CelSportV2 div.panel03 a,
div.CelSportV2 div.panel03 a:link,
div.CelSportV2 div.panel03 a:visited,
div.CelSportV2 div.panel03 a:active
{
cursor: hand;
margin-top: 0px; /* change from 2 to 0  21-05-2010 */
margin-left: 0;
margin-right: 2pt;
margin-bottom: 2pt;
padding-left: 4px;
padding-right: 2px;
text-transform: uppercase;
width: 88px;
font-size: 85% 1.3;
display: block;
float: left;
border: 1px solid gray;
background-color: black;
color: white;
}
div.CelSportV2 div.panel03 a:hover
{
text-transform: uppercase;
width: 88px;
background-color: black;
color: red;
}
/*
 -------------------- [ CELSPORT - COLOURED ITEMS ] --------------------
*/
div.CelSportV2 .drawtitle, 
div.CelSportV2 .drawnewsheading,
div.CelSportV2 .dateheading
{
background-color: black;
color: white;
}