html {}
/*******************************************

 Coast Swim Club New Zealand - Screen 2008 
 Created by Josh Reid @ XSV Copyright 2008 

*******************************************/

/******* COLORS *******/

.red	{ color: #d71f27; }

.Dblue	{ color: #12222e; }
.blue	{ color: #0071bc; }
.Mblue	{ color: #58b6dd; }
.Lblue	{ color: #9dcee8; }
.VLblue	{ color: #e2eef7; }

.Black	{ color: #000; }
.Grey	{ color: #999; }
.Lgrey	{ color: #DDD; }
.White	{ color: #FFF; }


/*------------------Start Default Browser Code------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}

:focus {
	outline: 0;
	}
a {
	text-decoration: underline;
	color: #0071bc;
}

a:hover {
	color: #d71f27;
}

a, a:active, a:active, input:focus, input:focus, input:active, input:active {
	outline:none;
  	/*-moz-outline-style: none;*/
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
	
hr {
	border:0; 
	border-top: 1px solid #9dcee8;
	width:100%;
	height:1px;
	margin:.6em 0 1em;
	clear:both;
}

/********* BODY + SET-UPS *********/
html {
font-size: 1.25em;
}
body {
font-size: 50%;
}
html>body {
font-size: 10px;
}
body {
	font-family:'Trebuchet MS', Tahoma, Arial, sans-serif;
	color: #12222e;
	line-height:1.4em;
	background:#d71f27 url(/images/csc/bk/bodyBk.png) repeat-x;
	position:relative;
	}
body, div, form, img, dl, dt, dd {
	margin:0;
	padding:0;
	border:0;
	}
img {
	display:block;
}

/********* BASE ELEMENTS *********/
#entire {
	margin: 0 auto;
	padding:0 4px;
	width: 975px;
	position:relative;
}
#center {
	background:#FFF url(/images/csc/bk/centerBk.png);
}

/* LOGO */
#logo {
	position:absolute;
	right:50px;
	top:10px;
	display:block;
	width:180px;
	height:180px;
	border:0;
	z-index:1;
	cursor:pointer;
	background:transparent url(/images/csc/logo/CoastSwimClub.png) left top no-repeat;
	behavior: url(/css/iepngfix.htc);
	}
#logo a { 
	display:block;
	height:180px;
	border:0;
	position:relative;
	background:url(/images/gen/bk/spacer.gif);
	z-index:11;
	}
#logo a img {
	display:none;	
	}

/* CONTENT HOLDERS */
	
#header, #content {
	margin:0 auto;
	width:100%;
	position:relative;
	}
#header {
	height:190px;
	background: url(/images/csc/bk/hdrBk.png) no-repeat;
	position:relative;
	z-index:2;
	}
.memberDetails {
	position: absolute;
	top:0;
	left:190px;
	color:#FFF;
}
#topNav {
	position:absolute;
	left:21px;
	top:103px;
	width:735px;
	height:30px;
	behavior: url(/css/iepngfix.htc);
	z-index:2;
}
#topHdr {
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
	height:45px;
	width:540px;
	background:#333 url(/images/csc/bk/topHdrBk.png) repeat-y;
	border-top:4px solid #d71f27;
	border-bottom:4px solid #000;
	padding:10px 15px;
}
#homePanel {
	position:relative;
	z-index:0;
	height:265px;
	background:#e2eef7 url(/images/csc/bk/homePanelBk.jpg) no-repeat;
}
#homeText {
	position:relative;
	z-index:0;
	padding:10px 10px 5px;
	margin:15px 0;
	background:#e2eef7 url(/images/csc/bk/panelBk.gif) repeat-y;
}
#visibleKRD {
	position:relative;
	padding:10px 0;
	width:656px;
	color:#888;
}
#content {
	padding-bottom: 65px;
	position: relative;
	overflow:hidden;
	background: url(/images/csc/bk/contBk.png) no-repeat;
	z-index:1;
}
#footer {
	width:570px;
	height:38px;
	padding:12px 0 0 91px;
	position: absolute;
	bottom:0;
	left:4px;
	color:#58b6dd;
	z-index:100;
	}
