body {
   background-color:#F2F2F2;
   margin:0;
   /* 06/11/08 - Oliver - Removed the font-family from all the classes  and put it in one place  */
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
   color:#000000;
}

/*******javascript:validateAndSubmit() FLASH - MARGIN 0 *************/
.flashmargin {
    margin: 0pt; 
}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}

#bannerbg {
   background:transparent url(/other_files/images/aat/safronttoprow.jpg) repeat scroll 0 0;
}

.bannerbg {
   background:transparent url(/other_files/images/aat/safronttoprow.jpg) repeat scroll 0 0;
}

#content {
overflow: hidden;
/*background-color:#FFFFFF;*/
}

/* Top links - Added by Simon */
#satop {
background: #f2f2f2 !important;
overflow: auto;
position: relative;
}

#satop .top-nav {
float: left;
position: relative;
}

#satop .top-nav li {
float: left;
background: #00a843;
padding: 0;
margin: 0 2px 0 0;
}

#satop .top-nav li.first {
background: transparent url(/other_files/images/aat/SAweb/tab-endSA.png) no-repeat top left;
}

#satop .top-nav li.first a {
background: none;
}

#satop .top-nav li.last {
background: transparent url(/other_files/images/aat/SAweb/tab-rightSA.png) no-repeat top right;
}

#satop .top-nav li.last a {
background: none;
}

#satop .top-nav a {
left: 0;
display: block;
background: #00958f;
margin: 0;
font-size: 1.2em;
color: #fff;
padding: 2px 8px;
}

#satop .top-nav a:focus {
outline: 1px dotted #333;
}


#satop .top-nav a:hover {
color: #eee;
}

#satop p { 
background: transparent url(/other_files/images/aat/SAweb/tab-rightSA.png) no-repeat top right;
float: right;
margin: 0;
}

#satop p span {
display: block;
font-size: 0.9em;
background: transparent url(/other_files/images/aat/SAweb/tab-leftSA.png) no-repeat top left;
color: #fff;
padding: 2px 8px;
}

/*---- Pages - Links 12/11/08 -----*/
a { text-decoration: none; color: #00b259;}
a:hover {color:#024527;}

h1 {font-size:1.0em;}
h2 {font-size:0.9em;}
h3 {font-size:0.9em;}

h3 {
   font-size: 14px;
   font-weight: bold;
   margin: 1em 0px 5px 0px;
   padding-bottom: 3px;
}

/*---- AAT Colour palette - corporate 3 different green color -----*/
/*---- AAT green 1 medium green -----*/
.bgcolor1
{
background: #00b259;
color: #ffffff;
}

.aatcolor1
{
color: #00b259;
}

/*---- AAT green 2  Dark green-----*/
.bgcolor2
{
background: #00723f;
color: #ffffff;
}

.aatcolor2
{
color: #00723f;
}

/*---- AAT green 3 - Light green -----*/
.bgcolor3
{
background: #cce0da;
  padding: 1px;
}

.aatcolor3
{
color: #cce0da;
}

/********* Button ***********/
 /* #article_mainarea .portlet-form-button { */
   /* border: 1px solid #d7d7d7;*/
   /*   margin:2px;*/
   /*   colour: #ffffff;*/

   /* border: 1px solid #bbb;*/
   /* margin:2px;*/
   /* float: left;*/
   /* color: #444;*/
    /*font-size: 1em;*/
    /*cursor: pointer;*/
   /* background: url(/other_files/images/aat/formbg.gif) repeat-x top left;*/
   /* margin-top:5px;*/
/*}*/

#portlet-form-button1 { 
    border: 1px solid #bbb;
    margin:2px;
    float: left;
    color: #444;
    /*font-size: 1em;*/
    cursor: pointer;
    background: url(/other_files/images/aat/formbg.gif) repeat-x top left;
}

/** button only - e.g back to myaat */
.buttononly {
    border: 1px solid #d7d7d7;
    margin:2px;
    padding: 5px;
    text-align:center;
}

.bgcolorbox
{
    background:url(/other_files/images/boxes/final_bg_box3.jpg) no-repeat;
    color: #ffffff;
    height: 20px;
    padding: 7px;
}

.bgcolorbox A:link {color:#000000; text-decoration: none}
.bgcolorbox A:visited {color:#000000; text-decoration: none;} 
.bgcolorbox A:active {color:#000000; text-decoration: none;}
.bgcolorbox A:hover {color:#000000; text-decoration: none;}

/*---- END -----*/

img {
    border:0 solid white;
}

/********************************************************************************** Headders and Footers
Created by: [Jason]
Created date: [3/11/08]
Description: [All of the templates are using this css to control the headders and footers]
-----------------------------------------------------*/

#switchlinks {
    font-size:0.8em;
}

#saaatlogo a {
    width: 230px;
    height: 90px;
    background: url(/other_files/images/aat/SAweb/new_logo2SA2.jpg) no-repeat;
    display: block;
}

#wrapper {
   width:776px;
   margin: 10px auto;
   background-color:#ffffff;
}


#wrapperad {
   width:776px;
   float: left; 
   position: relative;
   background-color:#FFFFFF;
}

#wrapperadright {
   float: right; 
   position: relative; 
   width: 125px;
}

