/* There are some layout features included in this document.  Each line applying to each one
  is marked as follows (in case you need to remove them).  When changing the value of properties marked 
  with these tags you should leave the original value in a comment so changes can be easily scanned.
  
  	[mmw] Min - Max width centred page

*/




/*****************************************************************************************
 *			Imports
 ****************************************************************************************/

@import url("primary-navigation.css");
@import url("section-colors.css");
@import url("forms.css");
@import url("extranet.css");


/*****************************************************************************************
 *			Main document sections layout
 ****************************************************************************************/
body {
	text-align: center; /* center the #page element in IE5/win [mmw] */
	margin: 0 7px; /* [mmw] */
	padding: 0 0 7px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%;
	color: #333;
	background: #a6ccea url(../images/backgrounds/bg_tile.gif) left top repeat-x;
}

#page {
	position: relative;
	/* [mmw] */
	text-align: left; /* reset the text alignment after IE5/win hack above [mmw] */
	min-width: 940px; /* min page width to not scroll at 800x600 [mmw] */
	max-width: 940px; /* max page width [mmw] */
	margin: 0 auto; /* ceneter the #page element in all but IE5/win [mmw] */
	/* max and min width javascript expression for IE/win (all).  Dynamically writes width value after checking browser window width.
	   The returned pixel values in the < and > constrainsts below should match the max and min width values above
	   [mmw]
	*/
	width: 940px;
}
 /* only for mac ie (it doesn't do max-min-width) [mmw] \*//*/
#page { width: 771px; }
/* end hack [mmw] */

#page #header {
	height: 20px;
	position: relative; 
	zoom: 1;
	z-index: 20;
}

#page #section-title {
	display: none;
}


#page #column-wrapper {
	padding-left: 260px;
	padding-right: 28px;
	
}
body.home-section #page #column-wrapper {
	padding-left: 7px;
	padding-right: 7px;
}

#page #column-wrapper-inner {
	width: 100%;
	position: relative;
	border-top: 1px solid white;
}

#page #content {
	float: right; display: table;
	width: 100%;
	margin-top: 76px;
	margin-left: -260px;
}
body.has-flash #page #content {
	margin-top: -12px; position: relative;
}


#page #primary-navigation {
	float: left; display: inline;
	width: 204px;
	padding: 100px 0 20px 0;
	position: relative;
	left: -227px;
}

body.home-section #page #primary-navigation {
	padding:  0;
	margin: 0;
	width: 0;
	height: 0;
	position: static;

}
body.has-flash #page #primary-navigation {
	display: none;
}

body.home-section #page #primary-navigation ul {
	padding: 0;
	margin: 0;
	/* firefox requires extra padding to push away from left edge */
	left: 10px;
	/* IE remains normal */
	_left: 0;
	top: 98px;
	position: absolute;
	z-index: 99;
}

#page #secondary-navigation {

}

#page #breadcrumb {
	float: left;
	height: 0;
	width: 0;
}

/************************
 *  Page layout
 ************************/

/* box rounded corner backgrounds */
#page {
	background-color: white;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/pg_left.gif);
}
#page-inner {
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/pg_right.gif);
}
@media all {
	* html #page { zoom: 1; }
	* html #pageInnerThree { height: 0; }
}





/*****************************************************************************************
 *			Header layout / styles
 ****************************************************************************************/

#header {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/pg_topleft.gif);
}

#header-inner {
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/pg_topright.gif);
	background-position: right top;
	height: 100%;
}

#header #header-inner #logo {
	position: absolute;
	left: 32px;
	top: 37px;
}


#header #search-form {
	top: 10px;
	right: 28px;
	position: absolute;
	height: 20px;
	width: 194px;
	background-color: #eee;
	border-left: #c3c3c3 1px solid;
	border-right: #c3c3c3 1px solid;
	padding: 8px 28px 10px 28px;
}

#header #search-form input {
	display: inline;
	margin: 0;
	vertical-align: middle; /* align the button and text field input vertically middle */
}