.ownerLink {
	font-weight:bold;
	}
.main {
	float:left;
	width:570px;
	padding:0 0 0 91px;
}
.memberMain {
	padding-bottom:20px;
}
.sub {
	float: right;
	width: 250px;
	padding:40px 20px 10px 20px;
	clear:right;
	margin-bottom:-50px;
}

.flashSSP {
	height:450px;
	padding:.5em 0 2.5em;
	position:relative;
}
p .flashSSP {
	margin-top:-1em;
}
	
/* BACKGROUNDS */
#extra1, #extra2 {
	display:none;
}

#entire .bk {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:100%;
	z-index:-1;
}
#entire div .bk, #fontChange{
	display:none;
} 
/* MAC FF Flash CSS Opacity bug fix */
#hdrBk, .bk, .tool-tip, ul.pdcalendar li ul {
	background:transparent url(../images/gen/bk/transBig.png) !important;
	-moz-opacity:100 !important; 
	filter:alpha(opacity=100) !important;
	opacity:100 !important;
	/* IE 6 */
	background:#000;
	-moz-opacity:.7; 
	filter:alpha(opacity=70);
	opacity:.70;	
}

/******** PORTFOLIO HOLDERS *********/
.iA, .iB {
	margin:0 0 11px 0;
	width:260px;
	height:120px;
	position:relative;
	overflow:hidden;
	display:block;
	text-decoration:none;
	background:50% 50% no-repeat;
}
.iB {
	display:block;
	width:256px;
	height:116px;
	border:2px solid #DDD;
	margin:0;
}
.iB:hover {
	border-color:#58b6dd;
}
.iB img {
	display:none;
}
/* PANEL */
.block, .panel {
	float:none;
	width:100%;
	padding:0 0 10px;
}
.panel {
	padding:5px 0 0;	
}
.sub #searchForm {
	padding-left:5px;
}

/******** Images in Content *********/
.imgL, .imgLs {
	float:left;
	margin:5px 15px 10px 0;
	}
.imgR, .imgRs {
	float:right;
	margin:5px 0 10px 15px;
	}
.imgLs, .imgRs {
	width:100px;
	}

.web, .pdf, .email {
	height:22px;
	padding:5px 0 5px 40px;
	background:transparent url(/images/gen/ico/pdf_32.gif) no-repeat;
	font-size:1.1em;
	display:block;
	font-weight:bold;
	margin-bottom:.3em;
	}
.email {
	background-image:url(/images/gen/ico/email_32.gif);
}
.web {
	background-image:url(/images/gen/ico/web_32.gif);
}

/***************** TEXT STYLES *****************/
h1, h2, h3, h4, h5, h6 {
	line-height: 1.3em;
}
h1, h2 {
	font-size:2em;
	font-weight:normal;
	}
#topHdr h1 {
	color: #FFF;
	font-weight: bold;
	font-size:1.2em;
}
#topHdr h2 {
	color: #FFF;
	font-weight: bold;
	font-size:2.4em;
	padding:0;
}
h1 span {
	font-size:.6em;
}
h2, .h2r {
	color: #12222e;
	font-size:2.2em;
	line-height:1.1em;
	padding-bottom:.4em;
	text-transform:uppercase;
	}
#topHdr h2 {
	padding-bottom:0;
}
.h2r {
	/*float:right;*/
	font-size:1.2em;
	padding-top:.9em;
	letter-spacing:0;
}
h2 a {
	font-weight:normal;
	border-color:#666;
	padding-bottom:0;
}
.h2r a {
	font-weight:bold;
	color:#58b6dd;
/*	border:0;*/
}
h2 a:hover {
	color:#CCC;
	border-color:#666;
}
.h2r a:hover {
	color:#CCC;
	/*border:0;*/
}
.sub h2 {
	margin-left: 12px;
	color: #0071bc;
	font-size: 15px;
	font-weight: bold;
}
.spaced {
	letter-spacing:2px;
	}