#wrapper901 {
   width:901px;
   margin: 10px auto; 
   background-color:#FFFFFF;
}

#wrapper125 {
   width:125px;
   margin: 10px auto;
}

#wrapper570 {
   width:570px;
   margin: 10px auto;
}

#wrapper926 {
   width:926px;
   margin: 10px auto;
}

#wrapper150 {
   width:150px;
   margin: 10px auto;
}

/*************************Top row ***********/ 
#saheader {
    width:776px;
    background: #00958f no-repeat scroll 0 0;
    height: 90px;
    position: relative;
    color:#000;
    font-size:0.8em;
      }
    
#saheader a {
    color:#000000;
    text-decoration:none;
    margin:0 10px 0 10px;
    }
    
#saheader a:hover {
    text-decoration:underline;
    }

#saheader .search {
    position: absolute;
    bottom: 15px;
    right: 3px;
    width: 250px;
}

#saheader label {
    position: absolute;
    top: 2px;
    left: 0;
    width: 50px;
    color: #fff;
    font-size: 1.2em;
}

#saheader .search .portlet-form-input-field {
    float: left;
    background: url(/other_files/images/aat/search-bg.png) no-repeat top left;
    margin: 0 4px 0 45px;
    width: 165px;
    font-size: 1.2em;
    padding: 2px;
    color: #444;
    border: 1px solid #555;
}

#saheader .portlet-form-button {
margin: 0;
    background: url(/other_files/images/aat/go-submit.png) no-repeat top left;
    text-indent: -9999em;
    border: none;
    width: 28px;
    height: 20px;
    cursor: pointer;
}

.feedback {
    margin: 0;
    background: url(/other_files/images/aat/feedback.jpg) no-repeat;
    border: none;
    cursor: pointer;
    width:100px;
    position: relative;
    overflow: auto;
}

/* Footer - re-coded by Simon as it was using ancient tables */
#safooter {
    background: #00958f url(/other_files/images/aat/SAweb/site-bottom-cornersSA.png) no-repeat bottom left;
    clear: both;
    position: relative;
    /*overflow: auto;*/
    height:100px;
}

.footer776 {
    width:776px;
}

#safooter ul {
float: right;
width: 120px;
margin: 7px 6px 8px 0;
}

#safooter ul li {
    padding: 0;
    margin: 0;
    background: url(/other_files/images/aat/SAweb/link-arrowSA.png) no-repeat 0 2.5px;
    font-size: 0.85em;
    padding: 0;
    margin: 4px 0;
}

#safooter ul li a, #footer ul li a:hover {
    color: #fff;
    background: none;
    display: inline;
    position: static;
    left: 0;
    padding: 0 0 0 10px;
}

#safooter ul li a:hover {
    color: #eee;
    text-decoration: underline;
}

#safooter p {
    font-size: 0.85em;
    color: #fff;
    position: absolute;
    bottom: 7px;
    left: 6px;
    margin: 0;
}

/************ BOTTOM ROW TEMPLATE *****/
#BOTleft-holder {
   width:640px;
   float:left;
}

#BOTrightcolumns {
   float:right;
   width:120px;
}

/*END END END*/

.keep_clear {
   clear:both;
}


.bottomgap {
   margin-bottom:2px;
}

/**************************************************************************************** NEWS TICKER ***
Description: [This controls the news tickers on the Front page and back log in
-----------------------------------------------------*/
/********************************************************************************** 
Modified by: [Izik] [Oliver - Updated - 01/12/08 - spilt 2 class for 2 different templates.
Modified date: [21/11/08]
Description: [Tyding up the scroll]
---------------------------------------------------------------------------------*/
.frontticker .scroll {
         border: 1px solid #bbbbbb;
         /*width:483px;*/
         /*height:28px;*/
	 /*padding-left:25px;*/
         /*padding-top: 5px;*/
         /*text-align:center;*/
         /*background:url(/other_files/images/boxes/final_bg_box3.jpg);*/
         margin-top:2px;
         margin-bottom:6px;
         background-color:#ffffff;
         padding:5px
	}