#header #search-form #search-text {
	margin: 0 3px 0 0;
	width: 150px;
	padding: 2px;
	height: 16px;
	border: 1px solid #999;
	font-size: 0.909em;
}

#header #search-form label {
	display: inline;
	font-weight: normal;
	margin-right: 7px;
	vertical-align: middle; /* align the button and text field input vertically middle */
}


/************************
 * Header links
 ************************/

#header ul#header-links {
	position: absolute;
	top: 36px;
	right: -4px;
	width: 252px;
	height: 8px;
	background: transparent url(../images/backgrounds/bg_search.gif) bottom left no-repeat;
	display: block;
	padding: 4px 16px 8px 16px;
	list-style: none;
	margin-bottom: 5px;
}

#header #header-links li {
	float: left;
	padding: 0 0 0 13px;
	margin: 0;
}

#header #header-links li a {
	display: block;
	height: 8px;
}

#header #header-links li#azindex a {
	width: 43px;
}

#header #header-links li#azindex a span,
#header #header-links li#azindex a em {
	background-image: url(../images/buttons/btn_azindex.gif);
}

#header #header-links li#advance a {
	width: 83px;
}

#header #header-links li#advance a span,
#header #header-links li#advance a em {
	background-image: url(../images/buttons/btn_advancesearch.gif);
}


/*****************************************************************************************
 *			Footer layout / styles
 ****************************************************************************************/

#footer {
	font-size: 90%;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/pg_bottomleft.gif);
	background-color: #a6ccea;
	position: relative;
	width: 100%;
	height: auto;
}

#footer-inner {
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/pg_bottomright.gif);
	clear: both;
	float: right;
	height: auto;
	width: 100%;
	position: relative;
	line-height: 1.9em;
	padding-top: 15px;
}

body.home-section #footer {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/homepg_bottomleft.gif);
	background-color: #a6ccea;
}

body.home-section #footer-inner {
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/homepg_bottomright.gif);
	padding-top: 20px;
}


/************************
 * Copyright statement
 ************************/
 
#footer #copyright {
	color: #0368c3;
	float: left;
	margin: 0 2em  0 27px;
	vertical-align: middle;
	line-height: 16px;
	position: relative;
	width: auto;
}


/************************
 * Footer Links
 ************************/
 #footer a {
	color: #0368c3;
}

#footer #footer-links {
	float: left;
	text-align: center;
	font-size: 10px;
	position: relative;
	height: auto;
	width: 95%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 2%;
}



/************************
 * Site by Areeba Link
 ************************/
 
#footer #site-by-areeba-link {
	float: right;
	padding-right: 31px;
	height: auto;
	width: auto;
}

#footer #site-by-areeba-link a,
#footer #site-by-areeba-link a:hover span {
	text-decoration: none;
}
#footer #site-by-areeba-link span {
	vertical-align: middle;
	text-decoration: underline;
	line-height: 16px;
}
#footer #site-by-areeba-link img {
	vertical-align: middle;
}


/************************
 * Top of page Link
 ************************/
 
#top-page-link 
{
	border-top: 1px solid #e1e1e1;
	padding: 7px 0 4.4em 0 ;
	margin: 3.2em 12px 0 0;
	position: relative;
}

#top-page-link a 
{
	padding-left: 18px;
	font-size: 90%;
	color: #01539c;
	background-image: url(../images/icons/ico_gototop.gif);
	background-repeat: no-repeat;
	background-position: 0 0.15em;
}

#az-top-page-link {
	border-top: 1px solid #e1e1e1;
	padding: 7px 0;
	margin: 5px 12px 3.5em 0;
	position: relative;
}

#az-top-page-link a 
{
	padding-left: 18px;
	font-size: 90%;
	color: #01539c;
	background-image: url(../images/icons/ico_gototop.gif);
	background-repeat: no-repeat;
	background-position: 0.15em 0.15em;
}