h3, .main p.xsltsearch_result_title { 
	font-size:1.8em;
	line-height:1.3em;
	color:#0071bc;
	font-weight:bold;
	padding:.3em 0 .5em;
	clear:both;
	}
h3 a {
	color:#0071bc;
}
h3 a:hover {
	color:#58b6dd;
}
h4 {
	font-size:1.5em;
	color:#58b6dd;
	font-weight:bold;
	margin-bottom:.3em;
}
h5, h6 {
	font-size:1.1em;		
	padding-bottom:1em;
}
p {
}
.sm {
	font-size:.9em;
}
small {
	font-size:1em;
}
cite {
	font-style:normal;
}	
.main p, #umbPasswordForgot_12_thankyou {
	font-size:1.3em;
	line-height:1.5em;
	padding-bottom:.6em;
	padding-right:15px;
	}
.sub p {
	font-size:1.1em;
	line-height:1.3em;
	padding-bottom:.8em;
	
}
#footer p {
	padding:.5em 0;
	margin:0;
	color:#58b6dd;
}
#footer a {
	padding:0;
	color:#58b6dd;
}
#footer a:hover {
	color:#0071bc;
}
#footer .memberDetails a {
	color:#0071bc;
}
#footer .memberDetails a:hover {
	color:#12222e;
}

/* LIST STYLES */
ul, ol {
	list-style:disc outside;
	margin:0 1em 1em 1.8em;
	padding:0;
	font-size:1.3em;
	line-height:1.4em;
	font-weight:bold;
}
ol {
	list-style:decimal outside;
}
ul ul {
	font-size:1em;
	line-height:1.3em;
}
li {
	margin:0;
	padding:.1em 0;
}

/* Block List */

.block ul {
	list-style:none;
	margin:.3em 0 0;
	padding:0;
}

.block li {
	margin:0;
	padding:.3em 0 0;
	line-height:1.4em;
}

/* Sub List */

.sub ul {
	padding:0 10px 10px;
	border-bottom:1px solid #9dcee8;
}

/* Sitemap List */
#sitemap ul {
	list-style:none;
	font-size:1.8em;
	padding:0;
	margin-bottom:0;
}
#sitemap li {
	padding:1em 0;
	border-bottom:1px solid #9dcee8;
	}
#sitemap ul ul {
	font-size:.7em;
	padding:0;
	line-height:1.3em;
	font-weight:bold;
}
#sitemap li li {
	padding:.2em 0;
	border:0;
}
#sitemap ul ul ul {
	font-size:1em;
	padding:0;
	font-weight:normal;
}
#sitemap li li li {
	padding:.1em 0;
}

/******** NEWS & EVENTS *********/
/* COLLECTIONS */
div.fullList {
	margin:0;
}
div.newsItem, div.eventItem {
	padding:15px;
	margin:15px 0 0;
	background:#e2eef7 url(/images/csc/bk/panelBk.gif) 50% repeat-y;
}
.fullList h3 {
	padding:.3em 0 .4em;
	margin:0;
	clear:none;
}
.fullList h3 a {

}
.fullList h6 {
	padding:0;
	margin:0;
}
.fullList p {
	padding:0;
}

/* SUMMARIES */
div.summaryList {
	padding:0 0 1em;
}
div.summaryList a {
	color:#12222e;
	}