/*** Back log in 3 column size */
.backlogticker .scroll  {
         border: 1px solid #d7d7d7;
         /*width:307px;*/
         height:28px;
	 /*padding-left:25px;*/
         /*padding-top: 5px;*/
         text-align:center;
         /*background:url(/other_files/images/boxes/final_bg_box3.jpg);*/
         margin-top:2px;
         margin-bottom:6px;
         background-color:#ffffff;
	}

.scroll a {
 color:#000000;
}

.textposition {
margin-top:-10px;
}

/* END END END */

/*************************************************************************************** ADVERT - OLIVER
Created by: [Oliver]
Created date: [07/11/08]
Description: [Advert - boxes]
Last Updated by: [Izik]
Last Updated date: [10/11/08]
Description: [Adding margin-bottom for spacing between boxes.]
-----------------------------------------------------*/

#advert1 {
   font-weight: bold;
   height=77;
   background-color:#E0ECE8;
   color:#ffffff;
   font-size:0.8em;
   valign=middle
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
   border-top: 1px solid #D7D7D7; 
   background:url(/other_files/images/aat/bgadvert.jpg) no-repeat;
   margin-bottom:2px;
   }

#advert1 h2 {
   font-size:1.0em;
   color:#395a05;
   display:block;
   background-color:#E0ECE8;
   padding:5px 5px 5px 30px;
   margin-top:0;
   background:url(/other_files/images/boxes/final_bg_box3.jpg) no-repeat; 
   }

#advert1 a {
   color:#ffffff;
   text-decoration:none;
   }

#advert1 a:visited {
   color:#ffffff;
   text-decoration:none;
   }

#advert1 a:hover {
   color:#ffffff;
   text-decoration:underline;
   }

/* END END END */

/**** box line only ****/

.boxContentline
{
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
   border-bottom: 1px solid #D7D7D7;
   min-height:50px;
   vertical-align:middle;
margin: auto;
}

/*************************************************************************************** Box for all pages - In box area content 
Jason updated #boxheadlineContent1 ul This code was causing a problem in IE6 so I have added some custom code to remove the gap between the the box and the h2 about it aalso I have added custom code to give the list items in IE6 a better padding at the top.
19/11/08
*/

/**** White background box****/
.boxheadlineContent1
{
   border-left: 1px solid #bbb; 
   border-right: 1px solid #bbb; 
   border-bottom: 1px solid #bbb;
   padding: 10px;
   overflow-y: hidden;
   overflow-x:auto;
   margin-bottom:2px;
   background-color: #fff;
}

<!--[if lte IE 6]>
.boxheadlineContent1 {
   overflow-y: hidden;
   overflow-x:scroll;
}
<![endif]-->

.boxheadlineContent1 ul
{
   padding-top:0px;
   padding-bottom:0px;
}

.boxheadlineContent1 a:link
{
  text-decoration: none;
}

.boxheadlineContent1 a:hover
{
  text-decoration: none;
}

/**************Template - HEADERFOOTER - CONTENT AND SERVICES TABLE ************/

.boxheadline1
{
   border-left: 1px solid #bbb; 
   border-right: 1px solid #bbb; 
   border-bottom: 1px solid #bbb;
   padding: 10px;
   overflow-y: hidden;
   overflow-x:auto;
   margin-bottom:2px;
   background-color: #fff;
}

<!--[if lte IE 6]>
.boxheadline1 {
   overflow-y: hidden;
   overflow-x:scroll;
}
<![endif]-->

.boxheadline1 ul
{
   padding-top:0px;
   padding-bottom:0px;
}

.boxheadline1 a:link
{
  text-decoration: none;
}

.boxheadline1 a:hover
{
  text-decoration: none;
}

/**************************END*******************************************/



/**** Colour background box****/
.boxheadlineContent1colour
{
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
   border-bottom: 1px solid #D7D7D7;
   padding:10px;
   margin-bottom:3px;
   _margin-bottom:10px;
   color: #FFFFFF;
}

.boxheadlineContent1colour ul
{
   padding-top:0px;
   padding-bottom:0px;
}

.boxheadlineContent1colour a:link
{
   text-decoration: none;
   color: #FFFFFF;
}

.boxheadlineContent1colour a:hover
{
   color: #cce0da;
   text-decoration: none;
}

.boxheadlineContent1colour a:visited
{
   color: #cce0da;
   text-decoration: none;
}
.boxheadlineContent1colour a:active
{
   color: #ffffff;
   text-decoration: none;
}

/********** END ************/

