.header {
	position: absolute;
	top: 0px;
	margin: 5px;
	width: 100%;
}

.header_img {
 	background-color: #FFFFFF;
	padding: 10px;
	margin: 10px;
    border:2px solid #000000;
	z-index: 20;
}

.VendorImages
{
   text-align       : center;  
}

.header_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
}

.header-line {
    z-index: 2;
	position: absolute;
	top: 60px;
	width: 100%;
	background-attachment: scroll;
	background-image: url(/images/orange-short-stripe.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 80px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.announce
{
    font-weight: bold;
font-size: 12px;
}

.ErrorMessage
{
  font-size :10px;
  color: red;
}

.ErrorNumber
{
  font-size :10px;

}

.field-normal
{

  font-size :10px;
  color :#000000;
  background-color :#ffffff;
}

.field-mandatory
{

  font-size :10px;
  color :#000000;
  background-color :#f06361;
}

.field-error
{

  font-size :10px;
  color :#ffffff;
  background-color :red;
}

/*
	Default page values
*/
body
{
  font-size: 12px;
  font-family: Verdana,Geneva,sans-serif;
}


/*
if you have any file up/downloads (including cms) you have this.
*/
#progressBar { padding-top: 5px; }
#progressBarBox { width: 350px; height: 20px; border: 1px inset; background: #eee;}
#progressBarBoxContent { width: 0; height: 20px; border-right: 1px solid #444; background: #9ACB34; }

#logo { position: absolute; top: 0; left: 0; }
/* this is the main content in the middle */

#rest
{ padding-left: 1em; padding-right: 1em; border: solid 2px #000000; background-color: #ffffff; padding-bottom: 1em; right: 20em; left: 0; position: relative; top: 0px; margin: 10px 20em 3em 1em; }

#left { background-color: #ffffff; width: 200px; right: 10px; top: 10px; position: absolute; visibility: visible;  padding: 5px; border: solid 2px #000000; }

#wrapperTable
{
 position: absolute;
 top: 270px;
 left: 0px;
  width: 100%;
}


#welcome
{ 
  position: absolute; 
  top: 255px; 
  left: 2em; 
}

#byline
{
  font-style: italic;
  font-size: 22px;
  font-weight: bold;
}

input
{
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none
}

textarea
{
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none
}

select
{
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none
}

h1 {
	font-size: 130%;
	color:#284B78;
	font-weight:bold;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:0px;
}

h2 {
	font-size: 110%;
	color:#284B78;
	font-weight:bold;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:0px;
}

.ItemHeading {
	font-size: 130%;
	color:#284B78;
	font-weight:bold;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:0px;
}

.ItemType {
	font-size: 110%;
	color:#284B78;
	font-weight:bold;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:0px;
}


h1 a, h2 a {
	border: none;
	color:#284B78;
	text-decoration:none;
}

.ItemHeading a, .ItemType a {
	border: none;
	color:#284B78;
	text-decoration:none;
}



/* generic table cell */

td {
 background-color: #ffffff;
 font-size: 12px;
}

.TdWhite {
 background-color: #ffffff;
}

.iteminfo {
	font-size:10px;
	color:black;
	padding-bottom:0.5em;
}

.heavyweight {
  font-weight      : bold;
}

.Alert
{
  color            : #FF6600;
  font-size        : 12px ;
  font-weight      : bolder;
}

.TableCellPageHeader
{ font-size        : 24px ; font-weight      : bold; 
color			 : #0d18b5; background-color: #ffffff; border-bottom: 2pt solid black; }

.TableCellPageSearch
{ font-size        : 12px ; 
  color			 : #0d18b5; 
  background-color: #ffffff; 
  border-bottom: 2pt solid black; }


.TableCell
{
  font-size        : 12px ;
}

.TableCellSmall
{
  font-size        : 12px ;
}

.TableCellSmallCentre
{
  font-size        : 12px ;
  text-align       : center;
}

.TableCell, .TableCellSmall, .TableCellSmallCentre
{
  background-color: #EEE011;
  color            : #000000 ;
  font-weight      : normal ;
}


.TableCellAlternate
{
  font-size        : 12px ;
}


.TableCellAlternateSmall
{
  font-size        : 12px ;
}

.TableCellAlternateSmallCentre
{
  font-size        : 12px ;
  text-align       : center;
}

.TableCellAlternate, .TableCellAlternateSmall, .TableCellAlternateSmallCentre
{
  background-color: #ffffff;
  color            : #000000 ;
  font-weight      : normal ;
}


.TableCellHeading
{
  font-size        : 13px ;
  font-weight      : bold;
}

/* used in the Summary component */
.TableCellHeadingSmall
{
  font-size        : 12px ;
  font-weight      : bold;
  text-align       : center;
}

/* for normal text in what would normally be a heading */
.TableCellHeadingText
{
  font-size        : 10px ;
  font-weight      : normal;
}

.TableCellHeading, .TableCellHeadingSmall, .TableCellHeadingText
{
  background-color : #9fb0fe;
  color            : #ffffff ;
}


.TableCellSelected
{
  background-color : #4a56f2;
  color            : #000000 ;
  font-size        : 12px ;
}

.TableCellSelectedSmall
{
  background-color : #4a56f2;
  color            : #000000 ;
  font-size        : 12px ;
}


.PageHeader
{
  color            : #0033FF ;
  font-size        : 24px ;
  font-weight      : bold ;
  font-style       : italic ;
}

.Heading
{
  color            : #0033FF ;
  font-size        : 20px ;
  font-weight      : bold ;
  text-align       : left ;
}

.Error
{
 color             : #FF0000 ;
 font-size         : 12px;
}

.MenuLink {
  color: #284B78;
 font-size         : 10px;
  text-decoration:none;
  font-weight      : normal ;
  text-transform: lowercase;
}


.MenuLink:hover {
  color: #284B78;
  font-size         : 10px;
  text-decoration:none;
  font-weight      : normal ;
  border-bottom: 1px solid #108301;
  text-transform: lowercase;
}


.MenuLinkSelected {
  color: #339900;
  font-size         : 10px;
  text-decoration:none;
  font-weight      : normal ;
  text-transform: lowercase;
}


.MenuLinkSelected:hover {
  color: #339900;
  font-size         : 10px;
  text-decoration:none;
  font-weight      : normal ;
  border-bottom: 1px solid #108301;
  text-transform: lowercase;
}

/*
	Links
*/

a {
  color: #111FEE;
  text-decoration:none;
  font-weight      : bold ;
}

a:hover {
	color: #284B78;
	border-bottom: 1px solid #284B78;
}

a#helptip span {display: none;}

a#helptip:hover span {display: block;
    left: 0; width: 200px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 10px Verdana, sans-serif; text-align: center;}

a#helptip_summary span {display: none;}

a#helptip_summary:hover span {display: block;
    left: 0; width: 14em;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 10px Verdana, sans-serif; text-align: center;}

.imglink {
  border-bottom: 1px #f0f0f0;
}

.imglink:hover {
  border-bottom: 1px #f0f0f0;
}

.MenuBackground
{
}

.graph-colour
{
    background-color : #88F39C;
}

.graph-colour-rest
{
    background-color : #E74379;
}

.XMLLinks a
{
	font-size: 110%;
	color:#ccff99;
	font-weight:bold;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:0px;
}

.shopCategory
 { white-space: nowrap; font-size: 13px; font-weight: bold; background-color: #eee011; }

.quote
{
  border: 1px solid #338BA6;
}

.quote-author
{
  text-decoration: underline;
  margin-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
}

.quote-content
{
  margin-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
}