.main .summaryList {
	float:left;
	width:275px;
}
.main .summaryList.eventsList {
	float:right;
}
div.summaryList h3, .sub h3 {
	font-size:1.8em;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFF;
	padding:4px 10px 2px;
	margin:0;
	background:#333 url(/images/csc/bk/listH3Bk.png) repeat-y;
	border-top:3px solid #d71f27;
	border-bottom:3px solid #000;
	clear:none;
}
/* Link to Collection */
div.summaryList h6 {
	font-size:1em;
	float:right;
	padding:1.4em 1em 0;
}
div.summaryList h6 a {
	color:#000;
}
div.summaryList h6 a:hover {
	color:#FFF;
}
/* LIST */
div.summaryList ul, div.summaryList li {
	list-style:none;
	margin:0;
	padding:0;
	border:0;
}
div.summaryList ul {
	font-size:1.2em;
}
.sub div.summaryList ul {	
	background:transparent;
	font-size:1em;
}
div.summaryList li {
	margin:0;
	border-bottom:1px solid #9dcee8;
	background:#e2eef7 url(/images/csc/bk/panelBk.gif) 60% 30% repeat-y;
}
.sub div.summaryList li {	
	background:transparent;
}
/* Link to Item */
div.summaryList li a {
	text-decoration:none;
	display:block;
	padding:1em;
}
div.summaryList li a span {
	display:block;
}
div.summaryList li a span.title {
	font-size:1.3em;
	line-height:1.2em;
	font-weight:bold;
	padding:.1em 0 .3em;
	color:#0071bc;
}
div.summaryList li a span.date {

}
div.summaryList li a span.summary {

}
div.summaryList li a:hover {
	color:#0071bc;
}
div.summaryList li a:hover span.title {
	color:#12222e;
	text-decoration:underline;
}

/* SPONSORS */
.sponsorList {
	width:100%;
	overflow:hidden;
}
.sponsorList h2 {
	margin-top:1em;
	padding:.5em .7em;
}
.sponsor {
	padding:1.5em 1.5em .5em;
	border:1px solid #C90;
	border-top:0;
	height:1%;
	overflow:hidden;
}
.Gold h2 {
	background:#C90;
} .Gold .sponsor {
	border-color:#C90;
}
.Silver h2 {
	background:#AA9;
} .Silver .sponsor {
	border-color:#AA9;
}
.Bronze h2 {
	background:#960;
} .Bronze .sponsor {
	border-color:#960;
}
.Grants h2 {
	background:#9F3;
} .Grants .sponsor {
	border-color:#9F3;
}
/* Preview */
.sponsorPreview {
	margin:1.5em 0;
	padding-bottom:1em;
	width:568px;
	overflow:hidden;
}
.sponsorPreview h2 {
	margin-top:0;
	font-size:1.2em;
}
.sponsorPreview .sponsor {
	padding:0;
	border:0;
	float:left;
	position:relative;
	display:block;
	width:100px;
	height:60px;
	padding:1em 0 0 1.1em;
}
.sponsorPreview .sponsor a {
	border:0;
	/*float:left;*/
	display:block;
	width:100px;
	height:60px;
	background-position:50%;
	background-repeat:no-repeat;
	text-decoration:none;
}
.sponsorPreview.Gold {
	border:1px solid #C90;
}


/* -----------------------------

      NAVIGATION 

----------------------------- */
/* TOP NAV */
#nav {
	width:100%;
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
	background:transparent;
	}
#nav li {
	float:left;
	padding:0;
	margin:0 4px 0 3px;
	display:inline;
}
#nav li:hover {
	position:relative;
	z-index:100;
}
#nav li a {
	float:left;
	display:block;
	width:98px;
	font-size:13px;
	line-height:1em;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	margin:0;
	padding:6px 0 10px;
	background:transparent;	
	color:#0071bc;
	font-weight:bold;
}
#nav li a:hover, #nav li:hover a, #nav li.current a {
	background:url(/images/csc/bk/navABk.gif) no-repeat;
	color:#12222e;
}
/* LEVEL 2 */
#nav ul li.drop a {
	background-image:url(/images/gen/bk/navDrop.gif);
	background-position:95% center;
	background-repeat:no-repeat;
}

