﻿/* Harris Hill main CSS file*/
body {}
body, h1, h2, h3, h4, label, ul, ol, li, dl, dt, dd, p, div, span, table, td, th, hr, input, label, a {background-repeat:no-repeat;}
body, h1, h2, h3, h4, label, ul, ol, li, dl, dt, dd, p, div, span, img, label, a {padding:0px; border:0px; margin:0px;}
table, tr, td, th {border-spacing:0px; padding:0px; border:0px; margin:0px; vertical-align:top;}
td, th {empty-cells:hide;}
input {margin:0px; padding:0px;}
body {font-size:62.5%; color:#555; font-family:Arial, Verdana, Helvetica;}
.Radio {position:relative; top:1px;}
  .Radio input {position:relative; margin:0px 4px 5px 0px; top:2px;}
.CheckBox   {position:relative; top:1px;}
  .CheckBox input {position:relative; margin:0px 4px 5px 0px; top:1px;}

/* Structure site */
body {background-color:#f3f3f3;}
  .MainDiv {z-index:1;}
    .MainDiv .HeaderWide {height:83px; background-image:url(/Images/Default/top1-bg.gif); background-repeat:repeat-x; background-color:#fff;}
      .MainDiv .HeaderWide .Header {position:relative; width:970px; height:51px; margin:0px auto 0px auto; z-index:10;} 
        .MainDiv .HeaderWide .Header .LogoPublic {position:absolute; top:8px; width:254px; height:35px; background-image:url(/Images/Default/logo-public.gif);}
        .MainDiv .HeaderWide .Header #NavContainer {position:absolute; /*left:290px;*/ right:24px; top:0px;}
    .MainDiv .ContentTopWide {margin:0px auto 0px auto; background-color:#fff; z-index:8;}
      .MainDiv .ContentTopWide .ContentTop {position:relative; width:970px; margin:0px auto 0px auto; background-image:url(/Images/Default/vertical-line1-bg.gif); background-repeat:repeat-y; background-position:734px 0px;}
      .MainDiv .ContentTopWide .ContentTop .LinePatch {position:absolute; width:2px; height:30px; top:-15px; left:734px; background-image:url(/Images/Default/vertical-line1-bg.gif); background-repeat:repeat-y;}
      .MainDiv .ContentTopWide .ContentTop .IE6IssueSolver {height:2px; font-size:2px;}
      .MainDiv .ContentTopWide .ContentTop .Column1         {float:left; width:725px; min-height:300px; margin-top:0px; }
      .MainDiv .ContentTopWide .ContentTop .Column1Narrower {float:left; width:700px; min-height:300px; margin-top:0px; padding-right:25px;}
      .MainDiv .ContentTopWide .ContentTop .Column2         {float:left; width:225px; min-height:300px; margin-left:20px;}
    .MainDiv .SpacerMiddleWide {clear:both; height:15px; font-size:2px; background-color:#fff;}
    .MainDiv .LineMiddleWide   {clear:both; height:8px;  font-size:2px; background-color:#BDBDBD; border-top:solid 1px #AEAEAE;}
    .MainDiv .ContentBottomWide {background-image:url(/Images/Default/middle-shadow-light.gif); background-position:center top; border-top:solid 1px #BDBDBD;}
      .MainDiv .ContentBottomWide .ContentBottom {width:970px; padding:0px 0px 0px 0px; margin:35px auto 20px auto; min-height:90px; background-image:url(/Images/Default/vertical-line2-bg.gif); background-repeat:repeat-y; background-position:139px 0px;}
        .MainDiv .ContentBottomWide .ContentBottom .Column1 {width:217px; float:left; min-height:90px; margin-left:1px;}
        .MainDiv .ContentBottomWide .ContentBottom .Column2 {width:217px; float:left; min-height:90px; margin-left:33px;}
        .MainDiv .ContentBottomWide .ContentBottom .Column3 {width:217px; float:left; min-height:90px; margin-left:33px;}
        .MainDiv .ContentBottomWide .ContentBottom .Column4 {width:217px; float:left; min-height:90px; margin-left:33px;}
    .MainDiv .FooterWide {clear:both;}
      .MainDiv .FooterWide .Footer {position:relative; width:970px; height:100px; background-image:url(/Images/Default/bottom-bg-1.gif); margin:0px auto 0px auto;}
        .MainDiv .FooterWide .Footer .Links {position:absolute; width:500px; height:12px; top:20px; right:160px; text-align:right;}
          .MainDiv .FooterWide .Footer .Links a {font-size:1em; margin-left:18px; color:#999;}
        .MainDiv .FooterWide .Footer .LinksBelow {position:absolute; width:500px; height:12px; bottom:10px; right:3px; text-align:right;}
          .MainDiv .FooterWide .Footer .LinksBelow a {font-size:0.9em; margin-left:25px; color:#999;}
        
.TwoColumnContentLayoutTable {margin:0px auto 0px 0px;}
  .TwoColumnContentLayoutTable td.ColLeft {width:255px; vertical-align:middle; padding:20px 10px 0px 0px; text-align:right;}
  .TwoColumnContentLayoutTable td.ColRight {width:460px;}
    .TwoColumnContentLayoutTable td.ColRight .MinHeight1 {min-height:400px;}
    .TwoColumnContentLayoutTable .CMSWindow {padding-right:10px;}
    .TwoColumnContentLayoutTable .WithScroll {overflow:auto; height:360px;}

div.ThreeColumnContent {background-image:url(/Images/Default/ThreeColumnContent-bg.gif); background-repeat:repeat-y; background-position:236px 0px; margin-top:20px;}
  div.ThreeColumnContent div.SubCol1 {float:left; width:226px; margin-right:23px;}
  div.ThreeColumnContent div.SubCol2 {float:left; width:226px; margin-right:23px;}
  div.ThreeColumnContent div.SubCol3 {float:left; width:226px;}
  div.ThreeColumnContent h2 {margin-top:0px; height:20px;}
    div.ThreeColumnContent h2 img {position:relative; top:1px; margin-left:3px; vertical-align:top;}

/* commonly used */
h1 {font-size:1.4em; color:#08B3E9; margin-bottom:10px;}
h1.LargeLeftAligned {font-size:1.7em; margin-bottom:10px;}
h1.Grey {font-size:1.5em; color:#666; margin-bottom:10px;}
h2 {font-size:1.4em; color:#08B3E9; margin-bottom:5px; margin-top:10px;}
h2.Grey {color:#666;}
h3 {font-size:1.2em; color:#08B3E9; margin-bottom:5px; margin-top:15px;}
a {color:#08B3E9; text-decoration:none;}
a:hover {text-decoration:underline; color:#08B3E9;}
p {margin:8px 0px 8px 0px; font-size:1.2em; line-height:1.4em;}
.MainDiv .ContentBottomWide .ContentBottom p {margin-top:0px}
.Red {color:#d00 !important;}
.Blue {color:#08B3E9 !important;}
.Bold   {font-weight:bold !important;}
.Italic {font-style:italic !important;}
ul {position:relative; margin:6px 0px 0px 22px;}
ol {position:relative; margin:6px 0px 0px 22px;}
ul li {margin:3px 0px 3px 15px; font-size:1.2em; line-height:1.5em; position:relative;}
ol li {margin:3px 0px 3px 15px; font-size:1.2em; line-height:1.5em; position:relative;}
.BottomFix {clear:both; height:2px; font-size:2px;}
hr {color:#bbb; background-color:#bbb; border:0px; margin:0px; height:1px;}
.MoreLink {color:#08B3E9; font-weight:bold;}
ul.RaquoBullet {color:#08B3E9; font-weight:bold;}
.FormTableSpacer {height:20px;}
.ValidationComplianceTag {} /*display:none in JS*/

.MarginedContentBoth {}
  .MarginedContentBoth p, .MarginedContentBoth h1, .MarginedContentBoth h2, .MarginedContentBoth h3 {margin-right:25px; margin-left:25px;}
  
.MarginedContentRight {}
  .MarginedContentRight p, .MarginedContentRight h1, .MarginedContentRight h2, .MarginedContentRight h3 {margin-right:35px;}

ul.RaquoBulletList {margin:0px 0px 10px 0px; padding:0px; list-style-type:none;}
  ul.RaquoBulletList li {margin:0px 0px 0px 1em; padding:0px; left:0px; text-indent:-1em;}
  ul.RaquoBulletList span.RaquoBullet {position:relative; top:-1px; font-size:1.2em; color:#08B3E9; font-weight:bold; margin-right:0.3em;} /* font size = 1.2 x 1.2 */

/* Spacers */
.LineSpacer1 {height:2px;  font-size:2px; clear:both;}
.LineSpacer2 {height:5px;  font-size:2px; clear:both;}
.LineSpacer3 {height:10px; font-size:2px; clear:both;}
.LineSpacer4 {height:15px; font-size:2px; clear:both;}
.LineSpacer5 {height:25px; font-size:2px; clear:both;}
.LineSpacer6 {height:40px; font-size:2px; clear:both;}
.LineSpacer7 {height:80px; font-size:2px; clear:both;}

.LineSpaceReducer1 {margin-bottom:-5px; height:2px; font-size:2px;}

.BoxSpacer1 {padding:20px 0px 0px 55px;}

/* Auto generated radio and checkbox lists */
.RbHorizontalList {}
  .RbHorizontalList input {} 
  .RbHorizontalList label {margin-right:7px; margin-left:3px;}

.RbVerticalList {position:relative; top:4px;}
  .RbVerticalList input {}
  .RbVerticalList label {position:relative; font-size:11px; margin-left:4px;}
  
.CbHorizontalList {}
  .CbHorizontalList input {} 
  .CbHorizontalList label {}

.CbVerticalList {} 
  .CbVerticalList input {}
  .CbVerticalList label {font-size:11px; margin-left:4px;}

/*****************/
/* Content Right */
.RightBox {border:solid 1px #ccc; background-color:#E9E9E9; margin-bottom:0px; width:198px;}  /* <- square border style */
  .RightBox .InnerBorder {border:solid 1px #fff; padding:6px 2px 0px 10px;}

.RightBox2  {margin-top:0px; padding-bottom:10px; width:200px;} /* <- no border style */

  .ContentTop .Column2 .TitleIconMagnifying {font-size:1.6em; font-weight:bold; padding:0px 0px 5px 25px; color:#777; background-image:url(/Images/Default/icon-magnifying-glass.gif);}
  .ContentTop .Column2 .TitleIconICircle    {font-size:1.6em; font-weight:bold; padding:0px 0px 3px 20px; color:#777; background-image:url(/Images/Default/icon-information.gif);}
  .ContentTop .Column2 .TitleIconArrowDown  {font-size:1.6em; font-weight:bold; padding:0px 0px 5px 25px; color:#777; background-image:url(/Images/Default/icon-arrow-down.gif); position:relative; left:-3px;}
  .ContentTop .Column2 .TitleIconArrowUp    {font-size:1.6em; font-weight:bold; padding:0px 0px 5px 25px; color:#777; background-image:url(/Images/Default/icon-arrow-up.gif); position:relative; left:-3px;}
  .ContentTop .Column2 .TitleIconEnvelope   {font-size:1.6em; font-weight:bold; padding:0px 0px 5px 26px; color:#777; background-image:url(/Images/Default/icon-envelope2.gif); position:relative; left:-4px;}  
  .ContentTop .Column2 .TitleIconPdf        {font-size:1.6em; font-weight:bold; padding:4px 0px 6px 30px; color:#777; background-image:url(/Images/Default/icon-pdf.gif);}
  .ContentTop .Column2 .TitleIconBasket     {font-size:1.6em; font-weight:bold; padding:3px 0px 4px 28px; color:#777; background-image:url(/Images/Default/icon-basket1.gif); position:relative; top:-2px; left:-2px;}
  .ContentTop .Column2 .TitleNoIcon         {font-size:1.6em; font-weight:bold; padding:0px 0px 5px 0px;  color:#777;}
  .ContentTop .Column2 .TitleBlue           {font-size:1.6em; font-weight:bold; padding:0px 0px 7px 0px; color:#08B3E9;}
  .ContentTop .Column2 .TitlePaperClip      {font-size:1.6em; font-weight:bold; padding:0px 0px 5px 0px;  color:#777; position:relative;}
    .ContentTop .Column2 .TitlePaperClip div  {position:absolute; top:-11px; left:-4px; width:25px; height:31px; background-image:url(/Images/Default/icon-paper-clip.gif); margin-right:2px;}
    .ContentTop .Column2 .TitlePaperClip a    {margin-left:26px;}
  .ContentTop .Column2 .TextLine            {font-size:1.3em; font-weight:bold; margin-bottom:8px; color:#777;}
  .ContentTop .Column2 .SmallBlueTextLine   {font-size:1.1em; font-weight:bold; margin-bottom:8px; color:#08B3E9;}
  .ContentTop .Column2 .EditBox  {width:170px; margin-bottom:3px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#333;}
  .ContentTop .Column2 .DropDown {width:174px; margin-bottom:3px; font-size:11px; height:20px; padding-top:0px; font-family:Verdana; color:#333; line-height:17px;}
  .ContentTop .Column2 .CheckBox {}
  .ContentTop .Column2 label {font-size:1.1em; display:block; margin-bottom:0px;}
  .ContentTop .Column2 .Validation {color:#d44; font-weight:bold; font-size:1.1em; margin-bottom:2px;}
  .ContentTop .Column2 .ButtonBar {width:174px;}
  .ContentTop .Column2 .LeftLink {position:relative; top:3px; font-size:1.1em; text-decoration:underline;}

    /* nested links */
    .ContentTop .Column2 a {color:#777;}
    .ContentTop .Column2 a:hover {color:#08B3E9;}

.ContentTop .Column2 p {margin-top:0px; margin-right:5px;}
.ContentTop .Column2 p.SubTitle {font-weight:bold; margin-top:2px; margin-bottom:6px; color:#777;}
.RightBoxSpacer {height:11px; font-size:2px; line-height:2px;}
.RightBoxTopSpacer  {/*height:20px;*/height:1px; font-size:1px; line-height:1px;} /* align with the top of the logo */
.RightBoxTopSpacer2 {/*height:96px;*/height:1px; font-size:1px; line-height:1px;} /* align with the content below logo */
.RightBoxTopSpacer3 {/*height:60px;*/height:1px; font-size:1px; line-height:1px;} /* align with the second line of text in the logo */

.RightColumnImg {width:225px;} /* <- browser resizing */

/******************/
/* Content Bottom */
h2.BottomHeading {position:relative; top:-10px; margin-top:0px; margin-bottom:-10px; min-height:25px; padding-top:7px; font-size:1.5em; color:#555;}
  .WithPaper {background-image:url(/Images/Default/icon-paper-white.gif); padding-left:34px;}
  .WithTie {background-image:url(/Images/Default/icon-tie-white.gif); padding-left:32px;}
  .WithFiles {background-image:url(/Images/Default/icon-files-white.gif); padding-left:40px;}
  .WithSpeechBubble {background-image:url(/Images/Default/icon-speech-white.gif); padding-left:40px;}
  .WithCards {background-image:url(/Images/Default/icon-cards-white.gif); padding-left:42px;}
  .WithBooks {background-image:url(/Images/Default/icon-books-white.gif); padding-left:38px; padding-top:5px;}
  .WithCouple1 {background-image:url(/Images/Default/icon-couple1-white.gif); padding-left:47px;}
  .WithCouple2 {background-image:url(/Images/Default/icon-couple1-white.gif); padding-left:45px;} /* <- No light bg version*/
  .WithCouple3 {background-image:url(/Images/Default/icon-couple3-white.gif); padding-left:45px;}
  .WithFire {background-image:url(/Images/Default/icon-fire-white.gif); padding-left:40px;}
  .WithNotebook {background-image:url(/Images/Default/icon-notebook-white.gif); padding-left:32px;}
  .WithNotebook2 {background-image:url(/Images/Default/icon-notebook2-white.gif); padding-left:30px;}
  .WithMobile {background-image:url(/Images/Default/icon-mobile-white.gif); padding-left:25px;}
  .WithQuote1 {background-image:url(/Images/Default/icon-quote1-white.gif); padding-left:35px;}
  .WithMeeting {background-image:url(/Images/Default/icon-meeting-dark.gif); padding-left:70px; padding-bottom:8px;}

.BottomHeadingLink {position:relative; top:-10px; margin-top:0px; margin-bottom:0px; min-height:25px; padding-top:7px; font-size:1.5em; color:#555;}
  .BHLWithStar {background-image:url(/Images/Default/icon-star-white.gif); padding-left:41px;}
  .BHLWithFire {background-image:url(/Images/Default/icon-fire-white.gif); padding-left:41px; background-position:3px 0px;}
  .BHLWithNotebook {background-image:url(/Images/Default/icon-notebook-white.gif); padding-left:41px; background-position:4px 0px;}
  .BottomHeadingLink a {color:#555;}
  .BottomHeadingLink a:hover {color:#08B3E9;}

.MiddleBottomTable {width:100%; font-size:1.2em; margin-top:10px;}
  .MiddleBottomTable tr td.Col1 {padding-bottom:4px; padding-right:7px;}
  .MiddleBottomTable tr td.Col2 {padding-bottom:4px;}

.ContentBottom p.BottomPara {margin-top:0px; margin-bottom:4px; line-height:1.3em;}
  .ContentBottom p.BottomPara a {color:#555;}
  .ContentBottom p.BottomPara a:hover {color:#08B3E9;}
  
.DataList1 {}
  .DataList1 td {width:217px; padding-right:33px; padding-bottom:16px;}
    .DataList1 td div.RightCol {}
      .DataList1 td div.RightCol .Name {font-size:1.5em; font-weight:bold; margin-bottom:6px; line-height:1em;}
      .DataList1 td div.RightCol .Position {font-size:11px; font-weight:bold; margin-bottom:6px; line-height:1em;}
      .DataList1 td div.RightCol .DetailsLink a {font-size:1.2em; color:#08B3E9; line-height:1em;}

.ExecutiveConsultantList {margin-top:2px;}
  .ExecutiveConsultantList td {width:145px; padding-right:10px; padding-bottom:16px;}
    .ExecutiveConsultantList .Item {}
      .ExecutiveConsultantList .Name {font-size:1.4em; font-weight:bold;  margin-bottom:6px; line-height:1em;}
      .ExecutiveConsultantList .Position {font-size:1.1em; font-weight:bold; margin-bottom:6px; line-height:1em;}
      
.LatestJobsList {font-size:1.2em; margin-top:2px;}
  .LatestJobsList table { width:100%;}
    .LatestJobsList table td {padding-right:15px; padding-bottom:9px;}
      .LatestJobsList table td a {color:#555;}
      .LatestJobsList table td a:hover {color:#08B3E9;}
      
.BottomProminentLink {font-size:1.2em; color:#08B3E9 !important; font-weight:bold;}
  .BottomProminentLink span {font-size:1.3em;}

.BottomSubHeading {margin-top:10px; font-size:1.4em; color:#08B3E9; font-weight:bold;}
.BottomContactDetails {margin-top:2px; font-size:1.2em;}

.BottomTestimonialText {color:#08AADD;} /* darker blue */
  .BottomTestimonialText .Larger {font-size:1.6em; line-height:0.7em;}
.BottomTestimonialAuthor {font-weight:bold; font-size:1.1em; margin-left:10px;}

.BottomTextLine {margin-top:4px; font-size:1.2em;}

.DownloadableDocList {}
  .DownloadableDocList div.Doc {background-image:url(/Images/Default/icon-doc-white.gif); padding-left:17px; font-size:1.2em; line-height:1.1em; margin-bottom:7px; margin-top:2px;}
  .DownloadableDocList div.Pdf {background-image:url(/Images/Default/icon-pdf-white.gif); padding-left:17px; font-size:1.2em; line-height:1.1em; margin-bottom:7px; margin-top:2px;}
    .DownloadableDocList a {}
  
/****************/
/* Main Content */
.HomePageImage1 {}
.HomePageHHLogo {padding-bottom:5px; margin-bottom:20px; padding:0px;}
.OtherPagesHHLogo {display:block; margin-left:auto; margin-right:40px; margin-bottom:20px;}
.OverFormHHLogo   {position:relative; left:42px; display:block; margin-left:auto; margin-right:auto; margin-bottom:20px;}

.QuoteBox {margin:15px 10px 10px auto; width:450px;}
  .QuoteBox .Line1 {margin:10px 0px 0px 10px; font-size:2.4em; line-height:1.3em; text-indent:-0.35em; color:#08B3E9;}
  .QuoteBox .Line2 {margin:10px 0px 0px 10px; font-size:1.1em; font-weight:bold;}
.QuoteExceptionStyle .QuoteBox {width:500px; margin:15px auto 0px auto;}
  
.NoResults {display:block; margin:8px 0px 8px 0px; font-size:1.2em; line-height:1.5em;}
 
.SearchResutItemStyle {margin-bottom:20px; margin-top:20px;}
  .SearchResutItemStyle .ItemTitle a {font-size:1.5em; color:#08B3E9; margin-top:12px; font-weight:bold;}
  .SearchResutItemStyle .ShortInfoItem {font-size:1.2em; margin-bottom:5px; margin-top:5px;}
    .SearchResutItemStyle .ShortInfoItem span.ItemName {color:#08B3E9; font-weight:bold;}

.CaseStudyScrollContainer {position:relative; overflow:auto; height:330px; margin-top:15px; padding-right:10px;}
  .CaseStudyItemStyle {margin-bottom:20px;}
    .CaseStudyItemStyle .ItemTitle {font-size:1.4em; color:#08B3E9; font-weight:bold;}
    .CaseStudyItemStyle .CMSWindow {}

.ActionIcons .ActionIcon {float:left; position:relative; left:40px; width:160px; height:30px; font-size:1.2em; padding-top:10px; margin-top:10px;}
  .ActionIcons .ActionIcon a {color:#08B3E9;}
  .ActionIcons .Basket     {background-image:url(/Images/Default/icon-basket2-white.gif);    background-position:0px 3px; padding-left:30px;}
  .ActionIcons .Envelope   {background-image:url(/Images/Default/icon-envelope-white.gif);   background-position:0px 7px; padding-left:35px;}
  .ActionIcons .Consultant {background-image:url(/Images/Default/icon-consultant-white.gif); background-position:0px 0px; padding-left:27px;}

.PageTurner {position:absolute; bottom:-2px; left:340px; width:360px; font-size:1.1em; font-weight:bold; color:#888;}
  .PageTurner .NextButton {float:right;}
  .PageTurner .PageNumber {float:right; margin-right:10px; line-height:1.3em;}
  .PageTurner .PreviousButton {float:right; margin-right:10px;}
  .PageTurner a {color:#08B3E9;}
  .PageTurner .Aquo {font-size:1.3em; line-height:0.8em;}
  .PageTurner .Active {}
  .PageTurner .Inactive {}

.JobDetailsTypeTableInside {border:solid 1px #ccc; background-color:#ebebeb; float:left;}
  .JobDetailsTypeTableInside table {border:solid 1px #fff;}
    .JobDetailsTypeTableInside table td.Col1 {font-size:1.2em; padding:7px 15px 0px 10px; font-weight:bold;}
    .JobDetailsTypeTableInside table td.Col2 {font-size:1.2em; padding:7px 10px 0px 0px;}
    .JobDetailsTypeTableInside table td.Spacer1 img {height:7px;}

.OverFormLabel {width:500px; margin:0px auto 10px auto;}

.AddNewItemContainer {width:700px; text-align:right; margin-bottom:4px; margin-top:-10px;}
  .AddNewItem {font-size:1.3em; color:#08B3E9; font-weight:bold;}
 
.TestimonialScrollContainer {position:relative; overflow:auto; height:330px; margin-top:15px;}
  .TestimonialMainBox {position:relative; width:675px; border:solid 1px #ddd; background-color:#f8f8f8; margin-bottom:20px; padding:5px 0px 5px 0px; left:11px; top:10px;}
    .TestimonialMainBox .LeftQuoteImage  {position:absolute; width:38px; height:30px; top:-12px; left:-12px;  background-image:url(/Images/Default/quote-left.gif);}
    .TestimonialMainBox .RightQuoteImage {position:absolute; width:38px; height:30px; bottom:-12px; right:-12px; background-image:url(/Images/Default/quote-right.gif);}
    .TestimonialMainBox .CMSWindow {width:612px; margin:0px 26px 0px auto;}
    .TestimonialMainBox .AuthorLine {display:block; width:610px; margin:-5px 35px 6px auto; font-size:1.2em; color:#888; font-weight:bold; text-align:right;}

.CreateAccount {font-size:1.2em; width:500px; margin:20px auto 40px auto; line-height:1.6em;}
  .CreateAccount a {color:#08B3E9; font-weight:bold;}

/**********************/
/* 3 levels navigation */
#NavContainer {display:none; font-family:Arial;}
#NavContainer ul {position:relative; left:0px; top:0px; font-size:1.0em; margin:0px; padding:0px; list-style-type:none;}
#NavContainer li {position:relative; left:0px; top:0px; font-size:1.0em; margin:0px; padding:0px;}
#NavContainer a {display:block; color:#aaa; font-size:1.1em;}
#NavContainer a:hover {text-decoration:none;}

#NavContainer ul.Level1 {}
#NavContainer li.Level1 {float:left; margin-left:0px; height:51px; color:#fff;}
#NavContainer li.Level1Highlighted {background-image:url(/Images/Default/nav-level1-bg.gif); background-repeat:repeat-x;}
#NavContainer li.Level1 a.Level1            {position:relative; padding:17px 12px 19px 12px;  }
#NavContainer li.Level1Highlighted a.Level1 {position:relative; padding:17px 12px 19px 12px; color:#fff;}

#NavContainer ul.Level2 {position:absolute; top:51px; left:0px; display:none; width:160px; background-image:url(/Images/Default/menu_gradient.png); background-repeat:repeat-y; background-position:-15px 0px; /*background-color:#969593;*/}
#NavContainer li.Level2 {}
#NavContainer li.Level2Highlighted {}
#NavContainer li.Level2 a.Level2            {position:relative; padding:5px 12px 5px 12px; width:136px; color:#fff;}
#NavContainer li.Level2Highlighted a.Level2 {position:relative; padding:5px 12px 5px 12px; width:136px; color:#fff; background-color:#10B1C5;}

#NavContainer ul.Level3 {position:absolute; top:0px; left:160px; display:none;  background-image:url(/Images/Default/menu_gradient.png); background-repeat:repeat-y; background-position:-15px 0px;  /*background-color:#aaa;*/}
#NavContainer li.Level3 {}
#NavContainer li.Level3Highlighted {}
#NavContainer li.Level3 a.Level3            {position:relative; padding:5px 12px 5px 12px; width:136px; color:#fff;}
#NavContainer li.Level3Highlighted a.Level3 {position:relative; padding:5px 12px 5px 12px; width:136px; color:#fff; background-color:#10B1C5;}

#NavContainer .IE6Correction {margin-bottom:-1.5em;}

/***********/
/* Buttons */
.FormButtons {width:500px; height:16px; font-weight:normal; margin:15px auto 0px 0px; padding-bottom:20px;}
  .FormButtons div.Info {float:left; color:#333;}
.RightAlignedButtons       {height:16px; font-size:10px; font-weight:normal; margin:30px auto 0px auto;}
.AlmostRightAlignedButtons {height:16px; font-size:10px; font-weight:normal; margin:30px 20px 0px auto;}

.ButtonStd {float:right;}
  .ButtonStd .LeftEnd  {float:left; height:20px; width:5px; display:block; background-image:url(/Images/Default/button-std-left.gif);}
  .ButtonStd .Centre   {float:left; height:20px; display:block; background-color:#0E9DE3; background-image:url(/Images/Default/button-std-centre.gif); background-repeat:repeat-x;}
  .ButtonStd .Centre a {font-size:1.1em; color:#fff; padding:3px 10px 2px 10px; display:block; text-decoration:none;}
  .ButtonStd .Centre a:hover {text-decoration:underline; color:#fff;}
  .ButtonStd .RightEnd {float:left; height:20px; width:5px; display:block; background-image:url(/Images/Default/button-std-right.gif);}
.ButtonStdSpacer {float:right; height:20px; width:10px;}
.ButtonStdSpacer2 {float:left; height:20px; width:10px;}


/***************/
/* Form styles */
  /* Admin Forms */
.FormTable  {width:500px; background-color:#eee; margin:0px auto 0px 0px;}
.FormTable .Col1       {width:204px; padding:7px 7px 10px 22px; color:#333; font-weight:bold; border-left:solid 1px #ccc; font-size:1.1em;}
.FormTable .Col1-2     {width:449px; padding:6px 0px 6px 22px;  color:#333; font-weight:bold; border-left:solid 1px #ccc; font-size:1.1em;}
  .FormTable .Col1-2L div {font-size:0.9em;}
.FormTable .Col1-2L    {width:449px; padding:0px 0px 6px 22px;  color:#888; text-align:right; border-left:solid 1px #ccc; font-size:1.1em;}
.FormTable .Col1-2T    {width:449px; padding:0px 0px 1px 22px;  color:#333; font-weight:bold; border-left:solid 1px #ccc; font-size:1.1em;}
.FormTable .Col2       {width:240px; padding:4px 0px 4px 0px; color:#333; line-height:19px; font-size:1.1em;}
  .FormTable .Col2 a   {text-decoration:none}
  .FormTable .Col2 a:hover {text-decoration:underline}
.FormTable .Col2T     {width:240px; padding:4px 0px 1px 0px; color:#333; line-height:19px; font-size:1.1em;}
.FormTable .Col3       {width:25px; padding:6px 0px 0px 4px; border-right:solid 1px #ccc;}
.FormTable .EditBox    {width:234px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#333;}
.FormTable .DropDown   {width:238px; font-size:11px; height:20px; padding-top:0px; font-family:Verdana; color:#333;}
.FormTable .ListBox    {width:238px; font-size:11px; font-family:Verdana; height:200px; color:#333;}
.FormTable .TextArea   {width:234px; font-size:11px; font-family:Verdana; color:#333;}
.FormTable .TextArea2  {width:443px; font-size:11px; font-family:Verdana; color:#333;}
.FormTable .FileUpload {width:237px; font-size:11px; height:20px; font-family:Verdana; color:#333;}
.FormTable .BarTop     {height:8px; border:solid 1px #ccc; border-bottom:none;}
.FormTable .BarBottom  {height:8px; border:solid 1px #ccc; border-top:none;}
.FormTable .BarMiddle1 { border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
.FormTable .BarMiddle1 img {height:6px; width:1px;}
.FormTable .LineMiddle1 {border-left:solid 1px #ddd; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;}
.FormTable .LineMiddle1 img {height:1px; width:1px;}
.FormTable .FieldInfoText {font-weight:normal; font-size:0.9em; padding-top:5px;}
.FormTable .FirstColumnInfo {width:90%; font-weight:normal; margin-top:3px; font-size:0.9em;}

  /* Validation images rollovers for admin forms */
.ValidationInfo   {position:relative; text-indent:0px; white-space:nowrap;}
  .ValidationInfo img {position:relative;}
  .ValidationInfo div {position:absolute; white-space:normal; font-weight:normal; overflow:hidden; padding:2px 2px 2px 4px; top:-85px; left:17px; width:140px; height:80px; font-size:11px; border:solid 1px #ccc; background-color:#fff; color:#333; display:none;}

  /* Public Form */
.FormScrollContainer {position:relative; overflow:auto; height:570px; margin-top:20px;}
.FormBorder {width:500px; background-color:#ebebeb; border:solid 1px #ccc; margin:0px auto 10px auto;}
  .PublicFormTable {width:100%; border:solid 1px #fff; margin:0px;}
    .PublicFormTable td.Col1    {padding:7px 7px 8px 22px; font-weight:bold; font-size:1.2em;}
    .PublicFormTable td.Col1-2  {padding:7px 0px 8px 22px; font-size:1.1em;}
    .PublicFormTable td.Col1-2B {padding:15px 0px 15px 22px; font-size:1.1em;}
    .PublicFormTable td.Col2    {width:240px; padding:5px 0px 4px 0px; font-size:1.1em;}
    .PublicFormTable td.Col2T   {width:240px; padding:5px 0px 0px 0px; font-size:1.1em;}
    .PublicFormTable td.Col2L   {width:240px; padding:0px 0px 0px 0px; color:#888; text-align:right; font-size:1em; color:#666;}
    .PublicFormTable td.Col3    {width:23px; padding:5px 0px 0px 4px; font-size:1.1em;}
    .PublicFormTable td.FormTitleLevel1 {padding:0px 0px 5px 21px; color:#08B3E9; font-size:1.6em; font-weight:bold; }
    .PublicFormTable td.FormTitleLevel2 {padding:12px 0px 4px 21px; color:#08B3E9; font-size:1.3em; font-weight:bold;}
    .PublicFormTable .EditBox    {width:234px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#333;}
    .PublicFormTable .DropDown   {width:238px; font-size:11px; height:20px; padding-top:0px; font-family:Verdana; color:#333;}
    .PublicFormTable .ListBox    {width:238px; font-size:11px; font-family:Verdana; height:110px; color:#333;}
    .PublicFormTable .TextArea   {width:234px; font-size:11px; font-family:Verdana; color:#333;}
    .PublicFormTable .TextArea2  {width:443px; font-size:11px; font-family:Verdana; color:#333;}
    .PublicFormTable .FileUpload {width:237px; font-size:11px; height:20px; font-family:Verdana; color:#333;}
    .PublicFormTable .BarMiddle1 {height:12px;}
    .PublicFormTable label {} /* was font-size:12px; */
    .PublicFormTable .LineMiddle1 {border-top:solid 1px #ccc;}
    .PublicFormTable .LineMiddle1 img {height:1px; width:1px;}
    .PublicFormTable .FirstColumnInfo {width:90%; font-weight:normal; margin-top:3px; font-size:0.9em;}
      .PublicFormTable .RequiredInfoPublic {}
        .PublicFormTable .Asterisk {color:#08B3E9; font-size:1.3em; line-height:0.5em;}
      .PublicFormTable .Button {float:right; position:relative; left:-1px; display:block; padding:1px 20px 1px 20px; background-color:#CCD9E1; color:#0DA2D1; font-size:1.2em; font-weight:bold;}  /* <- darker blue */
      .PublicFormTable .Button:hover {color:#0DA2D1;}
      .PublicFormTable .ButtonSpacer {float:right; width:10px; height:15px;}

  .PublicFormTable .ValidationInfo   {position:relative; text-indent:0px; white-space:nowrap;}
    .PublicFormTable .ValidationInfo img {position:relative;}
    .PublicFormTable .ValidationInfo div {position:absolute; white-space:normal; font-weight:normal; overflow:hidden; padding:2px 2px 2px 4px; top:-41px; left:17px; width:102px; height:42px; font-size:11px; border:solid 1px #ccc; background-color:#fff; color:#333; display:none;}

/*
* jQuery popup Accessibility Div
*/
/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 11px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 3px solid #00aad8; background-color: #FFF; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #DDD; background-color: #00aad8; color: #ffffff; font-weight: bold; background-image:url(/Images/Default/access-title.gif); background-repeat:repeat-x}
.ui-widget-header a { color: #ffffff; }
/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {height:20px; width:50px !important; background-color:transparent; background-image:url(/Images/Default/button-std-centre.gif); background-repeat:repeat-x; font-weight: bold; color: #FFF; outline: none; border:none}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus { }
.ui-icon-closethick { background-position: -96px -128px ; background-image: url(/Images/Default/ui-icons_ffffff_256x240.png); }
.ui-icon { width: 15px; height: 15px}
/* Dialog ----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px;}
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 10px; position: relative; font-size:17px;}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close {cursor:pointer; position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-resizable { position: relative}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; background-image: url(/Images/Default/ui-icons_222222_256x240.png); }
.ui-resizable-sw { cursor: sw-resize; width: 12px; height: 12px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 12px; height: 12px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 12px; height: 12px; right: -5px; top: -5px;}/* Slider */

.AccessSection {float:left; width:180px; height:130px; font-size:14px;}
  .AccessHolder {padding:0px 0px 5px 0px}

/* Validation */
.Asterisk {color:#d00;}
.ValidationImage {width:15px; height:15px; background-image:url(/Images/Default/validation-image.gif);}
.ValidationMessage1 {width:500px; color:#d00; font-size:1.2em; margin-left:auto; margin-right:auto; font-weight:bold;}
  .ValidationMessage1 span {margin:0px auto 8px 0px; display:block;}
  .ValidationMessage1 a {color:#d00; text-decoration:underline;}
.ValidationMessage2 {width:auto; color:#d00; font-size:1.2em; margin-left:auto; margin-right:auto; font-weight:bold;}
  .ValidationMessage2 span {margin:0px auto 8px 0px; display:block;}
  .ValidationMessage2 a {color:#d00; text-decoration:underline;}

/* Job details style adjustments */
.JobFullDescription {font-size:1.2em; line-height:1.4em;}





/***************/
/* CMS section */
.CMSWindow {position:relative;}

.CMSWindow h1 {font-size:1.4em; color:#08B3E9; margin-bottom:10px;}
.CMSWindow h2 {font-size:1.4em; margin-bottom:0px;}

.CMSWindow a {color:#08B3E9; text-decoration:none; font-weight:bold;}
.CMSWindow a:hover {text-decoration:underline; color:#08B3E9;}

  .CMSWindow a.Red {color:#d00; text-decoration:underline;}
  .CMSWindow a.Red:hover {color:#333;}
  .CMSWindow a.Blue {color:#08B3E9;}
  .CMSWindow a.Blue:hover {color:#08B3E9;}
  
.CMSWindow .Blue {color:#08B3E9;}
.CMSWindow .Red {color:#d00}
.CMSWindow span.Blue {color:#08B3E9;}
.CMSWindow span.Red {color:#d00}
.CMSWindow hr {clear:both; color:#ccc; background-color:#ccc; margin:10px auto 10px auto; height:1px; border:0px;}
.CMSWindow ul.NoBulletPoints {list-style-type:none; margin-left:22px;}
.CMSWindow ul.NoBulletPoints li {padding:0px; background-image:none;}
.CMSWindow span.Italic {font-style:italic;}
.CMSWindow span.Bold {font-weight:bold;}
.CMSWindow span.Underline {text-decoration:underline;}
.CMSWindow span.Normal {font-weight:normal; font-style:normal; text-decoration:none;}
.CMSWindow img.LeftImage {float:left; margin:3px 10px 4px 0px; border:0px;}
.CMSWindow img.RightImage {float:right; margin:3px 0px 4px 10px; border:0px;}
.CMSWindow img.BottomLogo {margin:0px 8px 8px 0px;}
.CMSWindow div.CentredContent {text-align:center;}
.CMSWindow div.StopTextFloat {clear:both; height:2px; font-size:2px;}

.CMSWindow table.LayoutTable {}
  .CMSWindow table.LayoutTable td {font-size:1.2em; color:#333}
  .CMSWindow table.LayoutTable th {font-size:1.2em; color:#333}

.CMSWindow ul.SiteMap {margin:5px 0px 5px 0px; font-size:10px; list-style-type:disc;}
  .CMSWindow ul.SiteMap a {color:#666; font-weight:normal;}
  .CMSWindow ul.SiteMap a:hover {color:#08B3E9;}
  .CMSWindow ul.SiteMap ul {margin:5px 0px 5px 15px; font-size:10px; list-style-type:disc;}
  .CMSWindow ul.SiteMap li {margin:1px 0px 0px 0px; line-height:1.3em; position:relative; left:15px;}  

.CMSWindow p.TestimonialQuoteStyle  {margin:15px 0px 0px 10px; font-size:2.4em; line-height:1.3em; text-indent:-0.35em; color:#08B3E9;}
.CMSWindow p.TestimonialAuthorStyle {margin:10px 0px 0px 10px; font-size:1.1em; font-weight:bold;}






/* commented out functionality
.ManageEventTableBorder {width:700px; background-color:#ebebeb; border:solid 1px #ccc; margin:0px auto 30px 0px;}
  .ManageEventTable {width:100%; border:solid 1px #fff; margin:0px;}
    .ManageEventTable {}
    .ManageEventTable th {text-align:left; font-weight:bold; font-size:1.2em; padding:4px 10px 4px 10px;}
    .ManageEventTable td {font-size:1.2em; padding:4px 10px 4px 10px; background-color:#F3F3F3; }
    .ManageEventTable td a {color:#08B3E9;}
    .ManageEventTable .Col1 {}
    .ManageEventTable .Col2 {width:110px; padding-right:0px;}
    .ManageEventTable .Col3 {width:50px; padding-right:0px;}
    .ManageEventTable .Col4 {width:50px; padding-right:0px;}
    .ManageEventTable .Col5 {width:60px; padding-right:0px;}
*/

