/*
 * Customised settings
 *
 *
 */
/*
 * Some tags are marked as Invisible. This is used when a tag value should not be displayed
 * on a page that is rendered in CSS
 *
 */
 
@Media screen {
   .Invisible {
	   height: 0px;                            /* Take up no height                         */
	   left: 0px;                              /* and position us where we don't care       */
	   overflow: hidden;                       /* hide overflow                             */
      position: absolute;                     /* absolute (so we're out of flow)           */
	   top: 0px;                               /* top                                       */
	   width: 0px;                             /* no width                                  */
      visibility: hidden;                     /* and hidden                                */
    }
}
@Media aural {
   .Invisible {
      voice-family: child;
   }
}

/*
 * Custom_ elements are set in List Header for Documentor files
 *
 */
Div.Custom_Title {
   background-color: transparent;             /*                                            */
 	height: 4em;
	left: 10em;	                               /* Lines up with WorkArea                     */
   margin: 0;
	padding: 0;                                /*                                            */
	position: absolute;                        /*                                            */
	top: 3em;                                  /* At default size lines up with mid of logo  */
	white-space: nowrap;
	z-index: 1;
}
Img.Custom_Picture {

	position: absolute;
	right: 1em;
	top: 2em;
}

Div.Custom_Browser {
	position: absolute;
   font-size: 0.9em;
   padding: 2px;
	right: 1em;
	top: 0;
}
Div.Custom_Browser A.Small {
	cursor: pointer;
   font-size: 8pt;
}
Div.Custom_Browser A.Normal {
	cursor: pointer;
	font-size: 10pt;
}
Div.Custom_Browser A.Big {
	cursor: pointer;
	font-size: 12pt;
}
Div.Custom_WIP {
	position: absolute;  
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	left: 1em;
	top: 0;
}
Div.Custom_WIP Div {
   display: inline;
   margin: 0;
	padding: 0;
}
/*
 * 
 */
Div.Bullet
DT {
   display: block;
   font-weight: bolder;
	font-size: 1.5em;
	font-family: cursive; 
	float: left;
	width: 6em;
} 
Div.Bullet
DD {
   margin-left: 10em;	
   margin-bottom: 2em;
}
/*
 *
 */
Div.Headline
DT {
   display: block;
   font-weight: bolder;
	font-size: 1.2em;
	font-family: cursive; 
	margin-top: 1em;
}
Div.Headline
DD {
   margin-left: 2em;	
}

Div.NewsItem {
      background-color: #EBEBEB;
      border-top: 3px solid silver;
      border-left: 1px solid silver;
      display: table;
      float: left;  
      line-height: 1.2em;
      margin: 1%;
      overflow: hidden;
      padding: 0px;
      width: 46%; 
   }
Div.NewsItem 
Img {
      margin: 3px;
      margin-top: 0px;
      padding: 0px;
  }
  
Div.NewsItem P {
      border: none;
      margin-left: 2px;
      margin-top: 3px;
   }

.Left {
  float: left; 
}
.Right {
  float: Right; 
  text-align: Right;
}
.Clear {
	clear: both;
}

P.Top {
   text-align: Right;
}
A.Target {
	color: black;
}
A.Target:hover {
	text-decoration: none;
}

Div.Contents {
	margin: 1em;
	margin-bottom: 2em;
}
Div.Contents A {
	display: inline;
	float: left;
	width: 13em;
}
Div.ETCommonLinkCategory {
   background-color: #F5F5F5;
   float: left;
   width: 45%;
   margin-bottom: 1em;
   margin-left: 0.5em;
}
Div.ETCommonLinkCategory A {
   font-weight: bold;
}
Div.ETCommonLinkCategory P {
   margin: 0;
   padding: 0;
}
Div.Directory {
   margin: 1em;
}
Div.Directory
Span.Entry {
   display: block;
}
/*
 * Search Categories
 *
 */