#nav li ul {
	position: absolute;
	left: -999em;
	top:25px;
	height: auto;
	width: 144px;
	font-weight: normal;
	margin:0;
	padding:1px 0 0;
	background:url(/images/gen/bk/spacer.gif);
	list-style:none;
}

#nav li li {
	margin:0 0 1px;
	background:url(/images/gen/bk/spacer.gif);
}

#nav li:hover ul a, #nav ul ul a {
	padding:5px;
	width:134px;
	margin:0;
	display:block;
	font-size:11px;
	font-weight:normal;
	background:#FFF;
	color: #FFF;
	border:0;
	position:relative;
	overflow:hidden;
	text-align:left;
	text-decoration:none;
}

/* LEVEL 3 */
#nav li ul ul {
	position:absolute;
	top:0;
	padding:0 0 0 1px;
	margin-left:144px;
	background:url(/images/gen/bk/spacer.gif);
}

/* Drop nested fix */
#nav ul li.drop ul a {
	background-image:none;
}
#nav ul li.drop ul li.drop a {
	background-image:url(/images/gen/bk/navDrop.gif);
}

/* Current */
#nav li.current:hover li.current a, #nav li.current:hover li.current:hover li.current a {
	background:#58b6dd;
	color:#12222e;
}
/* Nested Normal */
#nav li:hover ul a, #nav li.current:hover ul a, #nav ul li:hover ul a, #nav ul li.current:hover ul a, #nav li.current:hover ul li:hover ul a {
	background:#9dcee8;
	color:#12222e;
}
/* Hover */
#nav ul li:hover a, #nav li.current:hover ul li:hover a, #nav li.current:hover ul li.current:hover ul li:hover a, #nav li.current:hover ul li:hover ul li:hover a, #nav li:hover ul li:hover ul li:hover a {	
	background:#0071bc;
	color:#FFF;
	}

/* Positioning */
#nav li:hover ul ul, #nav li:hover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul {
	left: 0;
}

/************ SUB NAV *************/
#navSub, #navSub ul {
	width:590px;
	height:45px;
	list-style:none;
	margin:0 -10px;
	padding:5px 0;
	background:transparent;
	position:relative;
	z-index:3;
	}
#navSub li, #navSub li.sub {
	float:left;
	padding:0;
	margin:0;
	width:auto;
}
#navSub li a {
	float:left;
	font-size:11px;
	line-height:1.2em;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	margin:0 1px 0 0;
	padding:4px 6px;
	background:transparent;	
	color:#0071bc;
	font-weight:normal;
	position:relative;
	z-index:5;
}
#navSub li a em {
	display:none;
}
#navSub li a:hover, #navSub li a.current {
	background:#d71f27;	
	color:#FFF;
}
#navSub ul {
	display:none;
}
#navSub li.current ul {
	width:590px;
	margin:0;
	padding:2px 0 0;
	display:block;
	border-top:1px solid #d71f27;	
	position:absolute;
	left:0;
	top:26px;
	list-style:none;
	overflow:hidden;
}
#navSub li.current ul li {
}
#navSub ul li a {
	color:#0071bc;
	text-align:left;
	margin:0;
}
#navSub ul li a:hover, #navSub ul li.current a {
	background:transparent;	
	color:#000;
}


/************** FORM ELEMENTS **************/
form, fieldset {
	margin:0; 
	padding:0;
	border:0;
	}
fieldset {
	margin-top:.6em; 
}
.main fieldset, .main #loginPanel, .main #formPanel {
	width:250px;
	overflow:hidden;
}
.row, .sub fieldset p, fieldset p {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	padding:.5em 0 .1em;
	margin:0;
	font-size:1em;
}
.row.half {
	width:50%;
}
.row.w75 {
	width:75%;
}
.row.w25 {
	width:24%;
}
.row input {
	width:90%;
	}