/*****************************************************************************************
 *		 	Breadcrumb layout / styles
 ****************************************************************************************/

#breadcrumb ol {
	font-size: 90%;
	position: absolute;
	top: 90px;
	left: 0;
	width: 500px;
	z-index: 1000;
	height: 1em;
	padding-top: 1em;
	line-height: 1em;
}

#breadcrumb ol li {
	background-image: url(../images/bullets/bul_breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border: none;
	padding: 0 7px 0 9px;
	margin: 0 7px 0 -9px;
}

#breadcrumb ol li:first-child {
	background-image: none;
}

#breadcrumb a {
	color: #003b70;
}






/*****************************************************************************************
 *			Section Title layout / styles
 ****************************************************************************************/

#section-title {
}

#section-title-inner {
	height: 100%;
}

#section-title h1 {
	height: 100%;
}

#section-title span {
	background-position: left bottom;
	background-repeat: no-repeat;
}



/*****************************************************************************************
 *		 	Page Title layout / styles
 ****************************************************************************************/
#page-title {
	margin-top: 57px;
	border-bottom: 14px solid #e1e1e1;
	margin-bottom: 21px;
}

body.is-section-index #page-title {
	margin-right: 251px;
	position: relative;
	z-index: 1;
	border-bottom: none;
	margin-bottom: -21px;
	padding-bottom: 0;
}

html body.kb-section #page #page-title,
html body.forum-section #page #page-title  {
	margin-top: 14px;
}

#page-title h1 {
	margin-bottom: 12px;
}




/*****************************************************************************************
 *		 	Content area layout
 ****************************************************************************************/
#content-inner {
	xmargin-right: 7px;
	xpadding-right: 21px;
	display: table;
	width: 100%;
}

body.home-section #content-inner {
	background-color: #eee;
}

body.is-section-index #main {
	margin-top: -78px;
	position: relative;
	z-index: 0
}


/************************
 * No sub content
 ************************/
#content #main{
}

#content #main-inner {
	xpadding-right:21px;
}

/************************
 * With sub content
 ************************/

body.has-sub-content #content #main {
	float: left; 
	display: inline;
	width: 100%;
	padding: 0;
	margin: 0;
}
body.has-sub-content #content #main-inner {
	margin-right: 202px;
}
body.has-sub-content #content #sub {
	float: left; 
	display: table;
	_display: inline;
	margin-left: -212px;
	width: 212px;
}



/*****************************************************************************************
 *		 	Content styles for standard (X)HTML elements
 ****************************************************************************************/

/************************
 * TEXT STYLES
 ************************/
 /* headings */
h1 {
	color: #003b70;
	font-size: 2.3em;
	font-weight: normal;
	margin: 0 0 0.34em 0;
}
h2 {
	color: #003b70;
	font-size: 1.43em;
	font-weight: normal;
	margin: 1em 0 0.5em 0;
}
h3 {
	color: #003b70;
	font-size: 1.25em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}
h4 {
	color: #003b70;
	font-size: 1em;
	font-weight: bold;
	margin: 1.33em 0 0.67em 0;
}
h5 {
	color: #003b70;
	font-size: 1em;
	font-weight: bold;
	margin: 1.67em 0 .84em 0;
}
h6 {
	color: #003b70;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 1.17em 0;
}

/* text blocks */
p {
	line-height: 1.3; /*Adjust this property for optimum readability. Remeber - wider content may require a larger line height.*/
	margin: 0 1em 1em 0;
}
blockquote {
	color: #003b70;
	font-size: 1.8em;
	margin-left: 20px;
}
pre {
	margin: 1em 0 1em 1.5em;
}
/* lists */
ul {
	margin: 1em 0;
	padding: 0 0 0 30px;
}
ol {
	margin: 1em 0;
	padding: 0 0 0 30px;
}
li {
	padding: 0;
	margin: 0;
}

