/* ########################################################################################################################################
### This file contains the style classes for the main pane of the intranet site
### Author: Caroline Wright 
### Date: 19.02.2002
### Version: 1.1
### Edited by: Rachel Muirhead
### Date: 22/04/04	
### Version: 1.4
###########################################################################################################################################
*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000 }
p { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000 }
table { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000 }

/* This is the same as colour as TopPane-MenuBarBackground in mainpane - blue */
.MenuBarBackground 
  {background-color: #0099CC; 
  color: #FFFFFF}

  
/* ######################################## Text Styles ########################### */
input
{
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt;
	
}
select
{
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt;
	
}

textarea
{
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt;
}

p 
 { 
 color: #000000}

/* red */
h1 
 { 
 font-size: 120%; 
 color: #CC0000; 
 font-weight: bolder}

/* black */
h2 
 {
	
	color: #000000;
	font-weight: bold;
}
 
 /* grey */
h3 
 { 
 color: #666666; 
 font-weight: bold}

/* dark blue */
a 
 { 
 color: #003399}
 
a.hover 
 { text-decoration: underline }
 
i 
 { 
 color: #000000;  
 font-style : italic}

/*############################################# Table Styles ############################*/


	
/* grey background - dark blue text */	
th 
   { 
	font-size: 120%;
	color: #FFFFFF;
	background-color: #59178A;
	text-align: left;
	padding-left: 10px;
	/*text-indent: 10px;*/
	height: 25px;}

/* pale grey background - background for homepage elements */
.TableBackgroundColour 
   { 
	background-color: #F8F8F8;
	border-top: 3px solid #F8F8F8;
	border-right: 5px solid #F8F8F8;
	border-bottom: 3px solid #F8F8F8;
	border-left: 5px solid #F8F8F8}
	
/* ############## Form Styles ############################## */

/* Form-Dropdown - white - types dropdown menu */
.Form-DropDown 
  { border-color: #000000 #000000 #000000 #000000; 
  
  background-color: #FFFFFF; 
  border-top-width: thin; 
  border-right-width: thin; 
  border-bottom-width: thin; 
  border-left-width: thin}
  
/* Form-TextBox - textbox fields eg staff search on homepage */  
.Form-TextBox 
  { 
  background-color: #FFFFFF; 
  color: #000000}

/* Form-Button - grey */    
.Form-Button 
  {
	color: #000000;
	background-color: #CCCCCC; 
    border-top-color: #FFFFFF;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #FFFFFF; 
    border-style: outset; 
    border-top-width: thin; 
    border-right-width: thin; 
    border-bottom-width: thin; 
    border-left-width: thin: thin #FFFFFF inset; }
  
/* ############## Article Style ############################## */

/* Staff Search Element and Article Summary style */
.Article-Summary 
  { color: #000000 }
  
/* Last edited by text - grey */  
.modifiedby 
  {	color: #999999;
	font-weight: bold; }

/* Related Article Heading */
.ArticleCatagoryList-Heading 
  { font-size: 110%; 
  color: #461760; 
  text-decoration: underline ; 
  font-weight: bolder }
  
/* line_dotted-horizontal - grey */  
.line_dotted-horizontal 
  { background-image: url(../interface/images/custom/grey_line_x.gif); 
  background-repeat: repeat-x; 
  border-style: none}
  
/* line_dotted-vertical - grey */  
.line_dotted-verticle 
  {  border: none; 
  background-image: url(../images/grey_line.gif); 
  background-repeat: repeat-y}

/* white */    
.whitelink 
  {	color: #FFFFFF}
	
/* Hover over summary text on section homepages */     	
.articleToolTipsBackground{
	font-size: 90%;
	color:#000000;
	border:1 solid #000000;
	background-color:ffffff}
	
/* ############## Wizard Style ############################## */
	
/* wizard step you are on font - red */    
.WizardHighlight 
  { font-size: 7pt;
  font-weight: bolder;
  color: #CC0000 }

/* wizard steps font - grey */
.WizardNormal 
  { 
  font-size: 7pt;
  font-weight: bolder;
  color: #999999; }
  
/* wizard steps height */  
.WizardStepHeight {
	height: 25px}

/* wizard step text - grey */  	
.ArticleWizardHelp {
	font-size:120%;
	color: #666666;
	line-height: 130%}

/* article styles used in template */
.Article-Heading 
  { 
  color: #004583; 
  font-style : normal;  
  font-weight: bolder }

 
.ArticleCatagory-Heading 
  { 
  color: #461760; 
  font-style: normal; 
  font-weight: bolder }
  
.ArticleCatagory-Summary
  { color: #666666 }
  
.ArticleCatagoryList-Date 
  { color: #999999 }
  
.ArticleCatagoryList-PictureCaption 
  { font-size: 7pt; 
  color: #000000; 
  font-style : italic }
  
.ArticleCatagoryList-Summary 
  {color: #666666 }
  
.Article-PictureCaption 
  { font-size: 70%; 
  color: #000000; 
  font-style : italic }
  
.ArticleCatagoryList-DividerBackground 
  { border: 1px dashed; 
  border-color: #FFFFFF #FFFFFF black}

.Article-Author {
	font-size: 11px;
	color: #999999}
/*################################ Forum styles ##############################*/

.Forum-postborder 
  { border: 1px solid #CC3300; }
  
.Forum-utilitybar 
  {	background-color: #0099CC; }
  
.Forum-newpostborder 
  { border: 1px solid #CC3300; }
  
.forum-table 
  { border: 1px solid #666699; }
  
.forum-thinline 
  { background-color: #666699; 
  height: 1px; 
  width: 1px; }

/*###################################### HP Module - Specific Article Element ##############################*/

.Article-Help 
  { color: #666666}

/*###################################### used infrequently - not changed ##############################*/

.TableRowInverse 
   {
	background: #F5F5F5;}
	
.TableRow 
   { background-color: #FFFFFF}
   
.TableCellSeparator 
   { border: #CCCCCC; 
   border-style: dotted; 
   border-top-width: 1px; 
   border-right-width: 1px; 
   border-bottom-width: 1px; 
   border-left-width: 1px}

.TableHelp 
  { 
  color: #666666}

.Form-CheckBox 
  { border-color : #00008B; 
  }

.Form-OptionBox { } 
  
/*###used in holiday module ### */
.Article-Date 
  { color: #ff0000 ; 
  font-style: normal; 
  font-weight: normal; 
  text-decoration: none }

.toolTipsBackground{
	font-size: 90%;
	font-weight: bolder;
	color:#461760;
	background-color:white}

  
.toolTipsForeground {
	font-size: 90%;
	font-weight: bolder;
	color:#461760;
	background-color:#461760;
}

.toolTipsBackground{
	font-size: 90%;
	font-weight: bolder;
	color:#461760;
	background-color:white;
}

.Form-SmallTextBox 
  { 
  font-weight: lighter }

/* Expander-ForeGroundTitleColour - blue - background for menu heading title */
.Expander-ForeGroundTitleColour { background-color: #0099CC}a:hover {  text-decoration: underline}

/* Expander-Title - white - menu heading title */
.Expander-Title { font-weight: bolder; color: #ffffff }


/* ##################Calnendar Table Styles################## */


.BorderTRB {
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 0px none;
}
.BorderRB {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #808080;
	border-bottom-color: #808080;
}
.BorderRBToday {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #808080;
	border-bottom-color: #808080;
	background-color: #C3C3C3;
}
.BorderRBL {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #808080;
	border-bottom-color: #808080;
	border-left-color: #808080;
}
.BorderTRBL {
	border: 1px solid #808080;
}
.BorderTRL {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #808080;
	border-right-color: #808080;
	border-left-color: #808080;
}
.BorderTR {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #808080;
	border-right-color: #808080;
}
.TableFooter {
	font-size: 120%;
	background-color: #C3C3C3;
	text-align: left;
	height: 25px;
}
.ADSynchField {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #B30000;
}

/* ##################Mandatory Article Styles################## */
.mandatoryarticle {	
	color: #FF0000;
	font-weight: bold; 
}