.w75 input {
	width:95%;
}
input.w90 {
	width:90% !important;
}
.rowWrap {
	overflow:hidden;
	width:100%;
}
input, textarea {
	padding:.9em .3em .1em !important;
	padding:1em .3em .1em;
	font-size:1.1em;
	border:0;
	line-height:1.3em;
	background:#9dcee8;
	z-index:1;
	color:#12222e;
	}
fieldset input, fieldset textarea {
	width:97%;
}

label {	
	float:left;
	padding:.1em .3em;
	font-size:1.1em;
	font-style:italic;
}
label.hider, fieldset label, .umbMemberControlsLabel {
	position:absolute;
	top:.4em;
	left:.1em;
	z-index:2;
	font-size:1em;
}
.cbLabel {
	top:.8em;
	margin-left:20px;
}

label.hider:hover, fieldset label:hover, .umbMemberControlsLabel:hover {
	display:none;
}
.umbMemberControlsLabel.cbLabel:hover {
	display:block;
}

input.cb, .row.half input.cb, .row.w75 input.cb, .row.w75 .cb input {
	float:left;
	width:auto !important;
	padding:0;
	border:0;
	background:transparent;
}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { 	
	z-index:3;
	position:relative;
}
input.cb:hover, input.cb:focus {
	background:transparent;
}
.linkButton {
	background:transparent;
	color:#FFF;
	padding:0 !important;
	margin:0 !important;
	width:auto;
	height:16px;
	text-decoration:underline !important;
	font-size:1em;
	font-weight:bold;
}
.linkButton:hover {
	color:#12222e;
}
input.button, .row.half input.button, fieldset input.umbracoAutoFormButton, input.umbMemberControlsButton, #umbShowProfile_12_UpdateMember {
	height:26px;
	width:auto;
	line-height:1.5em;
	color:#FFF;
	float:right;
	margin-right:11% !important;
	margin-right:3%;
	font-size:1.2em;
	padding:.4em 1em .3em !important;
	padding:.1em .5em;
	position:relative;
	background:#0071bc;
}
#searchForm input.button, .main input.button, .main input.umbMemberControlsButton {
	margin:0 0 0 .3em !important;
	padding:.3em .2em .2em !important;
	width:90%;
	float:none;
}
.main input.button, .main input.umbMemberControlsButton, #umbShowProfile_12_UpdateMember {
	margin:0 8% 0 0 !important;
	width:auto;
	float:right;
}
#umbShowProfile_12_UpdateMember {
	float:left;
	clear:both;
}
.main .row.w25 input.umbMemberControlsButton {
	margin:0 25% 0 0 !important;
}
/*
#loginPanel input.button, input.umbMemberControlsButton {
	width:100px;
}*/
input.button:hover, .row.half input.button:hover, fieldset input.umbracoAutoFormButton:hover, input.umbMemberControlsButton:hover, #umbShowProfile_12_UpdateMember:hover {
	background:#12222e;
	color:#FFF;
}
.umbracoAutoFormRowDescription {
	font-size:.9em
}
fieldset input.umbracoAutoFormButton {
	margin-right:0% !important;	
}

/******* PROFILE EDITOR *******/
#umbracoEditProfileForm {
	padding-bottom:10px;
	width:250px;
	overflow:hidden;
	float:left;
}
#umbracoEditProfileForm label {
	position:relative;
	left:auto;
	top:auto;
	margin-bottom:-10px;
}
#umbracoEditProfileForm label:hover {
	display:block;
}
/********* TABLE **********/
table {
	border-collapse:collapse;
	border:1px solid #9dcee8;
	width:100%;
	}
td {
	padding:.2em;
	border:1px solid #9dcee8;
}
td p, td h3, td h4 {
	padding:.2em .5em 0;
	margin:0;
}
td p {
	padding-left:.8em;
}
td h3 {
	padding-top:1em;
}
td h4 {
	padding-left:.6em
}


