HTML
{	height:100%;
	overflow-y:hidden;
}

#backgroundDiv 
{	position:absolute; 
	top:0; right:0; 
	/*width:100%; height:100%; */
	overflow-x:hidden; overflow-y:hidden;
	z-index:-100;
}

@media print
{	#backgroundDiv 
	{	display:none;
	}
}

#contentDiv
{	position:static; 
	z-index:100;
}

BODY
{   height:  100%; 
    margin:    0; 
    padding:   0;
/*  background-color: linen; */
/* 	background-image: url("/td3_images/navbarbg.jpg"); */
/*  background-repeat: repeat-y; */
/*  background-position: top left; */
    font-family:      Arial, sans-serif;
    font-size:        11pt;
    line-height:      12pt;
    overflow-y:auto;
}

P,
P.normal,
UL,
LI,
TD,
PRE.address,
.asText
{   font-family:      Arial, sans-serif;
    font-size:        11pt;
    line-height:      12pt;
    margin-right:     0.25cm;
}

PRE.address
{	color: black;
	margin-left:0cm;
}

.asText
{	border:				0;
	background-color: linen;
	width:				auto;
}

H1
{   font-weight: normal;
    font-size:   18pt;
    line-height: 24pt;
    color:       darkblue;
    text-align:  center;
}

PRE,
.code
{	font-weight: normal;
	font-size: 9pt;
	line-height: 10pt;
	font-family: lucida console, courier;
	color: darkblue;
	margin-left: 1cm;
	white-space: nowrap;
}

H2
{   font-weight: normal;
    font-size:   16pt;
    line-height: 18pt;
    color:       darkgreen;
}

H3
{   font-weight: normal;
    font-size:   12pt;
    line-height: 14pt;
    color:       darkgreen;
}

A:link,
A:visited,
A:active 
{   color:       navy;
}

A:hover 
{   color:       blue;
}

SPAN.thamesdoc
{   font-family: Times, serif;
    text-transform: uppercase;
    font-size: 90%;
}


SPAN.bigthamesdoc
{   font-family: Times, serif;
    text-transform: uppercase;
    font-size: 18pt;
	color: darkgreen;
	margin-top: 0.25cm;
}

SPAN.bigthamesdoc:first-letter,
SPAN.thamesdoc:first-letter
{   font-size: 110%;
}

IMG.seasonal
{   position:         absolute;
    top:              0;
    right:            0;
}

DIV.serviceStatus
{   position: absolute;
    top:       15;
    left:      12%;
	float: left;
	border: 1px dashed lightgrey;
}

DIV.pageHeaderLogo
{   
}

A.serviceStatus,
A.serviceStatus:link,
A.serviceStatus:active,
A.serviceStatus:visited,
TD.serviceStatus:link
{	color: slategray;
	font-size: 8pt;
	line-height: 11pt;
text-decoration: none;
}

A.serviceStatus:hover
{	color: navy;
text-decoration: none;
}

IMG.inset,
IMG.insetleft,
IMG.insetright,
{   border-style: inset;
    border-width: 3;
    border-color: #CDCDCD;
}

IMG.insetleft 
{   float:    left;
    position: relative;
}

IMG.insetright
{   float:    right;
    position: relative;
}

P.footnote,
TD.footnote,
A.footnote:link,
A.footnote:visited,
A.footnote:active 
{   font-family: Times, serif;
    font-weight: normal;
    font-size:   8pt;
    line-height: 9pt;
    color:       darkgray;
}

A.footnote:hover 
{   color:       blue;
}

P.warning,
SPAN.warning
{   text-align:  center;
    color:       darkred;
    font-weight: bold;
}

P.warning,
P.disclaimer
{   font-size: smaller;
}

P.guestbook
{   margin-left: 2cm;
    font-family: Times, serif;
    font-style: italic; 
}

LI  /* just space out list elements a little */
{   margin-top: 3pt;
    margin-bottom: 3pt;
}

