/* CSS definition file containing sitestyle stylesheets */
BODY {
  font-family: Arial, Sans-serif, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

A:active {
  color: rgb(0, 0, 255);
  background-color: inherit;
}

A:link {
  background-color: inherit;
  color: rgb(0, 0, 255);
}
/*UL { margin-left: 14px;}*/

A:visited {
  background-color: inherit;
  color: rgb(123, 0, 123);
}

P {
  font-family: 'Arial', Sans-serif, sans-serif;
  font-size: 0.8em;
}

.pagetitle {
  font-family: Arial, Sans-serif, sans-serif;
  font-variant: small-caps;
  font-size: 1.2em;
  font-weight: bold;
}

A:hover {
  background-color: inherit;
  color: rgb(255, 0, 128);
}
/* The area outside the main area in the browser */

.screenframe {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  color: inherit;
  text-align: center;
  background-color: inherit;
}
/*The style of the title row on the page*/
TD.titlerow {padding-bottom:12px;border-bottom: 1px #25177a solid ;background-color: #ffffdf}

.headerarea {
  background-color: white;
  font-size: 100%;
  width: 100%;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  background-image: url(http://www.sfhg.org.uk/images/wallpaper.jpg);
}
/* The main area in the browser */

TABLE.mainarea {
  table-layout: auto;
  color: inherit;
  text-align: left;
  background-color: white;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  background-image: url(http://www.sfhg.org.uk/images/wallpaper.jpg);
}
/* The footer area in the browser */

 .footerarea {
  color: inherit;
  border-top: 1px solid #99f;
  text-align: left;
  background-color: white;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  background-image: url(http://www.sfhg.org.uk/images/wallpaper.jpg);
}
/*The style of the box which holds the menu items*/

TD.menuboxbody, TD.mainmenuboxbody {
  padding: 0;
  line-height: 1.3em;
}
/*The style of the box which holds the browse menu*/

TD.browsemenuboxbody {
  padding-left: 3px;
  padding-right: 0px;
  padding-bottom: 0;
  padding-top: 1px;
}
/* the style of the text of the menu heading */

.menutitle {
  font-family: Arial, Sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1em;
}
/* The style of the boxes which surround each group of menu items*/

.loginmenubox {
  border: 0;
  padding: 0;
  margin-right: 0px;
}

.menubox, .mainmenubox, .quicksearchmenubox, .browsemenubox {
  border: 1px solid #ddd;
  padding: 0;
  margin-right: 0px;
/*  background: url(./images/titlebg.gif) no-repeat;*/
  width: 160px;
}
/* the style of the text of the news menu heading i.e. News*/

.newsmenutitle {
  border: 1px solid #ddd;
  padding: 0;
  margin-right: 0px;
/*  background: url(./images/titlebg.gif) no-repeat;*/
}
/* The style of the boxes which surround the admin menu button*/

.adminmenubox {
  border: 1px solid #ddd;
  padding: 0;
  margin-right: 0px;
/*  background: url(./images/titlebg.gif) no-repeat;*/
}
/* the style of the cell which contains the title of a group of menu items */

TD.menuboxtitle, TD.browsemenuboxtitle, TD.newsboxtitle, td.quickmenuboxtitle, td.mainmenuboxtitle {

  padding: 1px;
}
/* the style of the cell which contains the title of a group of menu items */

TD.newsboxtitle {
  padding: 0;
  margin: 0;
}
/* The style of the text of items in a menu */

.menuboxitems, .mainmenutext {
  font-family: 'Arial', Sans-serif;
  font-size: 0.8em;
  margin-left: 2px;
}
/* The style of the text of items in the admin menu box */

.adminmenuboxitems {
  font-family: 'Arial', Sans-serif;
  font-size: 0.8em;
  margin-left: 2px;
}
/* The style of the text of items in the news menu */

.newsboxitems {
  font-family: 'Arial', Sans-serif;
  font-size: 0.75em;
  margin-left: 2px;
}
/* The style of the text of subitems in a menu */

LI.menuboxsubitemslist {
  list-style-type: square;
}

SPAN.menuboxsubitems {
  font-family: 'Arial', Sans-serif;
  font-size: 9pt;
}

UL.menuboxsubitemslistx {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  margin-left: 0;
}
/*The style of the box which holds the lhs menu boxes*/

TD.leftmenu {
  padding: 0;
  width: 180px;
  margin: 0;
  padding-left: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
}
/*The style of the box which holds the rhs menu boxes*/

TD.rightmenu {
  padding: 0;
  margin: 0;
}
/*The style of the box which holds the main data screen area*/

TD.dataarea {
  padding: 0;
  padding-top: 10px;
}

/*The style of the box which holds the news items*/

TD.newsboxbody {
  padding-top: 10px;
  border-bottom: 1px #ddd dashed;
}
/* The style of the push buttons on forms*/

INPUT.apsbutton {
  cursor: pointer;
  border: 1px solid #99f;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
  margin-top: 3px;
  background: url(./images/tablehead.gif) no-repeat;
}
/* The style of the edit input boxes on forms*/

INPUT.apsedit {
  cursor: text;
  border: 1px solid #99f;
  padding: 0;
  margin: 0;
  background: url(./images/titlebg.gif) no-repeat;
  font-size: 0.8em;
}
/* The style of the boxes which surround the popup menubox*/

TABLE.popupmenubox {
  border: 1px solid #99f;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
  margin-top: 3px;
  background: url(./images/titlebg.gif) no-repeat;
}
/* The title in the browse screens */

.browsetitle, .formtitle {
  font-family: Arial, Sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1.1em;
}
/* The sub titles in the browse screens */

.browsesubtitle {
  font-family: Arial, Sans-serif;
  font-size: 0.8em;
  font-weight: bold;
}
/* The info messages in the browse screens */

.browseinfo {
  font-family: Arial, Sans-serif;
  font-style: italic;
  font-size: 0.8em;
}
/* The in and out buttons */
/**************** do not change *****************/

IMG.adminicon {
  border: 0 none;
  margin-right: 2px;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 2px;
}

IMG.buttonlink {
  border: 0 none;
  margin-right: 2px;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 2px;
}
/************************************************/
/* Form text */

.formtext {
  font-family: 'Arial', Sans-serif;
  font-size: 0.8em;
}
/* Form text */

.treetext {
  font-family: 'courier';
  font-size: 1.0em;
}
/* Context text */

.contexttext {
  font-family: Arial, Sans-serif;
  font-size: 0.8em;
}
/* Context text for flat fileplan print*/

.contexttext2 {
  font-family: Arial, Sans-serif;
  font-size: 0.8em;
}
/* Form error messages */

.formerrormsg, .errormsg {
  background-color: inherit;
  font-family: Arial, Sans-serif;
  font-size: 0.8em;
  color: red;
}
/* Menubox error messages */

.menuerrormsg {
  background-color: inherit;
  font-family: Arial, Sans-serif;
  font-size: 1.0em;
  color: red;
}
/*The data import wizard form which includes the importheader and importbody*/

.dataimportform, .formarea {
  width: 100%;
  color: inherit;
  border: 1px solid #0000ff;
  background: url(./images/formbg.gif) no-repeat;
  padding-top: 0;
  margin-top: 0;
}
/* The block of text which forms the header for the import wizard*/

.importheader, .formheader {
  color: inherit;/*background: #c3ccf9;*/
  background: url(./images/formheader.gif) repeat-y;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-top: 0em;
  margin-bottom: 1em;
  margin-top: 0;
}
/* The form which forms the body of the import wizard*/

.importbody, .formbody {
  color: inherit;
}

TABLE.classconfigtable {
  margin:0 !important;
  padding:0 !important;
  border:0 none !important;
  background-image: url(./images/tablehead.gif);
  background-repeat: repeat-x;
}
/* The table headers in the class configuration page */

TD.classconfigtitle {
  margin:0 !important;
  padding:0 !important;
  border:0 none !important;
  font-family: 'Arial Narrow', Sans-serif;
  font-size: 1.0em;
  text-align: center;
}
/* The cells which hold the action buttons */

TD.classconfigaction {
  width: 20px;
  color: inherit;
  margin: 0;
  padding: 0;
  border-top: 0 none;
  border-bottom: 1px solid #E5E5E5;
  font-family: 'Arial Narrow', Sans-serif;
  font-size: 0.9em;
  text-align: center;
}
/* The cells which hold the classification  */

TD.classconfig {
  color: inherit;
  margin: 0;
  padding: 0;
  border-top: 0 none;
  border-bottom: 1px solid #E5E5E5;
  font-family: 'Arial', Sans-serif;
  font-size: 0.8em;
  text-align: left;
}
/* The cells which hold the classification  */

TR.classconfig {
  margin: 0;
  border: 0 none;
  padding: 0;
  line-height: 1em;
}

.newstitle {
  font-family: Arial, Sans-serif;
  font-variant: small-caps;
  font-size: 1em;
}
/* The context sensitive horizontal menu bar on the page body */
TABLE.menubartable {
  border-collapse: collapse;
  padding: 0;
  text-align: left;
}

TD.menubar {
  border: #0000ff 1px solid;
  margin-left: 5px;
  font-size: 0.8em;
  color: inherit;
  width: 90px;
  height: 25px;
  text-align: center;
  cursor: pointer;
  background: url(./images/tablehead.gif) no-repeat;
}

TR.menubarrow {
  border-collapse: collapse;
  padding: 0;
}

TD.menubarcurrent {
  border-top: #0000ff 1px solid;
  border-left: #0000ff 1px solid;
  border-right: #0000ff 1px solid;
  font-size: 0.8em;
  color: white;
  width: 90px;
  text-align: center;
  cursor: auto;
  font-weight: bold;
  background: url(./images/menucurrent.gif) no-repeat;
}

DIV.menubarseparator {
  border-top: #0000ff 1px solid;
  margin: 0;
  padding: 0;
}

h1:hover {
  color: white;
}
/* any small text */

.smalltext {
  font-size: 0.75em;
}
/* any info text */

.infotext {
  font-family: Arial, sans-serif;
  font-size: 0.8em;
}
/* a general header row for tables */

TR.headerrow {
  background-image: url(./images/tablehead.gif);
  background-repeat: repeat-x;
  height: 25px;
  border: #ddd 1px solid;
}

TD.statusrow {
  border-top: 1px #ddd dashed;
}
/* The names of fields in details screens */

.fieldname {
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  color: #118;
}
/* The fields data in details screens */

.fielddata {
  font-family: Arial, sans-serif;
  font-size: 0.8em;
}
/* The style of the boxes which surround each group of data lists*/

TABLE.datalist {
  width: 100% !important;
  color: inherit;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 0;
  margin: 0;
}
/* a   row in datalist tables */

TR.datarow {
  background-image: none;
}
/* The style for bulleted lists in text.*/

ul.apslist {
  list-style-image: url("./images/bullet1.gif");
  margin-left: 15px;
}

ul.apslist2 {
  list-style-image: url("./images/bullet2.gif");
  margin-left: 15px;
}

.indextable, .databox {
  vertical-align: top;
  border: RGB(192, 192, 224) 1px solid;
}
/* the text which summarizes the search criteria on the results page */

.searchsummary {
  font-family: 'Arial';
  font-size: 0.75em;
  font-weight: bold;
}

.searchtitle {
  color: black;
  font-family: Arial, Sans-serif;
  font-size: medium;
  font-variant: small-caps;
  font-weight: bold;
}

.thumbnail {
  border-bottom: RGB(192, 192, 224) 1px solid;
}
/* the text styles of the page labelling when printing lists of item e.g. Page 1 of 10   */

.pagelabel {
  font-family: 'Arial';
  font-size: 0.8em;
}

.pagelabelbold {
  font-family: 'Arial';
  font-size: 0.8em;
  font-weight: bold;
}

.pagelabelitalic {
  font-family: 'Arial';
  font-size: 0.8em;
  font-style: italic;
}

.pagelabelbolditalic {
  font-family: 'Arial';
  font-size: 0.75em;
  font-weight: bold;
  font-style: italic;
}

.admintable {
  border: 0 none;
  width: 100%;
  text-align: center;
}

.admintext {
  text-align: center;
  font-size: 0.75em;
}

.TextNavBar {
  font-family: Tahoma, Verdana, Arial, Sans-serif, sans-serif;
  font-size: 0.8em;
}
/* The style of the boxes which surround each group of menu items*/
/* .menubox {border: 1px solid #ddd; padding:0;margin-right:0px;background: url(./images/titlebg.gif) no-repeat;}*/
/* the style of the text of the news menu heading i.e. News*/
/* The style of the text of items in a menu */
/* .menuboxitems  {font-family: 'Arial', Sans-serif; font-size: 0.8em; margin-left:2px;}*/
/*The style of the box which holds the menu items*/

td.loginmenuboxtitle {
  font-size: x-small;
  margin: 0;
  padding: 0;
}

TD.loginmenuboxbody {
  padding: 0;
}
/* the style of the text of the login menu heading */

.loginmenutitle {
  COLOR: black;
}
/*   text in the login menu box*/

.loginmenutext {
  font-size: 0.7em;
  color: black;
}

/* the style of the row which contains the title of a popup menu */

.popupmenuboxtitle {
  background: none;
  margin: 0;
  padding: 0;
}

/* the style of the text of the heading for the popup menu boxes */

.popupmenutitle {
  font-family: arial, Sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: black;
  padding-left: 0px;
}


.popupmenuboxitems {
  font-family: 'Arial', Sans-serif;
  font-size: 0.8em;
  margin-left: 2px;
  text-align:left;
}

/* the style of the text of the menu heading */

.mainmenutitle {
  font-family: Arial, Sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1em;
}

.returnbox{
  text-align: right;
  vertical-align: top;
  border: 1px solid #dd9999;
  font-size: 0.85em;
  background-color: #fdf9f5;
  margin-bottom: 10px;
}

.infobox {
  border: 1px solid #dd9999;
  margin: 0 18px 0 6px;
  padding: 6px;
  vertical-align: top;
  background-color: #ffffdf;
}

.web_page{
  font-family: inherit;
}

.waitbanner {
  border: 1px solid #882288;
  padding: 5px;
  text-align: center;
  background: white;
}


/************ sfhg header classes - do not change *****************/

.f85l {
	FONT-SIZE: 8pt; COLOR: #000080; TEXT-ALIGN: left
}
.f85c {
	FONT-SIZE: 8pt; COLOR: #000080; TEXT-ALIGN: center
}
.f85r {
	FONT-SIZE: 8pt; COLOR: #000080; TEXT-ALIGN: right
}	

.f205r {
	FONT-SIZE: 20pt; COLOR: #000080; TEXT-ALIGN: right
}

.f205l {
	FONT-SIZE: 20pt; COLOR: #000080; TEXT-ALIGN: left
}
.f114l {
	FONT-SIZE: 11pt; COLOR: #c71585; TEXT-ALIGN: left
}
.f114r {
	FONT-SIZE: 11pt; COLOR: #c71585; TEXT-ALIGN: right
}



/****************** end of sfhg header classes ********************/