/* inline text styles */
i {
	letter-spacing: 0.08em;
	margin-right: 1px;
}
a:link {
	color: #003b70;
	text-decoration: underline;
}
a:visited {
	color: #003b70;
}
a:hover {
	color: #003b70;
	text-decoration: none;
	cursor: hand;
}
a:active {
	color: #003b70;
}

/* treatment for 'help' text styles */
abbr, acronym, span.help {
  border-bottom: 1px dotted #333;
  cursor: help;
}




/*****************************************************************************************
 *			Content styles for custom classes and id's
 ****************************************************************************************/

/************************
 * More Link
 ************************/
 /*ClearFix for good browsers*/
html > body .more-link:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix for IE/mac */
.more-link {display: inline-block;}
/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac \*/
* html .more-link {height: 0;}
.more-link {display: block;}
/* End hide from IE-mac */
 
.more-link a {
 	float:  left; display: inline;
 	display: block; /* must be block to have padding and background in old IE's */
}
 

/************************
 * Overview lists
 ************************/

#content #overview {
	padding-top: 39px;
	margin-bottom: 12px;
	background: url(../images/backgrounds/bg_list.gif) #eee bottom left no-repeat;
}

#content #overview-inner {
	background: url(../images/backgrounds/bg_list_corner.gif) transparent bottom right no-repeat;
}

#content #overview .overview-list {
	list-style-type: none;
	margin: 0;
	padding: 0 0 33px 0;
	width: 98%;
}

#content #overview .overview-list li {
	margin: 0 0 0 21px;
	padding: 0 0 25px 68px;
	background: url(../images/icons/ico_list.gif) top left no-repeat;
}

#content #overview .overview-list h2 {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 0.3em 0;
}

#content #overview .overview-list a {
	color: #003b70;
}

#content #overview .overview-list p {
	margin: 0;
}

ul.thumbnailed-overview-list {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}

ul.thumbnailed-overview-list li {
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 13em;
	_height: 13em;
}
ul.thumbnailed-overview-list li .box-inner-three {
	padding: 16px 22px 22px 80px;
	min-height: 13em;
	_height: 13em;
}

ul.thumbnailed-overview-list li div.thumbnail {
	position: absolute;
	top: 22px;
	left: 18px;
}

ul.thumbnailed-overview-list li div.text {

}

ul.thumbnailed-overview-list li div.text h2,
ul.thumbnailed-overview-list li div.text h3 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 0.2em 0;
}

ul.thumbnailed-overview-list li div.text h2 a,
ul.thumbnailed-overview-list li div.text h3 a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

ul.thumbnailed-overview-list li div.text p {
	margin-top: 0;
}


/************************
 * title & overview lists
 ************************/

#content .title-overview-list {
	list-style-type: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#content .title-overview-list li {
	margin: 12px 0;
	padding: 0;
}

#content .title-overview-list h2 {
	font-size: 1.1em;
	margin: 0 0 0.3em 0;
	font-weight: normal;
}

#content .title-overview-list p {
	margin: 0;
}


/************************
 * date & title lists
 ************************/

ul.date-title-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.date-title-list li {
	_height: 0;
}

ul.date-title-list li div.date {
	font-weight: bold;
	margin-top: 1em;
}

ul.date-title-list li .title {

}

ul.date-title-list li h3 {
	font-size: 1em;
	padding: 0;
	font-weight: normal;
	_height: 0;
}


/************************
 * USER NOTES (message box type stuff)
 ************************/
.important, .success, .error, .cancelled {
	padding: 20px 20px 20px 88px;
	margin: 1em 0;
	background-position: 20px center;
	background-repeat: no-repeat;
}