P.indent1cm,
DIV.indent1cm
{   margin-left: 1cm;
}

DIV.notMuchText /* for pages where there is not much text */
{   margin-left:  15%;
    margin-right: 15%;
}

/*************************************************************/
/* data entry forms */

TD.nowrap
{	white-space: nowrap;
}

TD.DEhint /* data entry hint */
{	font-size: 9pt;
	line-height: 10pt;
	color: darkblue;
	padding-left: 0.15cm;
}

/*************************************************************/

/** todo NEED TO CLEAN UP THESE CLASS DEFINITIONS AT SOME POINT **/
P.motd
{   text-align:       center;
    color:            darkblue;
    background-color: ghostwhite;
    border:           2px ridge;
    width:            75%;
    margin:           5pt;
}

DIV.okMsg /* success confirmation after data entry */
{	margin: 2px;
	border: 1px solid slategray;
	background-image: none;
	text-align: center;
	width: 50%;
	font-size: 9pt;
	background-color: #CCFFCC;
	color: 006633;
}

DIV.errMsg /* failure reported after data entry */
{	margin: 2px;
	border: 1px solid slategray;
	background-image: none;
	text-align: center;
	width: 50%;
	font-size: 9pt;
	background-color: #FFCCCC;
	color: red;
}

DIV.repostedWarning
{	margin: 2px;
	border: 1px solid slategray;
	background-image: none;
	text-align: center;
	width: 50%;
	font-size: 9pt;
	color: slategray;
}

DIV.newsBanner /* "news headline" banner */
{	margin: 2px;
	border: 1px solid slategray;
	background-image: none;
	text-align: center;
	width: 50%;
	font-size: 9pt;
	/*background-color: #CCFFFF;*/
	/*color: #000066;*/
}

DIV.motdBanner /* "message of the day" banner */
{
	margin: 2px;
	border: 1px solid slategray;
	background-image: none;
	text-align: center;
	width: 50%;
	font-size: 9pt;
	/*background-color: #CCFFFF;*/
	color: maroon;
}

/*************************************************************/
/* dept: News */

P.newsQuote
{   font-family: Times, serif;
    font-style: italic; 
   font-size:        12pt;
}

A.newslist
{   font-weight: normal;
    color:       darkblue;
    text-decoration: none;
	font-size: 9pt;
	line-height: 10pt;
}

TD.newslist,
TD.newslistNW,
TD.newslistDRAFT,
TD.newslistNEW
{   font-weight: normal;
    text-decoration: none;
	font-size: 9pt;
	line-height: 10pt;
}

TD.newslistNEW
{	color: red;
	background-color: yellow;
}

TD.newslistDRAFT
{	color: blue;
	background-color: yellow;
}

TD.newslistNW
{	white-space: nowrap;
}

/*************************************************************/
/* dept: Contact */

TD.contactAgency
{   font-weight: bold;
    padding-top: 0.25cm;
    vertical-align: bottom;
    color: darkblue;
}

TD.contactDetails
{   font-size: 9pt;
    line-height:10pt;
    padding-left: 0.5cm;
    vertical-align: top;
}

TD.contactPhone
{   font-size: 9pt;
    line-height:10pt;
    vertical-align: top;
}

TD.contactPhone:first-line
{   font-size: 12pt;
    line-height:14pt;
    font-weight: bold;
}

/*************************************************************/
/* dept. Home Pages (text in 3 columns of a table) */

TD.hpBody
{   text-align:     center;
    vertical-align: top;
}

TD.hpHeading
{   font-weight:    normal;
    font-size:      16pt;
    line-height:    18pt;
    color:          darkblue;
    text-align:     center;
    vertical-align: top;
}

/*************************************************************/
/* dept: Advice Centre */

/* advice centre - self help groups - headings (adv-shg-h) */

P.AdvShgHdg
{   font-weight: normal;
    font-size:   14pt;
    line-height: 16pt;
    color:       darkgreen;
    margin-left: 1.5cm;
}