/* Image left/right with no padding */
#boxheadlineContent2
{
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
   border-bottom: 1px solid #D7D7D7;
   color: #000000;
   overflow:auto;
   padding-left:10px;
   padding-top:0; 
   margin-bottom:3px;
   _margin-bottom:10px;
}

#boxheadlineContent2 ul 
{
   list-style-image: url(/other_files/images/icons/arrow2.gif);
   margin-left: 0;
   padding-left: 15px;
   _margin-top:0;
   _padding-top:10px;
}

#boxheadlineContent2 a
{
   color: #000000;
   text-decoration: none;
}

#boxheadlineContent2 a:hover
{
   color: #00723f;
   text-decoration: none;
}

/********************************************************* Advert BOX wihtout LI point - OLIVER**/
#boxadvertContent2withoutil
{
   background:transparent url(/other_files/images/aat/bgadvert.jpg) no-repeat scroll 0 0;
   color:#000000;
   margin-bottom:1px;
   min-height:85px;
   padding:3px;
}

#boxadvertContent2withoutil a
{
   color:#ffffff;
   text-decoration: none;
}

#boxadvertContent2withoutil a:hover
{
   color: #cce0da;
   text-decoration: none;
}

/****about map - 1 line valign middle ****/
#boxposition {
   position:relative;
   top:25px;
}

/**** 1 line valign middle ****/
#boxposition2 {
   position:relative;
   top:35px;
}

#boxposition2 a {
  color:#ffffff;
  text-decoration: none;
}

#boxadvertContent2movecenter a
{
  color:#ffffff;
  text-decoration: none;
}

#boxadvertContent2movecenter a:hover
{
  color: #cce0da;
  text-decoration: none;
}

/********************* IMG TOP BOX under headline *******************/

.imgboxtop 
{
   width:215px;
   top:-3px;
   padding:0px;
   margin:0px;
}

/********************************************************* Content BOX - OLIVER**/
#boxadvertContent2
{
   color: #000000;
   padding:0; 
   background:url(/other_files/images/aat/advert2.jpg) no-repeat;
   height:81px;
   /*width:100%;*/
   padding:5px;
   /*width:100%;*/
}

#boxadvertContent2bigimg
{
   color: #000000;
   padding-top:0; 
   margin-bottom:2px;
   background:url(/other_files/images/aat/advert2.jpg) no-repeat;
   height:105px;
   width:100%;
   /*width:100%;*/
}

#boximage {
   left:-20px;
}

#boxadvertContent2 ul 
{
  list-style-image: url(/other_files/images/icons/arrow2.gif);
  margin-left: 0;
  padding-left: 15px;
  _margin-top:0;
  _padding-top:10px;
  left:50px;
}

#boxadvertContent2 a
{
  color:#ffffff;
  text-decoration: none;
}

#boxadvertContent2 a:hover
{
  color: #cce0da;
  text-decoration: none;
}

boxadvertContent2bigimg a
{
  color:#ffffff;
  text-decoration: none;
}

boxadvertContent2bigimg  a:hover
{
  color: #cce0da;
  text-decoration: none;
}

/* headline box */

#boxheadline2 h2 {
   color:#000000;
   padding: 6px 13px 6px 30px; 
   margin: 0;
   background: #E0ECE8 url(/other_files/images/boxes/final_bg_box3.jpg) no-repeat;
   border: 1px solid #bbb; 
}
/*** No show 'hide' or 'show' dropdown ****/
#boxheadline2no h2 {
   color:#395a05;
   background-color:#E0ECE8;
   padding: 6px 13px 6px 30px;  
   margin-top:0;
   background:url(/other_files/images/boxes/final_bg_box3.jpg) no-repeat;
   border: 1px solid #bbb; 
   margin-bottom:0px;
}

#boxheadlinealert h2 {
   background-color:#00b259;
   padding: 6px 12px 6px 12px; 
   margin: 0;
   border: 1px solid #bbb; 
}

#boxheadlinealert a
 {
   color:#ffffff;
}

#boxheadline2only1
 {
   margin-bottom:2px;
}

#boxheadline2only a
{
   color:#395a05;
}


#boxheadline2only h2
 {
   height: 28px;
   color:#395a05;
   background-color:#E0ECE8;
   padding-top:6px;  
   padding-left:30px;  
   margin-top:0;
   background:url(/other_files/images/boxes/final_bg_box3.jpg) no-repeat;
   margin-bottom:-6px;
}

#backtopage1 h2
 {
   height: 23px;
   font-size:1.0em;
   color:#395a05;
   background-color:#ffffff;
   padding-top:8px;   
   margin-top:0;
   margin-bottom:2px;
   border: 1px solid #D7D7D7; 
}

