/* OBS Group */
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:#000; font-family:Trebuchet MS, Helvetica, sans-serif;}
.CheckBox, .Radio {position:relative; left:-4px; top:1px;}
.Radio2 {position:relative; left:-4px; top:1px; margin-left:15px}

/* common basic */
h1 {font-size:1.7em; margin-bottom:10px; margin-top:10px; font-weight:bold; color:#666666;}
h1.PageTitle  {}
h2 {font-size:1.4em; color:#666666;}
h3 {font-size:1.7em; color:#666666; margin-top:20px !important}
a {color:#666; text-decoration:underline;}
a:hover {text-decoration:underline;}
p {margin-top:10px; margin-bottom:10px; font-size:1.3em; line-height:1.3em; color:#666;}
p.SmallPara {margin-top:10px; margin-bottom:10px; font-size:1.2em; line-height:1.3em; color:#666;}
p.LargePara {margin-top:10px; margin-bottom:10px; font-size:1.7em; line-height:1.1em; color:#888;}
.Red {color:#d00 !important;}
.Bold   {font-weight:bold !important;}
.Italic {font-style:italic !important;}
ul {margin:10px 0px 0px 20px;}
ol {margin:10px 0px 0px 25px;}
ul li {margin:1px 0px 0px 0px; font-size:1.3em; line-height:1.5em; color:#666}
ol li {margin:1px 0px 0px 0px; font-size:1.3em; line-height:1.5em; color:#666}
dl {margin:15px 0px 10px 0px;}
dl dt {margin:1px 0px 0px 0px; font-size:1.1em; line-height:1.5em; font-weight:bold;}
dl dd {margin:1px 0px 10px 20px; font-size:1.1em; line-height:1.5em;}
li ul {padding-bottom:10px}
li ul li {font-size:1em}

b {color:#444}
.PhoneNumber {font-size:1.8em; color:#FF9900}
.PhoneNumber2 {line-height:1.6em}
.PhoneNumber2 span {font-size:1.6em; color:#FF9900}

.BorderImage {border:solid 1px #7C97A1}
.CentredContent {text-align:center; padding:0px 150px}
  .CentredContent h3.HeadingMedium {width:400px; margin-top:0px !important}
.SpacerClearBoth {clear:both; width:10px; height:10px; font-size:2px}
.Spacer {width:10px; height:10px; font-size:2px}
.Spacer2 {clear:both; width:10px; height:25px; font-size:2px}
  .Spacer2 p {display:none}
  .HeaderWithSubText span {font-style:italic; display:block; padding:0px 0px 0px 0px; font-size:1.2em; color:#555}

p.Quote {font-size:1.5em; padding:0px 40px; font-style:italic}

/*ADMIN*/
.AdminBottomBar {width:990px; height:75px; background-image:url(/images/default/admin-bottom-bar.gif); background-position:left bottom}
.ContentsBlock {position:relative; width:990px}
  .ContentsBlock .LeftColumn {float:left; width:148px; height:200px; margin-left:2px; margin-right:17px;}
    .ContentsBlock .LeftColumn .SearchPanelTop {width:148px; height:6px; background-image:url(/images/default/admin-search-top.gif); font-size:2px;}
    .ContentsBlock .LeftColumn .SearchPanelBottom {width:148px; height:6px; background-image:url(/images/default/admin-search-bottom.gif); font-size:2px;}
    .ContentsBlock .LeftColumn .SearchPanelInner {padding:7px 7px 7px 7px; background-color:#ff9401; font-size:1.2em; background-image:url(/images/default/admin-search.gif); background-repeat:repeat-x}
    .ContentsBlock .LeftColumn .ButtonSearch {height:24px; padding-top:20px}
      .ContentsBlock .LeftColumn .ButtonSearch .ButtonStd .LeftEnd {background-image:url(/images/default/button-onorange-left.gif)}
      .ContentsBlock .LeftColumn .ButtonSearch .ButtonStd .RightEnd {background-image:url(/images/default/button-onorange-right.gif)}
      .ContentsBlock .LeftColumn .ButtonSearch .ButtonStd .Centre {background-color:#FF9900}
    .ContentsBlock .LeftColumn .EditBox {width:132px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#333;}
  .ContentsBlock .CentreColumn {float:left; width:823px}

.LogOutButton {position:absolute; top:78px; right:6px; font-size:1.2em; z-index:5000}
  .LogOutButton .LogOutLeft {display:block; float:left; width:3px; height:26px; margin-left:2px; background-image:url(/Images/Default/tab-green-left.jpg); background-position:right top}
  .LogOutButton .LogOutRight {display:block; float:left; width:3px; height:26px; margin-left:0px; background-image:url(/Images/Default/tab-green-right.jpg); background-position:right top}
  .LogOutButton a {display:block; float:left; padding:4px 6px 6px 6px; color:#FFF; text-decoration:none; background-image:url(/images/default/tab-green.jpg); background-repeat:repeat-x}

/* Admin Access Page */
.AccessGlobalButtons {float:right; margin-right:0px; width:300px;}
h2.AccessItem {font-size:1.4em; color:#8C8A7C; margin:10px auto 3px 0px; width:300px;}
.AccessItemButtons {height:21px;}
  .AccessItemButtons a {font-weight:bold; margin-right:8px;}
.AccessCBList {margin-top:0px;}
.AccessCBList input {margin-right:3px;}
.AccessCBList label {margin-right:12px; font-size:1.2em; color:#666}

/*Structure*/
.MainDiv {position:relative; width:990px; margin:0px auto;}
  .MainDiv .Header {position:relative; z-index:1000; width:990px; height:100px;}
    .MainDiv .Header .Microsoft {width:990px; height:68px; background-image:url(/Images/Default/microsoft-cert.gif); background-position:right bottom}
    .MainDiv .Header .HeaderIntro {font-size:13px; font-weight:bold; width:755px; height:20px; padding:4px 0px 5px 0px; color:#7C97A1}
    .MainDiv .Header .HomeLink {position:absolute; top:29px; left:0px;}
      .MainDiv .Header .HomeLink a {display:block; width:230px; height:31px; text-decoration:none}
      .MainDiv .Header .HomeLink a:hover {text-decoration:none}
  .MainDiv .AdminHeader {position:relative; z-index:1000; width:990px; height:68px; background-image:url(/Images/Default/logo.gif); background-position:left 29px; background-repeat:no-repeat}
    .MainDiv .AdminHeader .Microsoft {width:990px; height:68px; background-image:url(/Images/Default/microsoft-cert.gif); background-position:right bottom}

.Footer {clear:both; height:100px; width:990px; padding-top:22px;}
  .Footer .TopBar {text-align:center; position:relative; background-color:#666; width:990px; padding:6px 0px 6px 0px; color:#FFF; font-weight:bold; font-size:1em; background-image:url(/images/default/footer-bg.gif); background-repeat:repeat-x}
    .Footer .TopBar .BarLeft {position:absolute; left:0px; top:0px; display:block; width:3px; height:25px; background-image:url(/images/default/footer-bg-left.gif)}
    .Footer .TopBar .BarRight {position:absolute; right:0px; top:0px; display:block; width:3px; height:25px; background-image:url(/images/default/footer-bg-right.gif)}
    .Footer .TopBar .LeftText {text-align:center}
    .Footer .TopBar a {color:#FFF;}
    .Footer .TopBar a:hover {text-decoration:underline;}
  .Footer .FooterLinks {text-align:center}
    .Footer .FooterLinks a {font-weight:bold; margin:0px 4px 0px 1px; text-decoration:none;}
    .Footer .FooterLinks a:hover {text-decoration:underline;}
    
.NavigationContainer {position:relative; z-index:1000; width:990px; height:1px; padding:29px 0px 0px 0px; background-color:#666666}
  .Navigation {position:absolute; top:0px; left:0px; padding:3px 0px 2px 15px; height:24px; width:976px; background-image:url(/images/default/nav.gif); background-repeat:repeat-x}
    .Navigation div {position:relative; float:left; height:28px; padding:0px 10px 0px 8px; background-position:2px top; background-repeat:no-repeat}
      .Navigation div span {display:block; position:absolute; right:4px; top:0px; height:28px; width:6px; font-size:2px}
      .Navigation a {font-family:arial; display:block; height:28px; padding:0px 12px 0px 12px; font-size:19px; color:#FFF; text-decoration:none}
    .Navigation div.Selected {background-image:url(/images/default/nav2-active-left.gif); }
      .Navigation div.Selected span {background-image:url(/images/default/nav2-active-right.gif)}
      .Navigation div.Selected a {color:#002f26; background-color:#FFF}
    .Navigation .NavCornerLeft {padding:0px; position:absolute; left:0px; top:0px; width:4px; height:5px; background-image:url(/images/default/nav-corner-left.gif); background-position:left top}
    .Navigation .NavCornerRight {padding:0px; position:absolute; right:0px; top:0px; width:4px; height:5px; background-image:url(/images/default/nav-corner-right.gif); background-position:left top}
  .NavigationContainer p {padding:0px; display:inline; font-size:10px; margin:0px}

.AccessTab2 {top:70px !important}
  .AccessTab2 .LeftEnd {top:10px !important }
.AccessTab {position:absolute; top:-25px; right:0px; height:19px; padding:3px 0px 0px 20px;}
  .AccessTab .LeftEnd {display:block; position:absolute; left:0px; top:0px; width:15px; height:17px; background-image:url(/images/default/access-logo.gif); }
  .AccessTab .RightEnd {display:none; position:absolute; right:0px; top:0px; width:13px; height:22px; }
  .AccessTab a {color:#555; font-size:12px; text-decoration:none; font-weight:bold}
  .AccessTab a:hover {text-decoration:underline}
.AccessDiv {}
  .AccessDiv .AccessHolder {height:10px; padding:10px 0px 10px 0px}
  .AccessDiv span {display:block; padding:3px 5px 4px 5px; float:left; font-size:13px; font-weight:bold}
  .AccessDiv input {float:left; margin-right:10px; margin-top:5px}
  .AccessDiv .AccessSection {float:left; margin-right:60px; margin-left:20px; padding-bottom:10px;}
  .AccessDiv .AccessSection h2 {font-size:14px}
    
.GlobalNav {width:990px; height:26px; padding-top:10px;}
  .GlobalNavInner {float:right; padding-right:67px}
    .GlobalNavInner .Inactive .LeftEnd  {display:block; float:left; width:4px; height:26px; background-image:url(/Images/Default/tab-orange-left.jpg); background-position:right top}
    .GlobalNavInner .Inactive .Centre   {display:block; float:left; font-size:1.2em; height:13px; padding:4px 4px 9px 4px; background-image:url(/images/default/tab-orange.jpg); background-repeat:repeat-x}
      .GlobalNavInner .Inactive .Centre a  {color:#FFF; text-decoration:none;}
    .GlobalNavInner .Inactive .RightEnd {display:block; float:left; width:3px; height:26px; background-image:url(/Images/Default/tab-orange-right.jpg); background-position:left top}
    .GlobalNavInner .Active .LeftEnd    {display:block; float:left; width:4px; height:26px; background-image:url(/Images/Default/tab-grey-left.jpg); background-position:right top}
    .GlobalNavInner .Active .Centre     {display:block; float:left; font-size:1.2em; height:13px; padding:4px 4px 9px 4px; background-image:url(/images/default/tab-grey.jpg); background-repeat:repeat-x}
      .GlobalNavInner .Active .Centre a {color:#FFF; text-decoration:none;}
    .GlobalNavInner .Active .RightEnd {display:block; float:left; width:3px; height:26px; background-image:url(/Images/Default/tab-grey-right.jpg); background-position:left top}
    .GlobalNavInner .Between {}

.LocalNav {position:relative; width:990px; height:27px; padding:0px 0px 0px 0px; margin-bottom:20px; color:#FFF; background-image:url(/images/default/nav.gif); background-repeat:repeat-x}
  .LocalNav .NavCornerLeft {padding:0px; position:absolute; left:0px; top:0px; width:4px; height:5px; background-image:url(/images/default/nav-corner-left.gif); background-position:left top}
  .LocalNav .NavCornerRight {padding:0px; position:absolute; right:0px; top:0px; width:4px; height:5px; background-image:url(/images/default/nav-corner-right.gif); background-position:left top}
  .LocalNavInner {float:right; padding:4px 5px 0px 0px;}
    .LocalNavInner a {text-decoration:none}
    .LocalNavInner .Inactive .LeftEnd  {display:block; float:left; width:3px; height:10px; }
    .LocalNavInner .Inactive .Centre   {display:block; float:left; font-size:1.2em}
    .LocalNavInner .Inactive .RightEnd {display:block; float:left; height:10px; width:3px}
    .LocalNavInner .Inactive a {color:#FFF}
    .LocalNavInner .Active .LeftEnd    {display:block; float:left; width:3px; height:10px; }
    .LocalNavInner .Active .Centre     {display:block; float:left; font-size:1.2em}
      .LocalNavInner .Active .Centre a {color:#FFF; text-decoration:underline}
    .LocalNavInner .Active .RightEnd   {display:block; float:left; height:10px; width:3px}
    .LocalNavInner .Between {display:block; float:left;}
    
.PublicZoneWidth {position:relative; overflow:auto; width:825px; height:500px}
  .PublicZoneWidth .PublicZoneWidthInner {position:relative; width:990px;}
  .PublicZoneWidth .PublicZoneWidthInner .Contents {width:990px;}
  
.FormCheckList {padding:20px 0px 0px 10px; font-size:1.2em}
  .FormCheckList input {position:relative; top:2px; margin-right:10px; }
  .FormCheckList div {padding:0px 0px 0px 0px}
      
.CallBackRequest {display:none; position:absolute; z-index:1000; right:0px; top:167px; width:240px; padding:5px 0px 10px 0px; background-color:#ff9800; background-image:url(/images/default/callback.gif); background-repeat:repeat-x}
  .CallBackRequest .CallBackTop {position:absolute; top:0px; left:0px; width:240px; height:5px; background-image:url(/images/default/callback-top.gif)}
  .CallBackRequest .CallBackBottom {position:absolute; bottom:0px; left:0px; width:240px; height:5px; background-image:url(/images/default/callback-bottom.gif)}
  .CallBackRequest .SendButton {float:right; height:22px; padding:7px 17px 4px 0px}
    .CallBackRequest .SendButton .SendButtonLeft {float:left; display:block; width:4px; height:22px; background-image:url(/images/default/button-send-left.gif)}
    .CallBackRequest .SendButton a {padding:1px 6px 2px 6px; display:block; float:left; height:20px; color:#FFF; font-size:12px; text-decoration:none; background-image:url(/images/default/button-send.gif); background-repeat:repeat-x}
    .CallBackRequest .SendButton .SendButtonRight {float:left; display:block; width:4px; height:22px; background-image:url(/images/default/button-send-right.gif)}
  .CallBackRequest h2 {font-size:27px; color:#FFF; height:40px; padding-left:38px; border-bottom:solid 2px #FFF; background-image:url(/images/default/telephone-logo.gif); background-position:7px 4px}
  .CallBackRequest span {display:block; text-align:right; font-size:1.3em; color:#FFF; font-weight:bold; padding-bottom:5px}
  .CallBackRequest p {text-align:right; color:#FFF; margin-bottom:0px; font-size:1.2em}
  .CallBackRequest .FormBoxHighlighted {background-color:#fec572}
  .CallBackRequest .FormBox {position:relative; width:221px; padding:3px 0px 4px 0px; border:none}
  .CallBackRequest .FormBox .FormLabel {float:left; text-align:right; padding-right:10px; width:103px; color:#FFF; font-size:15px}
  .CallBackRequest .FormField {}
  .CallBackRequest .FormField .EditBoxW1 {width:97px !important; height:18px !important; margin-right:0px; font-size:11px !important;}
  .CallBackRequest .ValidationMessage {position:absolute; top:50px; left:10px}
    .CallBackRequest .ValidationMessage span {text-align:left; color:#CC0000}

.CallBackInner {padding:20px 0px 0px 10px}
  
.ClientList {display:block; position:relative; width:990px; height:30px; padding:15px 0px 15px 0px;}
  .ClientList .ClientHolder {position:relative; float:left; width:110px; height:30px;}
  .ClientList .ClientHolder div {position:absolute; height:30px; width:109px; }
  .ClientList .ClientHolder .Specsavers img {position:absolute; top:0px; left:0px}
  .ClientList .ClientHolder .Asda img {position:absolute; top:0px; left:0px}
  .ClientList .ClientHolder .Johnson img {position:absolute; top:0px; left:0px}
  .ClientList .ClientHolder .Ernst img {position:absolute; top:0px; left:20px}
  .ClientList .ClientHolder .Waltham img {position:absolute; top:0px; left:30px}
  .ClientList .ClientHolder .Astra img {position:absolute; top:0px; left:10px}
  .ClientList .ClientHolder .Homebase img {position:absolute; top:0px; left:20px}
  .ClientList .ClientHolder .Morgan img {position:absolute; top:0px; left:30px}
  .ClientList .ClientHolder .Informa img {position:absolute; top:0px; right:0px}
  .ClientList .HiddenDiv img {display:block}

.ClientPage {margin-left:-11px; padding:0px 0px 10px 0px; width:1001px}
  .ClientPage img {border:solid 1px #DDD;}
  .ClientPage p {float:left; width:100px; text-align:center; padding:0px 0px 0px 11px; }

.NewBanner {z-index:500; position:relative; height:255px; width:990px}
  .NewBanner img {display:none; z-index:100; position:absolute; top:20px; left:0px;}
  .NewBanner h1.BannerText {display:none; z-index:500; position:absolute; top:90px; left:300px; width:350px; font-size:23px; font-weight:normal; font-style:italic; color:#FF9900; margin:0px; line-height:30px;}

/*Global Color Scheme Styles*/
.HR {height:1px; width:100%; border-top:solid 5px; font-size:1px}
.HR p {display:none; padding:0px; margin:0px}
.HROrange {height:1px; width:100%; border-top:solid 5px #FF9900; font-size:1px}
.HRBlue {height:1px; width:100%; border-top:solid 5px #7C97A1; font-size:1px}
.HRGreen {height:1px; width:100%; border-top:solid 5px #9FAF30; font-size:1px}
h2.HeadingLarge {font-size:39px !important; font-weight:normal; margin-bottom:10px}
h3.HeadingMedium {font-size:2.6em !important; font-weight:normal; margin-top:20px !important}
.ColourSpan {font-weight:bold}

.FloatRightAd {clear:right; position:relative; top:-6px; float:right; border-left:solid 8px #FFF; margin-left:20px; border-bottom:solid 5px #FFF; width:300px; background-color:#FFF; background-image:url(/images/default/ad-BG.gif); background-repeat:repeat-x}
  .FloatRightAd .LargePara {width:260px; padding:0px 20px 10px 20px}
  .FloatRightAd p {width:280px; padding:0px 20px 10px 20px; line-height:1.3em;}
  .FloatRightAd h3 {padding:0px 10px 10px 10px !important}
  .FloatRightAd h2 {padding:0px 10px 10px 10px !important}

/*Green*/
.Green {visibility:visible}
.Green .HR {border-color:#9FAF30}
.Orange .Green .HR {border-color:#9FAF30}
.Blue .Green .HR {border-color:#9FAF30}
.Green .HeadingLarge {color:#9FAF30;}
.Orange .Green .HeadingLarge {color:#9FAF30;}
.Blue .Green .HeadingLarge {color:#9FAF30;}
.Green .ColourSpan {color:#9FAF30;}
.Orange .Green .ColourSpan {color:#9FAF30;}
.Blue .Green .ColourSpan {color:#9FAF30;}
.Green a {color:#9FAF30; font-weight:bold}
.Orange .Green a {color:#9FAF30;}
.Blue .Green a {color:#9FAF30;}
.Green h2 {margin-top:10px; color:#9FAF30; font-size:1.7em}
.Orange .Green h2 {margin-top:10px; color:#9FAF30; font-size:1.7em}
.Blue .Green h2 {margin-top:10px; color:#9FAF30; font-size:1.7em}
.Green h2 span {color:#9FAF30}
.Orange .Green h2 span {color:#9FAF30;}
.Blue .Green h2 span {color:#9FAF30;}
.Green h3 {margin-top:10px; color:#9FAF30; font-size:1.7em}
.Orange .Green h3 {margin-top:10px; color:#9FAF30; font-size:1.7em}
.Blue .Green h3 {margin-top:10px; color:#9FAF30; font-size:1.7em}
.Green .FormBox .FormLabel {color:#9FAF30}
.Green .FormBoxHighlighted {background-color:#D9DFAC; border-color:#9FAF30}
.Green .ListItem {border-color:#9FAF30}
.Green .Project {border-color:#9FAF30}
.Green .ButtonStd .Centre {background-color:#9FAF30}
.Green .ListDropDownLink {background-image:url(/images/default/plus-green.gif)}

/*Orange*/
p.Orange {color:#FF9900 !important; font-weight:bold}
.Orange {visibility:visible}
.Orange .HR {border-color:#FF9900}
.Blue .Orange .HR {border-color:#FF9900}
.Green .Orange .HR {border-color:#FF9900}
.Orange .HeadingLarge {color:#FF9900;}
.Blue .Orange .HeadingLarge {color:#FF9900;}
.Green .Orange .HeadingLarge {color:#FF9900;}
.Orange .ColourSpan {color:#FF9900;}
.Blue .Orange .ColourSpan {color:#FF9900;}
.Green .Orange .ColourSpan {color:#FF9900;}
.Orange a {color:#FF9900; font-weight:bold}
.Blue .Orange a {color:#FF9900; font-weight:bold}
.Green .Orange a {color:#FF9900; font-weight:bold}
.Orange h2 {margin-top:10px; color:#FF9900; font-size:1.7em}
.Blue .Orange h2 {margin-top:10px; color:#FF9900; font-size:1.7em}
.Green .Orange h2 {margin-top:10px; color:#FF9900; font-size:1.7em}
.Orange h2 span {color:#FF9900}
.Green .Orange h2 span {color:#FF9900;}
.Blue .Orange h2 span {color:#FF9900;}
.Orange h3 {margin-top:10px; color:#FF9900; font-size:1.7em}
.Blue .Orange h3 {margin-top:10px; color:#FF9900; font-size:1.7em}
.Green .Orange h3 {margin-top:10px; color:#FF9900; font-size:1.7em}
.Orange .FormBox .FormLabel {color:#FF9900}
.Orange .FormBoxHighlighted {background-color:#FFEBCC; border-color:#FF9900}
.Orange .ListItem {border-color:#FF9900}
.Orange .Project {border-color:#FF9900}
.Orange .ButtonStd .Centre {background-color:#FF9900}
.Orange .ListDropDownLink {background-image:url(/images/default/plus-orange.gif)}

/*Blue*/
.Blue {visibility:visible}
.Blue .HR {border-color:#7C97A1}
.Green .Blue .HR {border-color:#7C97A1}
.Orange .Blue .HR {border-color:#7C97A1}
.Blue .HeadingLarge {color:#7C97A1;}
.Green .Blue .HeadingLarge {color:#7C97A1;}
.Orange .Blue .HeadingLarge {color:#7C97A1;}
.Blue .ColourSpan {color:#7C97A1;}
.Green .Blue .ColourSpan {color:#7C97A1;}
.Orange .Blue .ColourSpan {color:#7C97A1;}
.Blue a {color:#7C97A1; font-weight:bold}
.Green .Blue a {color:#7C97A1; font-weight:bold}
.Orange .Blue a {color:#7C97A1; font-weight:bold}
.Blue h2 {margin-top:10px; color:#7C97A1; font-size:1.7em}
.Green .Blue h2 {margin-top:10px; color:#7C97A1; font-size:1.7em}
.Orange .Blue h2 {margin-top:10px; color:#7C97A1; font-size:1.7em}
.Blue h2 span {color:#7C97A1}
.Green .Blue h2 span {color:#7C97A1;}
.Orange .Blue h2 span {color:#7C97A1;}
.Blue h3 {margin-top:10px; color:#7C97A1; font-size:1.7em}
.Green .Blue h3 {margin-top:10px; color:#7C97A1; font-size:1.7em}
.Orange .Blue h3 {margin-top:10px; color:#7C97A1; font-size:1.7em}
.Blue .FormBox .FormLabel {color:#7C97A1}
.Blue .FormBoxHighlighted {background-color:#E5EAEC; border-color:#6F8891}
.Blue .ListItem {border-color:#7C97A1}
.Blue .Project {border-color:#7C97A1}
.Blue .ButtonStd .Centre {background-color:#7C97A1}
.Blue .ListDropDownLink {background-image:url(/images/default/plus-blue.gif)}

/* Validation */
.Asterisk {color:#c00;}
.ValidationImage {width:15px; height:15px; background-image:url(/images/default/validation-image.gif);}

/* Heals up if no text is displayed */
.ValidationMessage1 {width:500px; color:#c00; font-size:1.1em; margin-left:auto; margin-right:auto; font-weight:bold;}
.ValidationMessage1 span {margin:0px auto 8px 0px; display:block;}
.ValidationMessage1 a {color:#c00; text-decoration:underline;}

/* Heals up if no text is displayed, for remove pages, list pages */
.ValidationMessage2 {width:auto; color:#c00; font-size:1.1em; margin-left:auto; margin-right:auto; font-weight:bold;}
.ValidationMessage2 span {margin:0px auto 8px 0px; display:block;}
.ValidationMessage2 a {color:#c00; text-decoration:underline;}

/* Validation images rollovers for general use */
.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;}

.LargeLinkBox {position:relative; border:solid 1px #CCC; padding:0px 0px 12px 0px; height:31em;}
  .LargeLinkBox a {position:relative; z-index:1000}
  .LargeLinkBox img {float:left; margin:0px 10px 0px 0px}
  .LargeLinkBox h3 {float:left; font-size:17px; padding-top:15px; width:175px}
  .LargeLinkBox p {clear:left; margin-bottom:10px; margin-top:0px; padding:0px 12px 0px 12px}
  
.ConformanceDiv {width:996px; height:20px; padding:20px 0px; }
  .ConformanceDiv p {font-size:1.1em; margin:3px 0px 0px 0px}
  .ConformanceDiv div {float:right; margin-right:10px}
  .ConformanceDiv img {height:20px}

/* buttons */
.FormButtons {height:16px; font-weight:normal; margin:10px auto 0px auto; padding-bottom:20px; clear:both; }
  .FormButtons div.Info {float:left; color:#555; font-size:1.2em}
.ButtonStdLarge {float:right;}
  .ButtonStdLarge .Centre   {width:140px; height:37px}
  .ButtonStdLarge .Centre a {font-weight:normal; font-size:25px; width:140px; height:33px; text-align:center; color:#fff; padding:2px 0px 2px 0px; display:block; text-decoration:none; background-image:url(/images/default/large-button.gif)}
  .ButtonStdLarge .Centre a:hover {text-decoration:underline;}
.ButtonStdLarger {clear:both; float:left; margin-left:30px}
  .ButtonStdLarger .Centre   {width:140px; height:37px}
  .ButtonStdLarger .Centre a {font-weight:normal; font-size:25px; width:170px; height:33px; text-align:center; color:#fff; padding:2px 0px 2px 0px; display:block; text-decoration:none; background-image:url(/images/default/larger-button.gif)}
  .ButtonStdLarger .Centre a:hover {text-decoration:underline;}
.ButtonStd {float:right;}
  .ButtonStd .LeftEnd  {float:left; height:22px; width:4px; display:block; background-image:url(/images/default/button-left.gif)}
  .ButtonStd .Centre   {float:left; height:22px; display:block; background-repeat:repeat-x; background-image:url(/images/default/button.gif)}
  .ButtonStd .Centre a {font-weight:bold; font-size:1.1em; color:#fff; padding:2px 12px 2px 12px; display:block; text-decoration:none;}
  .ButtonStd .Centre a:hover {text-decoration:underline;}
  .ButtonStd .RightEnd {float:left; height:22px; width:4px; display:block; background-image:url(/images/default/button-right.gif)}
.ButtonStd2 {}
  .ButtonStd2 .LeftEnd  {float:left; height:18px; width:10px; display:none; background-color:#555}
  .ButtonStd2 .Centre   {float:left; height:18px; display:block; background-color:#555; background-repeat:repeat-x}
  .ButtonStd2 .Centre a {font-weight:bold; font-size:1.1em; color:#fff; padding:1px 12px 3px 12px; display:block; text-decoration:none;}
  .ButtonStd2 .Centre a:hover {text-decoration:underline;}
  .ButtonStd2 .RightEnd {float:left; height:18px; width:13px; display:none; background-color:#555}

.ButtonStdSpacer      {float:right; height:16px; width:10px;}

.ThreeColumn {width:990px;}
  .ThreeColumn .Column {visibility:hidden; float:left; width:316px; }
  .ThreeColumn .Column .Section310 {position:relative; min-height:17em; width:316px; padding-bottom:1em}
    .ThreeColumn .Column .Section310 .MoreInfo {position:absolute; right:0px; bottom:0px; width:17em;}
    .ThreeColumn .Column .Section310 .MoreInfo a {display:block; font-size:1.3em; font-weight:bold; margin:0px 0px 3px 0px; text-decoration:none;}
    .ThreeColumn .Column .Section310 .MoreInfo a:hover {text-decoration:underline;}
.ThreeColumn2 {width:990px; padding-top:20px; clear:both}
  .ThreeColumn2 .Column {visibility:hidden; float:left; width:317px; }
  .ThreeColumn2 .Column .Section310 {position:relative; min-height:310px; width:317px;}
    .ThreeColumn2 .Column .Section310 .MoreInfo {position:absolute; right:0px; bottom:0px; width:170px}
    .ThreeColumn2 .Column .Section310 .MoreInfo a {display:block; font-size:1.3em; font-weight:bold; margin:0px 0px 3px 0px; text-decoration:none;}
    .ThreeColumn2 .Column .Section310 .MoreInfo a:hover {text-decoration:underline;}

.RSSFeed {float:right; display:block; height:18px; width:18px; padding:4px 5px 0px 0px; background-image:url(/images/default/rss-icon.gif); background-position:left bottom}

.Section200 {width:317px}
.BlogSection {position:relative; width:317px;}
  .ThreeColumnTable .RSSFeed {float:right; display:block; height:18px; width:18px; padding:11px 10px 0px 0px; background-image:url(/images/default/rss-icon.gif); background-position:left bottom}
  .BlogSection p {color:#888; margin-top:0px;}
  .BlogSection .ReadMore {position:absolute; bottom:0px; right:0px; width:100%; text-align:right;}
    .BlogSection .ReadMore a {text-decoration:none}
  .BlogSection a {font-size:1.2em; font-style:italic; text-decoration:underline}
  .BlogSection a:hover {text-decoration:underline}

/**** List Page Styles ****/
.List {font-size:13px; margin-left:0px; margin-right:auto; margin-bottom:5px; width:823px;}
  .List td {vertical-align:top; padding-top:3px; padding-bottom:5px; padding-right:3px;}
  .List td input {}
  .List td.HeaderUnselected   {background-color:#FFF; text-align:left; font-weight:bold; border-bottom:solid 1px #687F87; padding-top:3px; padding-bottom:3px;}
  .List td.HeaderUnselected a {text-decoration:none; color:#7C97A1; font-size:16px; font-weight:normal}
  .List td.HeaderUnselected a:hover {}
  .List td.HeaderSelected     {background-color:#FFF; text-align:left; font-weight:bold; border-bottom:solid 1px #687F87; padding-top:3px; padding-bottom:3px;}
  .List td.HeaderSelected a   {color:#7C97A1; text-decoration:none; font-size:16px; font-weight:normal}
  .List td.HeaderSelected span.Up   {margin-left:5px; width:10px; height:10px; background-image:url(/images/default/list-up-arrow.gif); display:inline-block;}
  .List td.HeaderSelected span.Down {margin-left:5px; width:10px; height:10px; background-image:url(/images/default/list-down-arrow.gif); display:inline-block;}
  .List td.HeaderSelected span img {width:10px;}

.ListFooter {height:21px; text-align:left; font-size:10px; margin-left:auto; margin-right:-3px; border-top:solid 1px #687F87; padding-top:7px;}
  .ListFooter .Left {float:left; margin-left:5px}
    .ListFooter .Left a {text-decoration:none; font-weight:bold;}
    .ListFooter .Left a:hover {text-decoration:underline}
    .ListFooter .SelectAll {padding:2px 0px 2px 0px; width:57px; text-align:center; background-color:#576970; color:#fff; margin-right:6px; display:block; float:left; background-image:url(/images/default/list-button-select.jpg)}
    .ListFooter .SelectAll:hover {}
    .ListFooter .Reset     {padding:2px 0px 2px 0px; width:41px; text-align:center; background-color:#576970; color:#fff; margin-right:70px; display:block; float:left; background-image:url(/images/default/list-button-reset.jpg)}
    .ListFooter .Reset:hover     {}
    .ListFooter .GotoText  {padding:2px 0px 3px 5px; margin-right:6px; display:block; float:left; color:#555}
    .ListFooter .PageJumper{height:18px; font-size:11px; width:45px; padding:0px; margin:0px; float:left;}
    .ListFooter .Go        {padding:2px 0px 2px 0px; width:27px; text-align:center; background-color:#576970; color:#fff; margin-left:6px; display:block; float:left; background-image:url(/images/default/list-button-go.jpg)}
    .ListFooter .Go:hover  {}
  .ListFooter .Right {float:right; margin-right:5px}
    .ListFooter .Right a {text-decoration:none; font-weight:bold;}
    .ListFooter .Right a:hover {text-decoration:underline}
    .ListFooter .PreviousActive   {color:#fff; padding:2px 0px 2px 0px; width:80px; text-align:center; margin-right:5px; display:block; text-decoration:none;  float:left; background-image:url(/images/default/list-button-previous.jpg)}
    .ListFooter .PreviousActive:hover {}
    .ListFooter .PreviousInactive {color:#FFF; width:80px; text-align:center; padding:2px 0px 2px 0px; margin-right:5px; display:block; float:left; font-weight:bold; background-image:url(/images/default/list-button-previous-inactive.jpg)}
    .ListFooter .PageNumber       {color:#555; padding:2px 5px 3px 5px; margin-right:4px; display:block; float:left;}
    .ListFooter .NextActive       {color:#fff; padding:2px 0px 2px 0px; width:61px; text-align:center; display:block; text-decoration:none; float:left; background-image:url(/images/default/list-button-next.jpg)}
    .ListFooter .NextActive:hover {}
    .ListFooter .NextInactive     {color:#FFF; padding:2px 0px 2px 0px; width:61px; text-align:center; display:block; float:left; font-weight:bold; background-image:url(/images/default/list-button-next-inactive.jpg)}


/*Forms*/
.RightFormColumn   {width:560px; float:right; clear:right;} 
.RightFormColumn2   {width:450px; float:right; clear:right;} 
  .RightFormColumn h2 {margin-top:0px}

.FormBoxRemember {width:263px; padding:15px 0px 0px 10px}
  .FormBoxRemember .FormField {float:left}
  .FormBoxRemember .FormLabel {float:left; font-size:1.2em; font-weight:bold; margin-bottom:3px; color:#7C97A1;}
  .FormBoxRemember .ButtonStd {float:right}

.FormBox           {width:350px; margin-bottom:0px; padding:7px 10px 8px 10px; border:solid 1px #FFF}
.FormBoxFullWidth  {width:990px; padding:7px 10px 8px 10px; clear:both;}

.InnerFormBox {float:left; width:136px;}
.InnerFormBoxFix {clear:left; height:1px; font-size:1px;}/* add left and right version probably*/

.FormBox .FormLabel, .FormBoxFullWidth .FormLabel {font-size:1.2em; font-weight:bold; margin-bottom:3px; color:#333;}
.FormBox .FormField, .FormBoxFullWidth .FormField {   }
.FormBox .FormField2, .FormBoxFullWidth .FormField2 {font-size:1.2em}
.FormBox .FieldInfo, .FormBoxFullWidth .FieldInfo {font-size:1.1em; margin-top:2px;}
.FormBox .FieldInfoLarge, .FormBoxFullWidth .FieldInfoLarge {font-size:1.2em; margin-top:2px;}
.FormBox .FieldView, .FormBoxFullWidth .FieldView {font-size:1.1em; margin-top:2px;}
.FormBox .LengthInfo, .FormBoxFullWidth .LengthInfo {font-size:1.0em; margin-top:2px; color:#666;}
.FormBox .ValidationInfo, .FormBoxFullWidth .ValidationInfo {font-size:1.1em; margin-top:2px; font-weight:bold; color:#d00;}

.FormHR1 {clear:both; font-size:1px; height:2px; margin-bottom:8px; background-image:url(/images/default/dot-border.gif); background-repeat:repeat-x}
.FormHR2 {clear:both; font-size:1px; height:2px; margin-top:8px; background-image:url(/images/default/dot-border.gif); background-repeat:repeat-x}

.FormField .EditBoxW1 {width:260px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .EditBoxW2 {width:123px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .EditBoxW3 {width:60px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .EditBoxW4 {width:25px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:6px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .DropDownW1 {width:263px; font-size:1.1em; height:1.9em; padding-top:1px; font-family:Verdana;}
.FormField .DropDownW2 {width:126px; font-size:1.1em; height:1.9em; padding-top:1px; font-family:Verdana;}
.FormField .ListBoxW1 {width:262px; font-size:1.1em; height:15em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .ListBoxW2 {width:125px; font-size:1.1em; height:15em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .TextAreaContact {width:610px; font-size:1.1em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .TextAreaW1 {width:260px; font-size:1.1em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .TextAreaW2 {width:123px; font-size:1.1em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana;}
.FormField .FileUploadW1 {width:263px; font-size:1.1em; height:2em; font-family:Verdana;}
.FormField .CheckBox {}

.ContactForm {position:relative;}
.ContactForm .FormBox {position:relative; z-index:1; width:280px !important;}
.ContactForm .FormBoxLarge {width:610px !important; margin-bottom:5px;}
.ContactForm .FormButtons {position:relative; z-index:3; width:315px; float:right; padding:10px 15px 0px 0px}
.ContactForm .FormButtons .ButtonStd {position:relative; z-index:3000; }
.ContactForm .FormButtons .Info {margin-top:10px}

.WithFocusHighlight {}
.FormBoxHighlighted {background-color:#E5EAEC; border-color:#6F8891}
.InputFieldHighlighted {/*background-color:#FF8989; */ border:solid 1px #d33 !important;}

.BottomFix {clear:both; height:1px; font-size:2px; width:10px;}

.ListTable {width:990px}
  .ListTable .ListItem {width:443px}
  .ListTable td {border:solid 1px #CCC; width:480px; padding:4px 20px 10px 20px}
  .ListTable .MiddleCol {border:none; padding:0px;}
    .ListTable .MiddleCol img {width:20px; height:20px;}
  .ListTable .HeaderWithSubText h2 {float:none; height:auto;}
  .ListTable .HeaderWithSubText span {float:none}

.ListPage {position:relative; width:990px;}
  .ListItem {}
  .ListItem .SmallPara {font-weight:bold}
  .ListPage .NoArticleShowing {position:absolute; left:270px; top:0px;}

.LinkYear {font-size:2.8em !important;}
.ListDropDownLink {margin:0px !important; padding-bottom:10px !important; width:4.5em; padding-left:20px; background-position:left 0.3em; background-color:#FFF}
  .ListDropDownLink a {color:#9FAF30; outline:none}
  .ListDropDownLink a.Active {color:#FF9900}
  .ListDropDownLink a span {color:#9FAF30; }
  .ListDropDownLink a.Active span {color:#FF9900}
.ListDropDown {display:none; background-color:#FFF}
  .ListDropDown .ListDropDownLink {font-style:italic; font-size:2em; font-weight:normal;}
    .ListDropDown .ListDropDownLink a {}
.ListMonths {background-color:#FFF}
  .ListMonths .ListDropDownLink a {position:relative; color:#7C97A1}
  .ListMonths .ListDropDownLink a.Active {color:#FF9900 !important; font-style:normal; margin-left:30px}
  .ListMonths .ListDropDownLink a span {color:#7C97A1}
  .ListMonths .ListDropDownLink a.Active span {color:#FF9900 !important; font-style:normal}
  .ListMonths .ListDropDownLink {padding-left:50px; background-image:none !important}
.ListArticles {background-color:#FFF; position:absolute; left:270px; top:0px; width:720px;}
  .ListArticles .ListItem {width:700px;}
  .ListArticles h2.ArticleMonth {font-size:1em; font-weight:normal}
  .ListArticles h2.ArticleMonth span {font-size:2.6em; color:#FF9900; font-weight:normal}
  
/*Resource Page*/
.ResourcePage {padding:10px 0px 0px 0px; font-size:1.3em; color:#555}
  .ResourcePage a {}


/*Project Page*/
.ProjectWhole {position:relative; overflow:hidden; width:990px;}
.ProjectInner {position:relative; width:2000px; padding-bottom:40px; height:350px;}
.ProjectHolder {float:left; position:relative; width:316px; overflow:hidden; border-right:solid 21px #FFF}
  .ProjectHolder .ProjectExpand {position:absolute; left:315px; width:297px; height:340px; padding:10px 15px 0px 24px; border-top:solid 1px #CCC; border-right:solid 1px #CCC}
    .ProjectHolder .ProjectExpand .ProjectCloseButton {cursor:pointer; float:right; display:block; width:18px; height:18px; background-image:url(/images/default/project-cross.gif)}
    .ProjectHolder .ProjectExpand h2 {font-size:17px}
    .ProjectHolder .ProjectExpand p {line-height:13px; font-size:13px}
  .ProjectHolder .ProjectStatic {position:relative; width:316px; height:350px}
    .ProjectHolder .ProjectStatic h2 {padding:8px 0px 10px 0px; margin:0px; font-size:14px; height:30px}
      .ProjectHolder .ProjectStatic h2 .ExpandArrow {cursor:pointer; display:block; float:right; width:18px; height:18px; background-image:url(/images/default/project-arrow.gif)}
      .ProjectHolder .ProjectStatic h2 .ExpandBack {background-image:url(/images/default/project-arrow2.gif) !important}
  .ProjectHolder .MainImage {cursor:pointer; width:314px; border:solid 1px #ccc !important}
  .ProjectHolder .MainImageClicked {cursor:pointer; width:314px; border-left:solid 1px #ccc !important; border-top:solid 1px #ccc !important; border-bottom:solid 1px #FFF !important; border-right:none !important; }
  .ProjectHolder .ProjectMinis {}
    .ProjectHolder .ProjectMinis .ImageHolder {float:left; width:74px; padding-right:6px}
    .ProjectHolder .ProjectMinis img {cursor:pointer; width:72px; border:solid 1px #CCC !important}

.Project {clear:both; padding-top:15px; padding-bottom:15px}
  .Project .RightDiv {float:left; width:618px; border-left:solid 15px #fff}
  .Project .RightDiv h2 {margin-top:0px}
  .Project img {border:solid 1px #DDD !important}
  .ProjectPic {margin:0px 0px 10px 0px; width:250px; float:left; }
  .Project .ImageOptions {}
    .Project .ImageOptions .ImageHolder {cursor:pointer; float:left; position:relative; height:64px; width:72px; padding-right:10px}
    .Project .ImageOptions .ImageHolder div {position:absolute; top:1px; left:1px; width:72px; background-color:#FFF}
    .Project .ImageOptions .ImageHolder img {position:absolute; top:0px; left:0px; width:72px;}
  .ActiveImage div {display:none}

.ProjectPageTurn {padding:60px 0px 7px 0px; height:37px; width:990px;}
  .ProjectPageTurn .NextButton {float:right; }
  .ProjectPageTurn .PreviousButton {float:left; }
  .ProjectPageTurn .InactiveButton {background-image:url(/images/default/large-button-inactive.gif) !important}
  .ProjectPageTurn .PageNumber {color:#CACACA; text-align:center;}
  .ProjectPageTurn .PageNumberSpan {font-size:25px}
  .ProjectPageTurn .PageNumber a {font-size:25px; color:#FFF; text-decoration:none; display:block; width:140px; height:37px; text-align:center; background-image:url(/images/default/large-button.gif)}
  .ProjectPageTurn .PageNumber span.Inactive {text-decoration:none; font-size:25px; color:#FFF; display:block; width:140px; height:37px; text-align:center; background-image:url(/images/default/large-button-inactive.gif)}

.WebPartTools {z-index:1001; position:absolute !important; top:1px; right:1px; height:70px; width:20px; background-color:#DEE5E7; border-left:solid 1px #BECBD0; padding:0px !important}
  .WebPartTools div {padding:0px !important}
  .LeftSection .WebPartTools {right:3px}
  .RightSection .WebPartTools {right:3px}
  .MiddleSection .WebPartTools {right:11px}
  .WebUp {cursor:pointer; font-size:1.5em; color:#CC0000; font-weight:bold; width:8px; height:12px; margin:5px auto 0px auto; background-image:url(/images/default/web-up.gif)}
  .WebDown {cursor:pointer; font-size:1.5em; color:#CC0000; font-weight:bold; width:8px; height:12px; margin:5px auto 0px auto; background-image:url(/images/default/web-down.gif)}
  .WebRemove {cursor:pointer; font-size:1.5em; color:#CC0000; font-weight:bold; width:8px; height:8px; margin:22px auto 0px auto; background-image:url(/images/default/web-remove.gif)}

.WebPartButtons {width:750px; height:16px; font-weight:normal; margin:10px auto 0px auto; padding-bottom:20px; clear:both }
  .WebPartButtons div.Info {float:left; color:#333; font-weight:bold; font-size:1.2em}

.WebPartPosButtons {padding:10px 0px 20px 0px; height:22px; width:750px; margin:0px auto }

.WebPartPosTable {position:relative; width:750px; background-color:#DEE5E7; border:solid 1px #BECBD0;  margin:0px auto}
  .WebPartPosTable .TableTitle {font-size:1.2em; padding:8px 0px 4px 0px}
  .WebPartPosTable .PositionDropDown {width:337px; font-size:11px; height:19px; padding-top:1px; font-family:Verdana; color:#333;}
  .WebPartPosTable .PositionList {display:none; width:710px; font-size:11px; height:100px; padding-top:1px; font-family:Verdana; color:#333;}
  .WebPartPosTable .FilterTextBox {width:331px; font-size:11px; height:15px; padding-top:1px; font-family:Verdana; color:#333;}
  .WebPartPosTable .Col1 {width:20px}
  .WebPartPosTable .Col3 {width:20px}
  .WebPartPosTable .BarTop {height:7px}
  .WebPartPosTable .BarBottom {height:15px}
.ParaExplain {font-size:1.1em; padding:10px 0px 15px 0px}

.InitList .DragList {position:relative; z-index:1000; cursor:default; overflow:auto; width:708px; font-size:11px; height:100px; padding-top:1px; font-family:Verdana; color:#333; background-color:#FFF; border:solid 1px #999}
  .InitList .DragList div {padding-left:2px; width:688px; height:14px}
  .InitList .DragList div.SelectedDiv {background-color:#c1c1c1; }

.drag {cursor:default;}
.active {background-color:#dcf1b2 !important}

.WebPartTable {position:relative; width:750px; background-color:#DEE5E7; border:solid 1px #BECBD0; margin:0px auto}
  .WebPartTable .BarTop {height:7px}
  .WebPartTable .BarBottom {height:15px}
  .WebPartTable div {position:relative;}
  .WebPartTable .Col1 {width:20px;}
  .WebPartTable .Col3 {width:20px;}
.WebPartText {font-size:1.2em; padding:8px 0px 4px 0px}
.WebPartListBox {position:relative;}
  .WebPartListBox select {position:relative; z-index:10; font-size:11px; height:72px; padding-top:1px; font-family:Verdana; color:#333;}
  .WebPartListBox span {z-index:0; position:absolute; background-image:url(/Images/Default/blue-glow.gif); }
  .ListBoxHeader {display:none; width:710px;}
  .ListBoxMiddle {display:none; width:710px;}
  .ListBoxFooter {display:none; width:710px;}
  .WebPartListBox .DragList {height:69px}

.GlowSpan {display:none; position:relative; z-index:0}
  .GlowTop {top:-4px; left:-4px; height:70px; width:718px; background-position:left top}
    .GlowTop span {width:710px; left:9px; height:70px; background-position:right top}
  .GlowBot {top:17px; left:-4px; height:60px; width:718px; background-position:left bottom;}
    .GlowBot span {left:9px; height:60px; width:710px; background-position:right bottom}
    
.MiddleSection div {padding-left:7px; padding-right:7px;}
.MiddleSection .GlowTop {top:-4px; left:2px; height:60px; width:298px; background-position:left top}
   .MiddleSection .GlowTop span {width:290px; left:9px; height:60px; background-position:right top}
 .MiddleSection .GlowBot {top:17px; left:2px; height:60px; width:298px; background-position:left bottom}
   .MiddleSection .GlowBot span {left:9px; height:60px; width:290px; background-position:right bottom}

.RadioTable {}
  .RadioTable .Col1 {padding:5px 30px 10px 0px; font-size:1.2em}
    .RadioTable .Col1 input {margin-right:10px}
  .RadioTable .Col2 {padding:5px 0px 10px 0px; font-size:1.2em}

.ThreeColumnTable {width:990px; margin-top:10px}
  .ThreeColumnTable .Green {position:relative; width:317px; padding:0px 19px 0px 0px}
  .ThreeColumnTable .Orange {position:relative; width:317px; padding:0px 20px 0px 0px}
  .ThreeColumnTable .Blue {position:relative; width:317px; padding:0px 0px 0px 0px}
  .ThreeColumn .HR {width:317px}

.ArchiveLink {width:317px; padding:0px 0px 6px 0px; text-align:right}
  .ArchiveLink a {font-size:1.6em;}
  .ArchiveLink .BlueLink {color:#7C97A1; }
  .ArchiveLink .GreenLink {color:#9FAF30; }
  .ArchiveLink .OrangeLink {color:#FF9900; }
.ArchiveSpacer {height:30px; width:20px;}

.ContactRight {float:right; width:640px;}
.ContactDirections {clear:both; width:990px}
.ContactDirections p {width:450px;}
.MapCanvas {margin-top:55px; float:right; width:500px; height:405px}


.SiteMapLeft {float:left; width:480px; padding-right:30px}
.SiteMapRight {float:left; width:480px}
.SiteMap {padding-bottom:20px; list-style:none;}
  .SiteMap a {font-size:1.6em; font-weight:normal}
  .SiteMap p {font-size:1.6em; font-weight:normal; color:#9FAF30;}
  .SiteMap li {line-height:2.3em; padding-left:20px; background-image:url(/images/default/bullet-orange.gif); background-position:left 10px;}
  .SiteMap li a {color:#9FAF30;}
  .SiteMap li ul {list-style:none}
  .SiteMap li ul li {background-image:none;}
  .SiteMap li ul li a {color:#7C97A1}

.TempHolder {width:990px; margin:0px auto}

.ScrollRight {float:right; width:373px}
.ScrollLeft {width:600px}
h1.LandingPageHeading {color:#7c97a1}
  h1.LandingPageHeading span {color:#FF9900}
.ScrollProjectNext {cursor:pointer; position:absolute; top:20px; right:0px; width:18px; height:18px; background-image:url(/images/default/project-arrow.gif)}
.ScrollProjectPrev {cursor:pointer; position:absolute; top:20px; left:0px; width:18px; height:18px; background-image:url(/images/default/project-arrow2.gif)}
.ScrollProject {position:relative; padding:20px 30px 0px 30px; float:right; width:313px; height:250px;}
  .ScrollProjectHolder {height:224px; overflow:hidden; border:solid 1px #CCC}
  .ScrollProjectHolder div {}
.ServicesFour {width:990px; height:340px; padding-top:5px}
  .ServicesFour .FourSection {float:left; padding-right:3px; height:335px; width:231px; border:solid 1px #CCC;}
  .ServicesFour .FourSpacer {float:left; height:275px; width:15px;}
  .FourDesign h3 {height:57px; margin:0px; padding:5px 0px 0px 85px; font-size:1.5em; background-image:url(/images/default/four-logo-design.gif); background-position:0px -10px;}
  .FourDevelop h3 {height:57px; margin:0px; padding:5px 0px 0px 85px; font-size:1.5em; background-image:url(/images/default/four-logo-develop.gif); background-position:0px -10px;}
  .FourEcommerce h3 {height:57px; margin:0px; padding:5px 0px 0px 85px; font-size:1.5em; background-image:url(/images/default/four-logo-ecommerce.gif); background-position:0px -10px;}
  .FourCMS h3 {height:57px; margin:0px; padding:5px 0px 0px 75px; font-size:1.5em; background-image:url(/images/default/four-logo-cms.gif); background-position:0px -10px;}
  .ServicesFour .FourSection ul {list-style:none; margin:0px; padding-top:10px}
    .ServicesFour .FourSection ul li {padding:0px 0px 0px 17px; margin:0px; background-image:url(/images/default/bullet-orange-small.gif); background-position:7px 8px;}
.FourSectionLink {margin-left:20px}
  
  
.ExternalLinkImg {top:0px !important; left:0px !important; width:10px !important; height:10px !important; border:none !important; padding:0px !important; margin:0px !important}  
  
.AddThisButton {display:none; position:absolute; right:-2px; top:345px; width:200px; z-index:90000;}  
  .AddThisButton .ExternalLinkImg {display:none !important}  
  .AddThisButton .addthisFacebook {padding-right:0px !important; margin-right:0px !important; position:absolute; top:0px; right:99px; display:block; height:25px; width:25px; background-image:url(/images/default/logo-facebook.jpg)}
  .AddThisButton .addthisMyspace {padding-right:0px !important; margin-right:0px !important; position:absolute; top:0px; right:66px; display:block; height:25px; width:25px; background-image:url(/images/default/logo-myspace.jpg)}
  .AddThisButton .addthisGoogle {padding-right:0px !important; margin-right:0px !important; position:absolute; top:0px; right:33px; display:block; height:25px; width:25px; background-image:url(/images/default/logo-google.jpg)}
  .AddThisButton .addthisTwitter {padding-right:0px !important; margin-right:0px !important; position:absolute; top:0px; right:0px; display:block; height:25px; width:25px; background-image:url(/images/default/logo-twitter.jpg)}
  .AddThisButton .addthis_button_compact {padding-right:0px !important; margin-right:0px !important; display:block; background-image:url(/images/default/AddThisButton.gif)}
    .AddThisButton .addthis_button_compact img {width:67px;}
  .AddThisLinkSpacer {height:25px; width:25px;}
  .AddThisButton .ShareButton {font-size:25px; display:block; width:67px; height:25px;}
  
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.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; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }

/* states and images */
.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: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background-color: #FFF; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header {color: #ffffff; font-weight: bold; background-image:url(/images/default/access-titlebar.gif); background-repeat:repeat-x}
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {height:22px; width:50px !important; background-color:transparent; background-image:url(/images/default/dialog-button.gif); 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 1em; position: relative;  }
.ui-dialog .ui-dialog-title {position:relative; top:-3px; font-size:18px; float: left; } 
.ui-dialog .ui-dialog-titlebar-close { 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



/* positioning */
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/*ajax calendar*/
.CalendarField {position:relative}
.CalendarButton {position:relative; top:3px}
.ajax__calendar {position:relative; left:-177px; z-index:5}

.ajax__calendar_dayname {}
.ajax__calendar_container {top:0px !important; left:300px !important; background-color:#fff !important; border:solid 1px #9FAF30 }
  .ajax__calendar_title {background-color:#9FAF30; color:#333; padding:3px 0px 3px 0px}
    .ajax__calendar_hover .ajax__calendar_day {color:#555 !important; background-color:#E9F3A2 !important; border:solid 1px #A9B362 !important}
    .ajax__calendar_hover .ajax__calendar_month {color:#555 !important; background-color:#E9F3A2 !important; border:solid 1px #A9B362 !important}
    .ajax__calendar_hover .ajax__calendar_year {color:#555 !important; background-color:#E9F3A2 !important; border:solid 1px #A9B362 !important}
    .ajax__calendar_hover .ajax__calendar_title {color:#fff !important}
    .ajax__calendar_hover .ajax__calendar_today {color:#555 !important}
    .ajax__calendar_day {color:#333 !important; background-color:#FFF !important; border:solid 1px #FFF !important}
    .ajax__calendar_month {color:#333 !important; background-color:#FFF !important; border:solid 1px #FFF !important}
    .ajax__calendar_year {color:#333 !important; background-color:#FFF !important; border:solid 1px #FFF !important}
    
.OccasionChristmas {display:none; position:absolute; top:0px; left:0px; z-index:9000}
  .OccasionChristmas .Tinsel {position:absolute; left:0px; top:70px; width:824px; height:34px;}
  .OccasionChristmas .Tinsel img {width:824px; height:34px;}
  .OccasionChristmas .Tinsel2 {position:absolute; left:823px; top:70px; width:47px; height:104px;}
  .OccasionChristmas .Tinsel2 img {width:47px; height:104px;}
  .OccasionChristmas .ChristmasBall {position:absolute; left:623px; top:-56px; width:43px; height:56px; background-image:url(/images/default/christmas-ball2.jpg)}

.TwitterOBS {display:none; z-index:10000; position:absolute; top:134px; right:0px; height:40px; width:230px; text-align:right; background-image:url(/images/default/twitter.gif)}
  .TwitterOBS a {color:#FF6706; font-weight:bold; font-size:1.6em; text-decoration:none; }
  .TwitterOBS .ExternalLinkImg {display:none !important;}