/* PD CALENDAR */
div.pdcalendarHead {
	/*
	font-size:2em;
	background:#FFF;
	color:#000;
	padding:8px;
	margin:20px 0 1px;
	*/
	font-size:1.8em;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	padding:8px 10px 8px;
	margin:10px 0 0;
	background:#D71F27 url(/images/csc/bk/listH3Bk.png) repeat-y;
	border-top:3px solid #d71f27;
	border-bottom:3px solid #000;
	clear:none;
}
div.pdcalendarHead a {
	font-size:.6em;
	float:left;
	padding:0 5px;
	color:#FFF;
}
div.pdcalendarHead a:hover {
	color:#FFF;
	text-decoration:none;
}
div.pdcalendarHead a.next {
	float:right;
}
ul.pdcalendar  {
	width:560px;
	height:328px;
	margin:0;
	padding:4px;
	position:relative;
	list-style:none;
	font-size:1.1em;
	border:1px solid #000;
	border-top:0;
	background:#e2eef7;
}

ul.pdcalendar li {
	width:68px;
	height:38px;
	float:left;
	position:relative;	
	z-index:1;
	overflow:visible;
	background:#9dcee8;
	margin:1px;
	padding:5px;
	text-align:left;
	line-height:1.1em;
	color:#000;
}
ul.pdcalendar li:hover {
	z-index:1000;
}
ul.pdcalendar li.day {
	font-variant:small-caps;
	font-size:1.2em;
	background:#0071bc;
	height:14px;
	padding:6px 5px;
	text-align:center;
	color:#FFF;
}
ul.pdcalendar li.empty {
	background: transparent;
}
ul.pdcalendar li.day {
	display:block;
}
ul.pdcalendar li.sunday, ul.pdcalendar li.saturday {
	background: #58b6dd;
}
/* Day Content */
ul.pdcalendar li span.text {
}
ul.pdcalendar li span.date {
	font-weight:bold;
}
ul.pdcalendar li ul, ul.pdcalendar li span.text, ul.pdcalendar li span.extra, ul.pdcalendar li span.feature {
	position:absolute;
	display:block;
	z-index:2;
	left:0;
	top:0;
	height:29px;
	padding:19px 5px 0;
	width:68px;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	background:url(/images/gen/bk/spacer.gif);
	z-index:1;
}
ul.pdcalendar li span.extra {
	z-index:-1;
	background:#EFC7A4;
}
ul.pdcalendar li span.feature {
	z-index:2;
	width:24px;
	height:24px;
	left:auto;
	right:-4px;
	top:-4px;
	padding:0;
	margin:0;
	background:url(../images/gen/bk/star_yellow.png);
}
ul.pdcalendar li:hover span.text {
	left:-2px;
	top:-2px;
	border:2px solid #0071bc;
}
ul.pdcalendar li ul, ul.pdcalendar li li {
	left:-999em;
	height:auto;
	width:160px;
	padding:0;
	margin:0;
}
ul.pdcalendar li:hover ul {
	left:35px;
	top:-2px;
	border:1px solid #0071bc;
	z-index:1000;
}
ul.pdcalendar li li {
	left:auto;
	float:left;
	background:transparent;
}
ul.pdcalendar li li.dayTitle {
	font-size:1.1em;
	padding:5px 10px 4px ;
	font-weight:bold;
	color:#FFF;
	background:#0071bc;
}
ul.pdcalendar li a {
	float:left;
	width:145px;
	padding:5px 5px 4px 10px;
	color:#000;
	z-index:1000;
	text-decoration:none;
}
ul.pdcalendar li.feature a {
	background:#FFF1A4;
}
ul.pdcalendar li a:hover {
	background:#e2eef7;
	text-decoration:none;
}
ul.pdcalendar li.feature a:hover {
	background:#FADB59;
}