#boxheadline2 a
 {
   color:#395a05;
}

#boxheadline2no a
 {
   color:#395a05;
}

/* double headline box */

#doubleboxheadline2 h2
 {
   height: 43px;
   color:#395a05;
   background-color:#E0ECE8;
   padding-top:6px;  
   padding-left:30px;  
   margin-top:0;
   margin-bottom:-6px;
   background:url(/other_files/images/boxes/doublebox2.jpg) no-repeat;
   border-top: 1px solid #D7D7D7; 
   border-left: 1px solid #D7D7D7;
   border-right: 1px solid #D7D7D7;
}

#doubleboxheadline2 a
 {
   color:#395a05;
}

/**************************************************** Contact Us **************************/

#contactus
 {
   color:#ffffff;
   font-size:1.3em;
   right:7px;
   position:relative;
   top:5px; 
}

/**************************************************** Search AREA**************************/

/* Commented Out by Simon, may possibly be deleted if defunct */

/*** Search - Title - "search AAT" *****************
.search-position label.portlet-form-label {
   position:relative;
   color:#FFFFFF;
   font-size:0.9em;
   top:18px;
   left:-108px;
   font-weight: normal;
}

/*** Search Input box style *************************
.search-position .portlet-form-input-field {
   position:relative;
   left:-48px;
   top:18px;
   right:15px;
   display: block;  /* block float the labels to left column, set a width */
   padding: 0; 
   margin: 1px 0 0; /* set top margin same as form input - textarea etc. elements */
   width:138px;
   /*background: #fff url(/other_files/images/icons/searchicon2.gif) no-repeat 1px 50%;*/
   /*padding-left: 18px;*/
   color: #00723f;
   width: 120px;
   border: 1px solid #555555;  
   height:19px;
}

#searchbox {
   float:right;
   padding-left:3px;
   width:550px
}

#header {
background:transparent url(/other_files/images/aat/safronttoprow.jpg) repeat scroll 0 0;
color:#000000;
height:89px;
}

#TOPleft-holder {
   width:600px;
   float:left;
}

#TOPrightcolumns {
   float:left;
   width:160px;
}

#header label {
   color:#FFFFFF;
   font-size:1.0em;
   left:-95px;
   position:relative;
   top:63px;
   width:50px;
}

#header #TOPrightcolumns .portlet-form-input-field {
   background:transparent url(/other_files/images/aat/search-bg.png) no-repeat scroll left top;
   border:medium none;
   display:block;
   float:left;
   height:15px;
   margin:0;
   padding:5px;
   text-transform:none;
   width:160px;
   position:relative;
   left:-46px;
   top:42px;
}
/*************************** SEarch GO BUTTON**********/

#header .portlet-form-button {
background:transparent url(/other_files/images/icons/SAgobutton.jpg) no-repeat scroll left top;
border:medium none;
width:28px;
position:relative;
top:19px;
left:140px;
height:22px;
}


/**************************************************** Search AREA END **************************/

/**************************************************** Search AREA END **************************/


/*** CONTENT INSIDE BOX BORDER ************/
.right {
   margin: 0 0 2px 0;
   border: 1px solid #D7D7D7; 
   overflow:auto; 
}

.right h2 {
   font-size:1.0em;
   color:#395a05;
   display:block;
   background-color:#E0ECE8;
   padding:5px 5px 5px 30px;
   margin-top:0;
   background:url(/other_files/images/boxes/final_bg_box3.jpg) no-repeat;
}

/*********************** Login box - Forgetten Password & dont have a login *** OLIVER**/

.forgotten-password
{
   font-size:0.7em;
   font-weight: bold;
   text-align:right;
}

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

.donthavealogin a {
   color:#395a05;
}

.contentinbox1
{
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
   border-bottom: 1px solid #D7D7D7;
   padding:0px 0px 0px 0px;
   margin-bottom:3px;
}

.canlogin 
{
   border-left: 1px solid #bbbbbb; 
   border-right: 1px solid #bbbbbb; 
   padding:10px;
}

/*********** LOG OUT ********************/
.3columnlogin .logoutbutton {
   background:#FFFFFF none repeat scroll 0 0;
   border:2px solid #007433;
   color:#007433;
   font-size:0.8em;
   height:22px;
   width:290px;
   position:relative;
   margin-bottom:5px
   left:80;
}

.breakline {
   background-color:#00662e;
   color:#ffffff;
}
/************************************* IMAGE *****************/

#boxadvertContent2 img {
    padding: 0px 5px 0px 0px;
    margin:2px 2px 2px 2px;
    height:77px;
    float: left;
}

