/*
*    edit by will.  the html tag propity mean that there is always a scroll bar including pages that dont need it.  
*    this means display area is always the same and screen will never jump.
*/
html {
    overflow-y: scroll;
}

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;
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

#top p span {
display: block;
font-size: 0.9em;
background: transparent url(/other_files/images/aat/tab-left.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.8em;}

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

#font20 {
 font-size:20px;
}

#font25 {
 font-size:20px;
}

#font30 {
 font-size:20px;
}


/*---- 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;
}

#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;
}

.buttonheaderonly {
    border: 1px solid #d7d7d7;
    padding: 5px;
}

/* CPD Events e.g /myaat/services/cpdevents/print/ */
.borderlinearea {
    background-color:#FFFFFF;
    border:1px solid #D7D7D7;
    margin:10px;
    padding:5px;
    width:650px;
    height:600px
}

.cpdEventDetailspop {
    margin-left: auto;
    margin-right: auto;
    text-align: left; 
}

.cpdEventDetailspop table {
    border-collapse:collapse;
    padding:4px;
}

/* END */

/** 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;
}

#aatlogo a {
    width: 200px;
    height: 87px;
    background: url(/other_files/images/aat/new_logo2.jpg) no-repeat;
    display: block;
    float: left;
}

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

#wrapperad {
   width:776px;
   float: left; 
   position: relative;
}

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


#wrapper901 {
   width:901px;
   *width:901px; 
   _width:906px;  
   margin: 10px auto; 
}



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

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

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

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

#bgcolorwhite {
   background-color:#ffffff;
}

/*************************Top row ***********/ 
.header776 {
    width:776px;
}

#header {
    /*width:776px;*/
    background: url(/other_files/images/aat/fronttoprow.jpg);
    height: 89px;
    /*position: relative;*/
    color:#000;
    /*font-size:0.8em;*/
    /*margin-bottom:-2px;*/
}


   
#header a {
    color:#000000;
    text-decoration:none;
    margin:0 10px 0 10px;
    }

#header a:hover {
    text-decoration:underline;
    }


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

/* 3 column - advertisement template */

#boxbanner {
    width:770px;
    height:306px;
    background-color:#d5e7e0;
    border:1px solid #BBBBBB;
}

#boxcontent1, #boxcontent2, #boxcontent3 {
    float:left;   
    width:252px;
    margin: 5px 5px 0 0;
}

/**********New advertisment Template - Prospect pages (Employers / Policy)**********/
.boxContent
{
   width:250px;
   float:left;
   margin: 0 auto;   
}

.outerGapClass
{
   width:8px;
   float:left;
   margin:0 auto;
}

.innerGapClass
{
   width:5px;
   float:left;
   margin:0 auto;
}

.boxContentWithImage
{
   width: 246px;
   border:1px solid #BBBBBB;
   background-color: white;
   padding: 5px 0;
   text-align:center;
   margin: 5px 0 0 0;
}

.boxContentWithOutImage
{
   width: 246px;
   background-color: white;
   padding: 5px 0;
   margin: 5px 0 0 0;
}


/****************************************/



#bannerleft {
    padding:3px;
}

#bannercolumn {
left:950px;
margin-bottom:0;
padding-left:2px;
position:relative;
top:130px;
width:140px;
}

/* Footer - re-coded by Simon as it was using ancient tables */

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

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

/************ END BOTTOM ROW TEMPLATE *****/

#footer {
    font-size:1em;
}

.footerbgimg {
    height: 100px;
    background: #00723F url(/other_files/images/aat/site-bottom-corners.png) no-repeat bottom left;
}

.footerbgcolor {
    height: 100px;
    background-color:#00723F;
}

.footer776 {
    width:776px;
}

#footer {
    clear: both;
    height:95px;
    position: relative;
}

#footer ul {
    position:relative;
    float: right;
    /*width: 120px;*/
    margin: 7px 6px 8px 0;
    color:#000000;
}

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

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

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

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

/*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 20px 6px 30px; 
   margin: 0;
   background: #E0ECE8 url(/other_files/images/boxes/final_bg_box3.jpg) no-repeat;
   border: 1px solid #bbb; 
}

#alertboxheadline2 h2 {
   background:#C9FFCA url(/other_files/images/boxes/final_bg_box4.jpg) no-repeat scroll 0 0;
   margin:0;
   padding:6px 13px 6px 30px;
   border-top:4px solid #349534;
   border-left:4px solid #349534;
   border-right:4px solid #349534;
   color:#000000;
   font-weight:bold;
}

/*** No show 'hide' or 'show' dropdown ****/
#boxheadline2no h2 {
   color:#000000;
   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:#000000;
   padding: 6px 12px 6px 12px; 
   margin: 0;
   border: 1px solid #bbb; 
}