.important {
	color:#725A00;
	background-image: url(../images/icons/ico_note.gif);
	background-color: #FFFAE6;
	border: 1px solid #FAC71E;
}
.success {
	color:#2d8228; 
	background-image: url(../images/icons/ico_success.gif);
	background-color: #f4fcf4;
	border: 1px solid #51cd49;
}
.error {
	color: #FF0000;
	background-image: url(../images/icons/ico_alert.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}
.cancelled {
	color: #FF0000;
	background-image: url(../images/icons/ico_cancelled.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}
		
/************************
 * Form prompt text
 ************************/
input.displayingPromptValue {
	color: #666;
}




/*****************************************************************************************
 *			sub content styles
 ****************************************************************************************/

/* Pullquote */
#content #sub blockquote {
	background: transparent url(../images/icons/ico_startquote.gif) left top no-repeat;
	text-align: left;
	padding: 6px 0 6px 21px;
	margin: 13px 0 17px 0;
	line-height: 110%;
}

#content #sub blockquote div {
	background: transparent url(../images/icons/ico_endquote.gif) bottom right no-repeat;
}

#content #sub blockquote img {
	margin-bottom: 20px;
	margin-top: 20px;
	max-width:180px;
}

.imagesright {
	width: 180px;
	padding-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333;
}

/* Download */
#sub .box {
	background-image: url(../images/backgrounds/boxdl_topleft.gif);
	margin-bottom: 20px;
	zoom: 1;
}
#sub .box-inner-one {
	background-image: url(../images/backgrounds/boxdl_topright.gif);
}
#sub .box-inner-two {
	background-image: url(../images/backgrounds/boxdl_bottomleft.gif);
}
#sub .box-inner-three {
	background-image: url(../images/backgrounds/boxdl_bottomright.gif);
}

#sub .box h2 {
	height: 44px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c0c0c0;
}

#sub .box h2 span {
	background-image: url(../images/headers/hed_download.gif);
}

#sub .box ul {
	color: #003b70;
	list-style: none;
	margin: 0;
	padding: 6px 0 18px 0;
}

#sub .box li {
	font-size: 90%;
	margin: 0;
	padding: 0 0 18px 22px;
	background: url(../images/icons/ico_downloadfile.gif) top left no-repeat;
}

#sub .box a {
	color: #003b70;
}

/*****************************************************************************************
 *			Home page styles
 ****************************************************************************************/
/************************
 * image replaced headers
 ************************/
body.home-section #page #&amp;duction {
	margin: 0;
	padding: 0;
	min-height: 293px;
	_height: 293px;
	background-color: white;
	background: url(../images/backgrounds/bnr_home.jpg) white left bottom no-repeat;
}

body.has-flash #&amp;duction {
	position: relative;
	z-index: 1000;
	border: 1px solid black;
	margin: 0;
	padding: 0;
}

body.home-section #page #homepage-&amp;duction-text {
	padding-left: 350px;
	padding-top: 30px;
	padding-right: 150px;
}

body.home-section #page #homepage-text {
	font-size: 1.33em;
	width: 556px;
	padding: 0 0 15px 18px;
	font-weight: normal;
}


/************************
 * Latest news
 ************************/
 
#content #latest-news h2 span {
	background-image: url(../images/headers/hed_latestnews.gif);
}

 
#content #latest-news {
	background: url(../images/backgrounds/box_latestnews.gif) #eee left bottom no-repeat;
	width: 242px;
	float: left;
	padding: 0 0 5px 30px;
	margin-top: 0px;
	z-index: 1;
}

#content #latest-news ul.news-list {
	width: 185px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #latest-news ul.news-list li {
	font-size: 90%;
	margin: 0 0 8px 0;
	padding: 8px 0 0 0;
	border-top: 1px solid #b3b3b3;
}

#content #latest-news ul.news-list li.first {
	margin-top: 3px;
}

#content #latest-news ul.news-list .title {
	display: inline;
}

#content #latest-news ul.news-list .title h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	display: inline;
}

#content #latest-news ul.news-list .date {
	display: inline;
	padding-left: 10px;
}

#content #latest-news ul.news-list .overview {
	padding: 6px 0;
}

/************************
 * Log in boxes
 ************************/