#boxadvertContent2withoutil img {
   /* float:left; */
   /* padding: 0px 5px 0px 5px; */
   /* margin:2px 2px 2px 2px; */
   /* height:77px; */
}

#imageright img {
    float: right;
    padding: 0px 5px 0px 0px;
}
#imagecenter img {
    padding: 5px 5px 5px 5px;
}

/************Register****************/

/***front page ***/
.login-position .frontregisterbutton {
   left:22px;
   position:relative;   
   border: 1px solid #d7d7d7;
   margin:8px;
   color: #444;
   cursor: pointer;
   background: url(/other_files/images/aat/formbg.gif) repeat-x;
   height:26px;

/*   display:block;       */
/*   position: absolute;  */
/*   float:middle;  */
/*   top:50px;*/
/*  background: url(/other_files/images/aat/formbg.gif) repeat-x top left;*/
/*  border: solid 1px #bbb;*/
/*  top:10px; */
}

/***2 page page ***/
.login-position .secondregisterbutton {
  /* float:center;*/
  /* left:18px;*/
  /*  position:relative; */
  /* border: 1px solid #d7d7d7;*/
  /* margin:2px;*/
  /* colour: #ffffff;*/
   /*position:relative;  */
 
   border: 1px solid #d7d7d7;
   margin: 1px 2px 5px 15px;
   color: #444;
   cursor: pointer;
   background: url(/other_files/images/aat/formbg.gif) repeat-x;
   height:26px;
}

.error {
   color: #ff0000;
}

/***************** heading image icon right corner **********/
.icons {
   position:relative; 
   top: -17px;
   left: 160px;
   padding:0px 0px 0px 0px;
   margin-bottom:-3px;
   padding-bottom:-15px;
}

.iconsmiddle {
   position:relative; 
   top: -17px;
   left: 280px;
   padding:0px 0px 0px 0px;
   margin-bottom:-3px;
   padding-bottom:-15px;
}

.iconslong {
   position:relative; 
   top: -17px;
   left: 190px;
   padding:0px 0px 0px 0px;
   margin-bottom:-3px;
   padding-bottom:-15px;
}

.backtocorner {
   position:relative; 
   top: -7px;
   left:-5px;
   padding:0px 0px 0px 0px;
   margin:0px;
   width:100%; 
}

/************** portlet image left *******************/
.msgimg {
   float:left;
   position:relative; 
   top: -5px;
   left: -5px;
}

.msgimgright {
   float:right;
   position:relative; 
   top: -5px;
}

/************************ BG ADVERT WITH IMAGE RIGHT ***************/

#boxadvertContent2withoutilmiddle
{
   color: #000000;
   padding-top:0; 
   margin-bottom:2px;
   background:url(/other_files/images/aat/advert2.jpg) no-repeat;
   height:105px;
   width:100%;
   display:block;
}

#boxadvertContent2withoutilmiddle a
{
  color:#ffffff;
  text-decoration: none;
}

#boxadvertContent2withoutilmiddle a:hover
{
  color: #cce0da;
  text-decoration: none;
}

#boxadvertContent2withoutilmiddle img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.textwhite {
  color:#ffffff;
}

.borderonly {
   border: 1px solid #D7D7D7; 
}

.padding10 {
   padding:10px;
}

.paddingleft10 {
  padding-left:10px;
}

/******************* ADVERT ***********************/
.boxadvert {
   background-color:#FFFFFF;
   border-bottom:1px solid #BBBBBB;
   border-left:1px solid #BBBBBB;
   border-right:1px solid #BBBBBB;
   margin-bottom:2px;
   padding-top:10px;
   padding-left: 2px;
   padding-right:2px;
   padding-bottom:10px;
   min-height:82px
}

.boxadvert a {
  color:#000000;
}

.imgheadline
{
/*   margin:2px 0;*/
/*   padding-top:10px;*/
/*   padding-bottom:10px;*/
}

.rightul {
   background-color:#FFFFFF;
   margin-bottom:2px;
}



/************************************* NEW BOX AREA ****************************************************************************/

/*** boxadnobg: box with no bgcolor ****/
#boxad {
   background-color:#FFFFFF;
   border-bottom:1px solid #BBBBBB;
   border-left:1px solid #BBBBBB;
   border-right:1px solid #BBBBBB;
   margin-bottom:7px;
   /*min-height:120px*/
   background-repeat: no-repeat;
}