#boxheadlinealert a
 {
   color:#ffffff;
}

#boxheadline2only1
 {
   margin-bottom:2px;
}

#boxheadline2only a
{
   color:#000000;
}


#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;
}
/**************************************************** CIMA page **************************/
/*** edit by will to align and display inline***/

.cima_pics {
float:left;
}

#cima_quote {
background-image: url(/other_files/images/cima_quote.jpg);
background-repeat: no-repeat;
background-position: center right;
width: 310px;
height:196px;
}



/**************************************************** 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
}

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

#TOPleft-holderfull {
   width:80%;
   float:left;
}

#TOPrightcolumns {
   float:left;
   margin: 0 0 0 -8px;
   width: 168px;
}

#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: 0px;
   padding:5px;
   text-transform:none;
   width:168px;
   position:relative;
   left:-46px;
   top:42px;
}
/*************************** SEarch GO BUTTON**********/

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


/**************************************************** 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:10px;
   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; */
}

/***green bg button ***/
.greenbutton {
   /*left:22px;*/
   position:relative;   
   border: 1px solid #d7d7d7;
   margin:10px;
   cursor: pointer;
   background: url(/other_files/images/aat/formbg1new.gif) repeat-x;
   height:35px;
   color:#157200;
   /*font-size:11pt;*/
   font-weight:bold;
   text-align:center;
}

/***green bg button ***/
.greenbutton1 {
   /*left:22px;*/
   position:relative;   
   border: 1px solid #d7d7d7;
   margin:10px;
   cursor: pointer;
   background: url(/other_files/images/aat/formbg1new.gif) repeat-x;
   height:25px;
   color:#157200;
   /*font-size:11pt;*/
   font-weight:bold;
   text-align:center;
}

.examresults {
   left:22px;
   position:relative;   
   border: 1px solid #d7d7d7;
   margin:10px;
   color: #444;
   cursor: pointer;
   background: url(/other_files/images/aat/formbg.gif) repeat-x;
   height:26px;
}

/***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;
}

.borderheaderonly {
   border: 1px solid #D7D7D7; 
   padding:5px;
   margin-bottom:5px;
}

.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;*/
}

/*height 306px*/
#boxad306 {
   background-color:#FFFFFF;
   border-bottom:1px solid #BBBBBB;
   border-left:1px solid #BBBBBB;
   border-right:1px solid #BBBBBB;
   margin-bottom:7px;
   height:306px;
   background-repeat: no-repeat;
}

#alertboxad {
   background-color:#FFFFFF;
   border-bottom:4px solid #349534;
   border-left:4px solid #349534;
   border-right:4px solid #349534;
   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;
}

.advertnh {
    padding:8px;
}

.boxadnobgnoimg {
   padding:10px;
}

.boxadnobgnoimg1 {
   padding-top:10px;
   padding-bottom:10px;
}

boxmag {
  height: 140px;
}

.advertmag {
    height: 140px;
}

.advertmag25 {
    height: 25px;
}

.advertmag50 {
    height: 50px;
}

.advertmag75 {
    height: 75px;
}

/************* 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_110{
   background:transparent url(/other_files/images/aat/bgadvert.jpg) no-repeat scroll 0 0;
   height:110px;
   color:#FFFFFF;
}


.boxadbg a, .boxadbg_110 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;
}

.textcenter40 {
  padding-top:40px;
  min-height:45px;
  position:relative;
  left:5px
}

.textcenter80 {
  height:80px;
}

/********************* 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;}

/*********** /

/************ alert message ****************************************************************************************************************************************** ALERT MESSAGE/
/***************************************************************************************************************************************************************************************************/

.clean-gray{
border:solid 1px #DEDEDE;
background:#EFEFEF;
color:#222222;
padding:4px;
text-align:center;
margin-bottom:7px;
}

.icon-heart{
border:solid 1px #DEDEDE;
/* background:#FFFFCC url(/other_files/images/aat/alert/fred1.jpg) 8px 6px no-repeat;*/
color:#222222;
padding:4px;
text-align:center;
}

.solid-green{
background:#008000;
color:#FFFFFF;
font-weight:bold;
padding:4px;
text-align:center;
}