#content #consultants #consultant-container{
	background:url(../images/backgrounds/bg_home_consultant_seo.jpg) top right no-repeat;
} 

#content #clients #client-container{
	background:url(../images/backgrounds/bg_home_client_seo.jpg) top right no-repeat;
} 


#content #consultants .login-text {
	height: 180px;
	width: 160px;
}

#content #clients .login-text {
	height: 180px;
	width: 160px;
}
 
#content #clients h2,
#content #consultants h2 {
	margin-bottom: 6px;
}
 
#content #consultants h2 span {
	background-image: url(../images/headers/hed_forconsultants.gif);
}
 
#content #clients h2 span {
	background-image: url(../images/headers/hed_forclients.gif);
}
 
#content #login {
	margin-top: 19px;
	margin-left: 272px;
	padding-right: 21px;
}

#content #login p {
	font-size: 90%;
}

#content #login .box-inner-three 
{
	/*_height: 265px;
	min-height: 265px;*/
}

#content #login #consultants {
	padding: 0;
	width: 49%;
	float: left;
}

#content #login #clients {
	width: 49%;
	float: right;
}

#content #login input {
	display: inline;
	margin: 0;
	vertical-align: middle; /* align the button and text field input vertically middle */
}

#content #login input.textbox {
	padding: 3px;
	margin: 5px 0 10px 0;
	width: 70%;
}

#content #login input.button {
	padding: 7px 0 2px 0;
}

#content #login .forgotten-password {
	float: right;
	padding-top: 10px;
}

#content #login .login-button, 
#content #login .register-button {
	padding-bottom: 2px;
}

#content #login .login-form-text-text {
	float: right;
	display: block;
	width: 170px;
}

#content #login .login-form-text-text h4 {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

/************************
 * site index boxes
 ************************/

/*****************************************************************************************
 *			Section index page styles
 ****************************************************************************************/

#&amp;duction {
	margin-top: 0.86em;
	line-height: 1.3em;
}

body.is-section-index #introduction {
	padding-right: 251px;
	padding-bottom: 50px;
	padding-top: 80px; /* match negative margin on #main */
	min-height: 86px;
	_height: 86px;
	background-position: right bottom;
	background-repeat: no-repeat;
}


/************************
 * section index boxes
 ************************/

body.is-section-index ul.thumbnailed-overview-list li {

}


/*****************************************************************************************
 *			A-Z Index page styles
 ****************************************************************************************/


/************************
 * Alphabet jump links at top
 ************************/


#az-alphabet-jump-links {
	list-style: none;
	margin: 0;
	padding: 15px 0 15px 0;
}

#az-alphabet-jump-links li {
	margin: 0 0 3px 3px;
	padding: 0;
	float: left; display: inline;
}


/************************
 * Alphabet letter headings
 ************************/

.az-index-page h2 {
	padding: 0 0 3px 3px;
	margin-bottom: 0;
}


/************************
 * Alphabet letter headings
 ************************/

.az-links-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #656565;
}

.az-links-list li {
	display: block;
	padding: 7px 20px 0 0;
	border-top: none;
}

.az-links-list li.first 
{
	border-top: none;
}

/*
.top-page-link {
	margin-top: 1em;
	clear: left;
	line-height: 1em;
	height: 1em;
	min-height: 16px;
}

.top-page-link a { 
	float: left;
	background: url(../images/icons/ico_topofpage.jpg) transparent left center no-repeat;
	_height: 16px;
	min-height: 16px;
	padding-left: 21px;
}
*/

/*****************************************************************************************
 *			Search page styles
 ****************************************************************************************/


/************************
 * Search results styles
 ************************/