Div.CategoriesHeader {
   border-bottom: 1px solid silver;
   height: 3em;
   width: 92%;
}
Div.CategoriesHeader
H2 {
   float: left;
   margin: 0;
   padding: 0;
   padding-bottom: 1em;
}
Div.CategoriesHeader
Div.Search {
   float: right;
}
Div.CategoriesHeader
Div.Search 
Input {
   font-size: 0.8em;
}
Div.CategoriesHeader
Div.Search 
Input.Text {
   border: 1px solid gray;
}
Div.CategoriesHeader
Div.Search 
Input.Button {
   border: 1px solid gray;
}

Div.MozillaFooter{
   clear: both;
}

/*
 * Diary has two children DIVs - Events and Months. We want Months on the right and it to be fixed)
 *
 */
Div.Diary {
}
Div.Diary
Div.Events {
   float: left;
   width: 72%;
}
Div.Diary
Div.Months {
   font-size: 0.7em;
   position: absolute;
   right: 2em;
   width: 22em;
   width: 25%;  /* Table Month below is set to width 22em, this % seems to give the best compromise on wrapping */
}

Div.Diary
Div.Events
DT {
   background-color: #EBEBEB;
   font-size: 1.2em;
   font-weight: bold;
   line-height: 1.5em;
   margin: 0em;
   margin-right: 0.9em;
   padding: 0em;
   padding-left: 0.25em;
}
Div.Diary
Div.Events
DD {
   background-color: #F5F5F5;
   margin: 0em;
   padding: 0em;
   margin: 1em;
   margin-top: 0em;
   padding: 0.5em;
   padding-top: 0em;
}
Div.Diary
Div.Events
DD Div.Event {
   font-weight: bold;
}
Div.Diary
Div.Events
DD Div.Notes {
   font-style: italic;
   margin: 0em;
   margin-bottom: 0.5em;
}
Div.Diary
Div.Events
DD Div.Directory {
   margin: 0em;
}



Div.Diary
TABLE.Month {
   background-color: #F5FFFA;
   border: 1px solid black;
   white-space: nowrap;
   width: 22em; /* Fixes the size of the table, inherited widths don't cascade */
}
Div.Diary
TABLE.Month CAPTION {
   background-color: #535A95;     
   color: white;
   font-weight: bolder;
}
Div.Diary
TABLE.Month CAPTION A {
   background-color: #535A95;    
   color: white;
   font-weight: bolder;
}

Div.Diary
TABLE.Month 
TH {
   background-color: #ABABAB;
   color: white;
}
Div.Diary
TABLE.Month 
TR {
   height: 1em;
}
Div.Diary
TABLE.Month
TD {
   background-color: #F5F5F5;
   font-family: "Courier New", Courier, monospace;
   font-size: 1em;
   font-weight: bold;
   text-align: right;
   margin: 0;
   padding: 0em;
   padding-right: 0.1em;
   width: 2em;   
   width: 3em;
}

Div.Diary
TABLE.Month
TD.LastMonth {
   background-color: #E0E0E0;
   font-weight: lighter;
}
Div.Diary
TABLE.Month
TD.NextMonth {
   background-color: #E0E0E0;
   font-weight: lighter;
}
Div.Diary
TABLE.Month
TD.Selected {
   background-color: #FFFFE0;
}
Div.Diary
TABLE.Month
TD.Today {
   background-color: #98FB98;
}
Div.Diary
TABLE.Month
TD A {
   color: black;  
}
Div.Diary
TABLE.Month
TD.Event {
   background-image: url(images/Busy.gif);
   background-repeat: no-repeat;
   background-position: top left;
}
Div.Diary
TABLE.Month
TD.Week {
   background-color: #ABABAB;     
   color: white;
   font-weight: bolder;
   padding-right: 0.5em;
}
Div.Diary
TABLE.Month
TD.Week A {
   color: white;
   font-weight: bolder;
}