/*
.boxad {
   background-color:#FFFFFF;
   border-bottom:1px solid #BBBBBB;
   border-left:1px solid #BBBBBB;
   border-right:1px solid #BBBBBB;
   margin-bottom:7px;
   /*min-height:120px*/
   background-repeat: no-repeat;
}
*/
/************* BOX with NO IMAGE - fixed height size + no padding ********/
.boxad1 {
   background-color:#FFFFFF;
   /*border-bottom:1px solid #BBBBBB;*/
   /*border-left:1px solid #BBBBBB;*/
   /*border-right:1px solid #BBBBBB;*/
   margin-bottom:7px;
   min-height:120px;
   background-repeat: no-repeat;
}
/************* BOX with NO IMAGE - no height size ********/
.boxad2 {
   background-color:#FFFFFF;
   /*border-bottom:1px solid #BBBBBB;*/
   /*border-left:1px solid #BBBBBB;*/
   /*border-right:1px solid #BBBBBB;*/
   margin-bottom:7px;
   padding:10px;
   background-repeat: no-repeat;
}

/************* BOX with NO IMAGE - fized height size ********/
.boxad3 {
   background-color:#FFFFFF;
  /* border-bottom:1px solid #BBBBBB;*/
  /* border-left:1px solid #BBBBBB;*/
  /* border-right:1px solid #BBBBBB;*/
   margin-bottom:7px;
   padding:10px;
   min-height:107px;
   background-repeat: no-repeat;
}

/************* BOX with NO IMAGE - no height size and bottom ********/
.boxad4 {
   background-color:#FFFFFF;
   border-left:1px solid #BBBBBB;
   border-right:1px solid #BBBBBB;
   background-repeat: no-repeat;
}

/************* BOX with NO IMAGE - no height size and bottom ********/
.boxad5 {
   background-color:#FFFFFF;
   /*border-bottom:1px solid #BBBBBB;*/
   /*border-left:1px solid #BBBBBB;*/
   /*border-right:1px solid #BBBBBB;*/
   margin-bottom:7px;
   background-repeat: no-repeat;
}

.advert {
    padding:8px;
    width:108px;
    height: 74px;
}

.boxadnobgnoimg {
   padding:4px 10px 3px 20px;
}

/************* BOX with NO bgcolor ********/
.boxadnobg {
   height:90px;
}

.boxadnobg a {
   color:#000000;
   text-decoration: none;
}

.boxadnobg a:hover {
   color: #00723f;
   text-decoration: none;
}

/*** boxadnobg: box with green bgcolor ****/
.boxadbg {
   background:transparent url(/other_files/images/aat/bgadvert.jpg) no-repeat scroll 0 0;
   height:90px;
   color:#FFFFFF;
}

.boxadbg a {
  color:#ffffff;
}

/****************** Bottom box with padding 10 *************/
.boxul {
  padding:10px;
}

.textcenter5 {
  padding-top:5px;
  min-height:70px;
}

.textcenter10 {
  padding-top:10px;
  min-height:65px;
}

.textcenter15 {
  padding-top:15px;
  min-height:60px;
}

.textcenter20 {
  padding-top:20px;
  min-height:55px;
  display:block;
}

.textcenter25 {
  padding-top:25px;
  min-height:50px;
}

/**************** New Home page boxes - Alex 14/07/11 ***********/
.blue_box_image {
  border-top: 1px solid #BBBBBB;
  border-left: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
}

.blue_box_text {
  padding:20px 10px 10px;
  background-color:#00958F;
  color:#fff;
  margin-bottom:7px;
}
.blue_box_text h2 {
  font-size: 130%;
  margin:0;
}
.blue_box_text h2 a, .blue_box_text h2 a:link, .blue_box_text h2 a:visited {
  color:#fff;
  text-decoration: none;
}
.blue_box_text h2 a:hover , .blue_box_text h2 a:active {
  text-decoration: underline;
}

.blue_box_text p.large {
  margin-top:6px;
}

/***************** Yellow link box - Alex 14/07/11 *************************/

.yellow_text {
  padding:3px 10px 4px;
}
.yellow_text p {
  margin:0;
  text-align:center;
}
.yellow_text a, .yellow_text a:link, .yellow_text a:visited {
  color:#FADC0F;
  text-decoration:none;
}

.yellow_text a:hover, a:active {
  text-decoration:underline;
}

.large {
  font-size:110%;
}