/* advice centre - self help groups - details (adv-shg-gd) */

P.AdvShgDtl
{   font-family: Arial, sans-serif;
    font-weight: normal;
    font-size:   12pt;
    line-height: 14pt;
    color:       black;
    margin-left: 2cm;
}

P.AdvShgDtl:first-line
{   font-weight: bold;
}

/* advice centre - self help guides - emphasis (adv-emph) */

SPAN.advemph
{   text-decoration: underline;
}

LI.advice,
TD.advice,
TD.adviceHdg
{   vertical-align: top;
    padding-left: 0.25cm;
}

TD.adviceHdg
{   font-weight: bold;
}

/*************************************************************/
/* Navigation Frame */

HR.navFrame
{   position: relative;
}

IMG.tdlogo
{   position:         absolute;
    top:              5;
    left:             5;
}

IMG.tdlogow
{   position: relative;
    background-color: white;
}

H1.navbar
{   font-weight:      normal;
    font-size:        14pt;
    line-height:      16pt;
    padding-top:      10pt;
    height:           7.5%;
    color:            darkblue;
    vertical-align:   middle;
    text-align:       right;
    position:         relative;
}

/*************************************************************/

P.indept,
LI.indept
{   font-size:     9pt;
    line-height:   10pt;
    margin-top:    0;
    margin-bottom: 0;
    margin-right:  0;
    margin-left:   0.1cm;
    white-space:   nowrap;
    position:      relative;
}

A.indept:link,
A.indept:visited,
A.indept:active,
A.indept:hover 
{   text-decoration: none;
}

/*************************************************************/

P.navbarmnu,
P.navbar,
LI.navbar
{   font-size:     8pt;
    line-height:   9pt;
    margin-top:    0;
    margin-bottom: 0;
    margin-right:  0;
    margin-left:   0.1cm;
    white-space:   nowrap;
    position:      relative;
}


P.navbarmnu
{   margin-top:     0.1cm;
    margin-bottom:  0.1cm;
    white-space:    normal;
}

A.navbar:link,
A.navbar:visited,
A.navbar:active,
A.navbar:hover 
{   text-decoration: none;
}

SPAN.navblob
{   visibility: hidden;
	color: gray;
    font-size:  24pt;
}

SPAN.navblobON
{   visibility: visible;
	color: gold;
    font-size:  24pt;
}

P.navButton
{   font-size:        10pt;
    line-height:      11pt;
    color:            linen;
    background-color: forestgreen;
    width:            100%;
    text-align:       center;
    margin-top:       0;
    margin-bottom:    0;
    margin-right:     0;
    margin-left:      0;
    padding-top:      0;
    padding-bottom:   0;
    border-left:      1px solid green;
    border-top:       1px solid green;
    border-right:     1px solid darkseagreen;
    border-bottom:    1px solid darkseagreen;
    white-space:      nowrap;
    position: relative;
}

A.navButton,
A.navButton:link,
A.navButton:visited,
A.navButton:active
{   color: linen;
    text-decoration: none;
}

A.navButton:hover 
{   color: gold;   
}

/*************************************************************/
/* formatting for "straw polls" and "performance" statistics*/

TABLE.strawpoll,
TABLE.performance,
TR.strawpoll,
TR.performance,
TD.strawpoll,
TD.performance,
P.strawpoll,
P.performance,
INPUT.strawpoll,
INPUT.performance,
FORM.strawpoll,
FORM.performance,
OPTION.strawpoll,
OPTION.performance
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 10pt;
}

P.strawpollHdg,
P.performanceHdg
{   text-align: center;
    font-weight: bold;
    font-size: 12pt;
    color: darkgreen;
}

P.strawpollSubHd,
P.performanceSubHd
{   text-align: center;
    font-size: 10pt;
    color: gray;
}