.search-results-list {
	list-style: none;
	margin: 1.5em 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

.search-results-list li {
	display: block;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}

.search-results-list li h3 {
	margin: 0 0 0.5em 0;
	/*font-size: 1.25em;*/
}

.search-results-list li .more-link {
	margin: 0.5em 0 0 0;
	
}

.search-results-list h3 {
	margin: 1em 0 1em 0;
	/*font-size: 1.25em;*/
}





/*****************************************************************************************
 *			Utility styles
 ****************************************************************************************/

/************************
 * PIPELIST: a list which is displayed inline with ' | ' as a seperator
 ************************/

.pipe-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pipe-list li {
	float:  left; display: inline;
	background-image: none;
	border-left: 1px solid black;
	padding: 0 5px 0 5px;
	margin: 0 5px 0 -5px;
}

.pipe-list li:first-child { border-left: 0; }


/************************
 *  BOX: a generic round cornered box
 ************************/

/* box rounded corner backgrounds */
.box {
	background-position: left top;
	background-repeat: no-repeat;
}
.box-inner-one {
	background-position: right top;
	background-repeat: no-repeat;
}
.box-inner-two {
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 20px 0 0 20px;
}
.box-inner-three {
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 0 20px 20px 0;
}
@media all {
	* html .box { zoom: 1; }
	* html .boxInnerThree { height: 0; }
}

/* style the box content */
.box h2, .box h3 {
	margin-top: 0;
	margin-bottom: 0.5em;
}

.box p {
	margin: 0 0 0.5em 0;
}

.box {
	background-image: url(../images/backgrounds/box_topLeft.gif);
}
.box-inner-one {
	background-image: url(../images/backgrounds/box_topRight.gif);
}
.box-inner-two {
	background-image: url(../images/backgrounds/box_bottomLeft.gif);
}
.box-inner-three {
	background-image: url(../images/backgrounds/box_bottomRight.gif);
}


/************************
 *  IMAGE-REPLACED: accessible text image replacement
 ************************/
/*
  Usage: <tag class="image-replaced">the text to replace<span></span></tag>
*/

.image-replaced {
	position: relative;
	overflow: hidden;
}


.image-replaced span,
.image-replaced em {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

/************************
 * TABLE STYLES
 ************************/
#content table {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
}
#content caption {
    font-weight: bold;
    text-align:left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
}
#content th {    
    padding-right: 5px;   
    padding-bottom: 3px;
    text-align: left;
    border: 0px;
}
#content td {   
    padding-right: 5px;   
    padding-bottom: 3px;
    border: 0px;
}
 
#content table.datatable th
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: left;
    color: White;
    background-color: #7ba0ba;
    border: 1px solid #cfcfcf;
}
 
#content table.datatable td
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;    
    border: 1px solid #cfcfcf;
    vertical-align: top;
}

#content .qualification
{
	color: #797979;
	font-size: 85%;
}

/************************
 * styles for about our people table
 ************************/

#content #about-our-people
{
	
}

#content #about-our-people td img
{
	margin-top: 1.2em;
	padding-right: 10px;
}

/************************
 * paging styles
 ************************/
body.is-extranet .pagingPanel
{
	margin-top: 1em;
	padding-top: 0.5em;
}

body.is-extranet .searchAgain
{
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

/*****************************************************************************************
 *			Miscellaneous generic styles
 ****************************************************************************************/

/* fix for messed up IE5/win font sizing */
table {
 	font-size: 1em;
}

/* stop borders on images used as links */
img {
	border: none;
}

/* IE puts a margin on <form> elements which we NEVER want.  Remove it */
form {
	margin: 0;
	padding: 0;
}


/************************
 * accessibility styles
 ************************/

/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessibility, hr {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}


/************************
 * clearfix, a class to clear floated elements
 ************************/
 
/*ClearFix for good browsers*/
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix for IE/mac */
.clearfix {display: inline-block;}
/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/************************
 * footnotes for display during printing only
 ************************/
 /* only mac ie \*//*/
 .printOnly { display: none; }
/* end hack */
/* ie/mac doesn't understand this */
@media screen {
	.printOnly {
	  display: none;
	}
}

/************************
 * sIFR
 ************************/
/* These are standard sIFR styles... do not modify */
@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		letter-spacing: -1px;
	}

}