/***************** Membership Levels Table - Alex 14/07/11 ***************/
table.membershiplevels, table.membershiplevels td, table.membershiplevels th {
  border:none;
  background-color:#fff;
}
table.membershiplevels td {
  vertical-align: top;
  padding-top: 18px;
}
table.membershiplevels tr td.colour {
  padding-bottom:20px;
}
table tr#red td.colour {
  background:#fff url('/other_files/images/backgrounds/red.png') no-repeat 2px 3px;
}
table tr#diamond td.colour {
  background:#fff url('/other_files/images/backgrounds/diamond.png') no-repeat 2px 3px
}
table tr#silver td.colour {
  background:#fff url('/other_files/images/backgrounds/silver.png') no-repeat 2px 3px;
}
table tr#gold td.colour {
  background:#fff url('/other_files/images/backgrounds/gold.png') no-repeat 2px 3px;
}
table tr#platinum td.colour  {
  background:#fff url('/other_files/images/backgrounds/platinum.png') no-repeat 2px 3px;
}
table tr#red td.text, table tr#diamond td.text, table tr#silver td.text, table tr#gold td.text, table tr#platinum  td.text {
  padding: 4px 0 1px 2px;
}
table tr#red td.text div, table tr#diamond td.text div, table tr#silver td.text div, table tr#gold td.text div, table tr#platinum  td.text div {
  margin:0;
  width:446px;
  padding:0 4px;
}
table tr#red td.text div {
 background-color:#F8C0C6;
}
table tr#diamond td.text div {
 background-color:#E8F5F6;
}
table tr#silver td.text div {
 background-color:#E3E6E9;
}
table tr#gold td.text div {
 background-color:#E4DECD;
}
table tr#platinum td.text div {
 background-color:#D5E6E7;
}
table tr#red td.text .topcurve, table tr#diamond td.text .topcurve, table tr#silver td.text .topcurve, table tr#gold td.text .topcurve, table tr#platinum td.text .topcurve, table tr#red td.text .bottomcurve, table tr#diamond td.text .bottomcurve, table tr#silver td.text .bottomcurve, table tr#gold td.text .bottomcurve, table tr#platinum td.text .bottomcurve {
  height:14px;
}
table tr#red td.text .topcurve {
  background:#F8C0C6 url('/other_files/images/backgrounds/bg_top_curve_red.png') no-repeat; 
}
table tr#red td.text .bottomcurve {
  background:#F8C0C6 url('/other_files/images/backgrounds/bg_bottom_curve_red.png') no-repeat bottom;
}
table tr#diamond td.text .topcurve {
  background:#E8F5F6 url('/other_files/images/backgrounds/bg_top_curve_diamond.png') no-repeat; 
}
table tr#diamond td.text .bottomcurve {
  background:#E8F5F6 url('/other_files/images/backgrounds/bg_bottom_curve_diamond.png') no-repeat bottom;
}
table tr#silver td.text .topcurve {
  background:#E3E6E9 url('/other_files/images/backgrounds/bg_top_curve_silver.png') no-repeat; 
}
table tr#silver td.text .bottomcurve {
  background:#E3E6E9 url('/other_files/images/backgrounds/bg_bottom_curve_silver.png') no-repeat bottom;
}
table tr#gold td.text .topcurve {
  background:#E4DECD url('/other_files/images/backgrounds/bg_top_curve_gold.png') no-repeat; 
}
table tr#gold td.text .bottomcurve {
  background:#E4DECD url('/other_files/images/backgrounds/bg_bottom_curve_gold.png') no-repeat bottom;
}
table tr#platinum td.text .topcurve {
  background:#D5E6E7 url('/other_files/images/backgrounds/bg_top_curve_platinum.png') no-repeat; 
}
table tr#platinum td.text .bottomcurve {
  background:#D5E6E7 url('/other_files/images/backgrounds/bg_bottom_curve_platinum.png') no-repeat bottom;
}

/********************* Border line *********************/
.LRline {
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
}

.LRBline {
   border-left: 1px solid #D7D7D7; 
   border-right: 1px solid #D7D7D7; 
   border-bottom: 1px solid #D7D7D7; 
   margin-bottom:7px;
}
/********************* End Border line *********************/
.wordhead {
   line-height:15px;
   padding-bottom:5px;
   padding-right:10px;
   position:relative;
   text-align:right;
   top:-10px;
   font-weight:bold;
}

.wordhead a { color:black; }
.wordhead a:hover {color: #00B259;}

.wordspace {
   font-size:10px;
   line-height:15px;
   padding-right:10px;
   position:relative;
   text-align:right;
   top:-10px;
}

.wordspace a { color:black; }
.wordspace a:hover {color: #00B259;}


/********************* UNIT SEARCH HIDE *******************/


.readinglist {
     margin: 0px;
}

/********************** END *******************************/

/********************** Breadcrumb *******************************/

/* Breadcrumb box*/
.breadcrumb1
 {
   padding:5px;
   valign=middle;
   border: 1px solid #D7D7D7;
   margin-bottom:2px;
}

.breadcrumb1 a:link
 {
  text-decoration: none
}

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