P.strawpollChoice,
P.performanceAnalPeriod,
P.performanceAnalPeriodHdg
{   text-align: right;
	font-size: 9pt;
	line-height: 9pt;
	margin-top: 2pt;
	margin-bottom: 2pt;
}

P.performanceAnalHdg,
P.performanceAnalPeriodHdg
{   font-weight: bold;
}

P.performanceChoice
{   text-align: left;
}

P.strawpollCtrl,
P.performanceCtrl,
P.strawpollStats,
P.performanceStats
{   text-align: center;
}

P.strawpollStats,
P.performanceStats
{   font-size: 9pt;
	text-align: center;
}

TD.strawpollSep,
TD.performanceSep
{   height: 12pt;
}

P.strawpollSep,
P.performanceSep
{   background-color:lightgrey; 
    line-height: 1pt;
}

/*************************************************************/
/* formatting for base- and car- times                       */

TABLE.basetimes
{ border: 0;
}

TR.basetimes
{
}

TD.basetimetag
{   text-align: right;
    font-size: 8pt;
    padding-left: 10px;
}

TD.basetimehdg
{   text-align: center;
    text-decoration: underline;
}

TD.basetimes
{   padding-right: 10px;
}

SPAN.newtime
{   color: slategray;
    font-style: italic;
}

/*************************************************************/
/* formatting for rotas                                      */

P.rotaLastUpdated,
TABLE.calendar,
TABLE.calendar1day,
TD.calendar,
TD.calendarWeek,
TD.calendar1day,
TD.calendar1daytag,
TD.calendar1daydoc,
TD.calendarhdg,
TD.calendarnull,
TR.calendar,
TR.calendar1day,
TR.calendarhdg
{   vertical-align: top;
    font-size: 8pt;
    line-height: 8pt;
    white-space: nowrap;
    padding-left: 0;
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
}

P.rotaLastUpdated
{   padding-top:    0;
    padding-bottom: 0;
    margin-top:     1pt;
    margin-bottom:  3pt;
    text-align:     right;
}


TABLE.calendar
{   border: 0;/*1px groove;*/
}

@media print
{
	TABLE.calendar
	{   border: 1px solid darkgray;
/*	    border-top: 0;
	    border-left: 0;*/
	}
}

TD.calendarhdg,
TD.calendar,
TD.calendarWeek
{   font-weight: bold;
    border: 1px outset;
}

TD.calendarWeek
{	color: darkgray;
}

@media print
{
	TD.calendarhdg,
	TD.calendar,
	TD.calendarWeek
	{   font-weight: bold;
	    border: 1px solid darkgray;
	    border-bottom: 0;
	    border-right: 0;
	}
}

TD.calendarnull
{   background-color: lightgray;
    border: 1px inset;
}

@media print
{
	TD.calendarnull
	{   border: 1px solid darkgray;
	    border-bottom: 0;
	    border-right: 0;
	}
}

TD.calendarhdg,
{   font-weight: bold;
    text-align: center;
}

TD.calendar1daytag,
SPAN.calendar1daytag,
{   text-align: right;
    color: darkblue;
}


H3.editrota
{   margin: 0;
}

H1.editrota
{   text-align: left;
}

BUTTON.okCancel
{   width:          60;
    height:         25;
    font-size:      8pt;
}

BUTTON.tinyButton
{   width:          40;
    height:         25;
    font-size:      8pt;
}


/* ----------------------------------------------------------------------------- */

.pagebreak
{   page-break-before: always;
}

@media print 
{
    .printOnly 
    {   
    }
    
    .screenOnly
    {   display: none;
    }
}

@media screen 
{
    .printOnly 
    {   display: none;
    }
    
    .screenOnly
    {   
    }
}


/* ----------------------------------------------------------------------------- */

DIV.PopUpPanel
{	border:1px solid slategray; 
	background-color:linen;
	visibility: hidden; 
	position:absolute; 
	top:0; 
	left:0; 
	width:85%; 
	z-index:10000;
}