.round-a-gray{
background:#444444 url(/other_files/images/aat/alert/round_gray-left.png) left top no-repeat;
color:#FFFFFF;
text-align:center;
}
.round-a-gray div{
background:url(/other_files/images/aat/alert/round_gray-right.png) right bottom no-repeat;
padding:4px;
}
/******************************************************************************/
/*MESSAGE BOX CLEAN	serie	  		 */
	.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.clean-yellow{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.clean-ok{
		border:solid 1px #349534; 
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.clean-error{
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}

/* --------------------------------- */
/*MESSAGE BOX Iconized	  		 */
	.icon-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.icon-yellow{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC url(/other_files/images/aat/alert/icon-yellow.png) 8px 6px no-repeat;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.icon-ok{
		border:solid 1px #90ac13; 
		background:#eef4d3 url(/other_files/images/aat/alert/icon-green.png) 8px 6px no-repeat;
		color:#6b800d;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.icon-error{
		border:solid 1px #CC0000; 
		background:#F7CBCA url(/other_files/images/aat/alert/icon-red.png) 8px 6px no-repeat;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	
/* --------------------------------- */
/* MESSAGE BOX SOLID serie	     */

	.solid-gray{
		background:#444444;
		color:#FFFFFF;
		padding:4px;
		text-align:center;
	}
	.solid-yellow{
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.solid-ok{
		background:#008000;
		color:#FFFFFF;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.solid-error{
		background:#CC0000;
		color:#FFFFFF;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	
/* --------------------------------- */
/* ROUNDED ALTERNATE	  		 	*/

/* ---------------------------------------------------------------------- */
	.round-a-gray {
		background:#444444 url(/other_files/images/aat/alert/round_gray-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
	        .round-a-gray div {
		      background:url(/other_files/images/aat/alert/round_gray-right.png) right bottom no-repeat;
		      padding:4px;
	        }
	/* ---------------------------------------------------------------------- */
	.round-a-ok {
		background:#008000 url(/other_files/images/aat/alert/round_green-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.round-a-ok div{
			background:url(/other_files/images/aat/alert/round_green-right.png) right bottom no-repeat;
			padding:4px;
		}
	/* ---------------------------------------------------------------------- */
	.round-a-error {
		background:#CC0000 url(/other_files/images/aat/alert/round_red-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.round-a-error div{
			background:url(/other_files/images/aat/alert/round_red-right.png) right bottom no-repeat;
			padding:4px;
		}
		
/* --------------------------------- */
/* TOOLTIPS				  		 	*/

	/* ---------------------------------------------------------------------- */
	.tooltips-gray {
		background:#444444;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
		.tooltips-gray div{
			background:url(/other_files/images/aat/alert/tips_gray.png) left bottom no-repeat;
			padding-top:4px;
			height:18px;
		}
	/* ---------------------------------------------------------------------- */
	.tooltips-ok{
		background:#008000;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
		.tooltips-ok div{
			background:url(/other_files/images/aat/alert/tips_green.png) left bottom no-repeat;
			padding-top:4px;
			height:18px;
		}
	/* ---------------------------------------------------------------------- */
	.tooltips-error{
		background:#CC0000;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
		.tooltips-error div{
			background:url(/other_files/images/aat/alert/tips_red.png) left bottom no-repeat;
			margin-top:4px;
			height:18px;
		}



/*-------       for box around div --------*/
#greenBox {
border:1px solid #00B259;
padding: 10px;
}

/***************************************** CPD Interactive ***************************************************************/

#interactivetitle{
/*display:table-cell; */
/*vertical-align:bottom;*/
/*font-family: Helvetica;*/
/*font-size: 12pt;*/
/*color: #ffffff;*/
/*height: 85px;*/
/*font-weight: 200;*/
/*padding-bottom:10px;*/
/*padding-top:55px;*/

color:#FFFFFF;
display:block;
font-family:Helvetica;
font-size:12pt;
font-weight:200;
height:85px;
padding-top:60px;
position:relative;
vertical-align:bottom;
}

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

#footer a {
    color: #eee;
    text-decoration: none;
}

#footer a:hover {
    color: #eee;
    text-decoration: underline;
}

.footerbgimginteractive {
    height: 100px;
    background: #00723F url(/other_files/images/aat/bottom.gif) no-repeat bottom left;
}

/***************************************************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************************************************/

/*count down */

	.calendarcountdown {
                border-style:solid;
                border-color:#BBBBBB;
                border-width:1px;
                font-weight:bold;
                height:55px;
                margin-bottom:5px;
                padding:4px;
                text-align:center;
                color:#000000;
	}

	.calendarcountdowntext {
                float:left;
                font-size:medium;
                position:relative;
                width:185px;
	}

	.countdownsmall {
               font-size:xx-small; 
	}

	#countleft {
             float: left;
             width: 60px;
	}

	#countmed {
             width: 50px;
             float: left;
	}

	#countright {
             float: right;
             width: 60px;
	}

	#countdot {
             width: 5px;
             float:left;
        }

	.boxline {
                border-style:solid;
                border-color:#BBBBBB;
                border-width:1px;
                color:#FF0000;
                font-weight:bold;
                margin-bottom:5px;
                padding:4px;
                text-align:center;
	}