/* ============================= */
/* Hyder Consulting CSS Document */
/* ============================= */


/* ============================= */
/* General Styles */
/* ============================= */

body { background-color:#BBBBAE; font-family:arial, verdana, sans-serif; font-size:62.5%; color:#5C6F7B; text-decoration:none; margin-top:20px; }
body a:link { color:#5C6F7B; text-decoration:none; }
body a:visited { color:#5C6F7B; text-decoration:none; }
body a:active { color:#5C6F7B; text-decoration:none; }
body a:hover  { color:#5C6F7B; text-decoration:underline; }

body img { border:0px; }

.text_input { font-size:1.1em; color:#5C6F7B; }

p { margin:0px; padding:0px; font-size:1.0em; }
p.large { margin:0px; padding:0px; font-size:1.4em; }
p.search { margin-bottom:8px; font-size:1.4em; }
p.main-para { margin-bottom:20px; font-size:1.4em; }
.padding { padding:20px 34px 0px 34px; }
.block { display:block; }
a.block { display:block; cursor:pointer; width:100%; height:100%; }

form { margin:0px; padding:0px; font-size: 1.0em; }
fieldset { border:0px; margin:0px; padding:0px; }
label { font-size:1.1em; }

ul { padding-left:40px; margin-left:40px; font-size:1.1em; line-height:1.6em; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; line-height:0px; height:0px; font-size:0px; }
.bold { font-weight:bold; }
.invisible { visibility:hidden; }

.searchbox {
  font-size:1.2em;
  color:#5C6F7B;
  position:absolute;
  top:28px;
  left:35px;
  padding:3px 0px 0px 3px;
  height:18px;
  width:151px;
  background-image: url(../images/input_back.jpg);
  background-repeat:repeat-x;
  border:1px solid #FFFFFF;
}

.searchbutton {
  position:absolute;
  top:28px;
  left:196px;
}

#container {
  margin:0 auto;
  width:960px;
  height:auto;
  text-align:left;
  background-color:#FFFFFF;
}

#footer2 {
  width:960px;
  height:80px;
  background-image: url(../images/footer.gif);
}

#footer2 #footer-left {
  float:left;
  padding-left:33px;
  padding-top:42px;
}

#footer2 #footer-right {
  float:left;
  padding-left:50px;
  padding-top:42px;
}

#footer2 #footer-image {
  float:right;
  padding-right:58px;
}


/* ============================= */
/* Header Styles */
/* ============================= */

h1.home { width:308px; background-image: url(../images/h1_blueback.gif); background-repeat:no-repeat; background-color:#C0D3E8; margin:0px; padding:10px 0px 4px 32px; font-size:2.2em; color:#FFFFFF; font-weight:normal; }
h1.aboutus { margin:0px 0px 10px 0px; padding:0px; color:#616D7A; font-size:3.0em; font-weight:normal; }
h2.rightheader { width:158px; height:auto; margin:0px; padding:4px 10px 7px 10px; font-weight:normal; font-size:1.2em; color:#FFFFFF; background-image: url(../images/header_bluegradient.gif); background-repeat:no-repeat; }
h2.leftheader { width:164px; height:20px; margin:0px; padding:5px 0px 0px 10px; font-weight:normal; font-size:1.2em; color:#FFFFFF; background-image: url(../images/header_bluegradientsmall.gif); background-repeat:no-repeat; }
h2.leftgreyheader { width:164px; height:20px; margin:28px 0px 0px 0px; padding:5px 0px 0px 10px; font-weight:normal; font-size:1.2em; color:#FFFFFF; background-image: url(../images/header_graygradientsmall.gif); background-repeat:no-repeat; }
h2.content-profile { margin:0px; padding:0px; font-weight:normal; font-size:1.6em; color:#5C6F7B; margin-bottom:6px; }
h2.subcontent { margin:10px 0px 10px 0px; padding:0px; font-weight:normal; font-size:3.0em; color:#9AB0BC; }
h2.twelve { margin:0px; padding:0px; font-size:1.2em; color:#5C6F7B; }
h2.fourteen { margin:0px; padding:0px; font-size:1.4em; color:#5C6F7B; }
h2.contact-us { padding:0px 0px 12px 0px; margin:0px; font-size:1.6em; font-weight:normal; color:#5C6F7B; }
h2.searchresult { margin:30px 0px 8px 0px; padding:0px; font-size:1.6em; color:#5C6F7B; }


/* ============================= */
/* Header/Navigation styles */
/* ============================= */

#navigation {
  width:960px;
  height:auto;
  margin-bottom:6px;
}

#navigation #menu {
  position:relative;
  width:960px;
  height:136px;
  z-index:1;
}

.back-home { background-image: url(../images/home_head.jpg); }
.back-market { background-image: url(../images/market_head.jpg); }
.back-careers { background-image: url(../images/top.jpg); }

#navigation #menu #search {
  position:relative;
  width:960px;
  height:63px;
  z-index:1;
}

#navigation #menu #search #dropdown-outer {
  position:absolute;
  top:28px;
  left:272px;
  height:22px;
  width:154px;
  background-image: url(../images/input_back.jpg);
  background-repeat:repeat-x;
  border:1px solid #FFFFFF;
  z-index:1;
}

#navigation #menu #search #dropdown-inner {
  font-size:1.2em;
  height:16px;
  padding:4px 0px 0px 4px;
  width:131px;
  float:left;
}

#navigation #menu #search #dropdown-outer:hover { cursor:pointer; }

#dropdown { width:154px; height:auto; position:absolute; top:51px; left:272px; z-index:1; border:1px solid #FFFFFF; display:none; }

.dropdown-off {
  font-size:1.0em;
  width:148px;
  height:19px;
  padding:5px 0px 0px 6px;
  background-image: url(../images/search_back.gif);
}

.dropdown-off a:link { text-decoration:none; }
.dropdown-off a:visited { text-decoration:none; }
.dropdown-off a:hover { text-decoration:none; }
.dropdown-off a:active { text-decoration:none; }

#navigation #menu .links {
  padding-left:34px;
  font-size:3.2em;
  line-height:34px;
  font-family:arial narrow, arial, verdana, sans-serif;
  font-weight:bolder;
  color:#BBBBAE;
}

#navigation #menu .links a:link { color:#BBBBAE; text-decoration:none; }
#navigation #menu .links a:visited { color:#BBBBAE; text-decoration:none; }
#navigation #menu .links a:active { color:#BBBBAE; text-decoration:none; }
#navigation #menu .links a:hover { color:#FFFFFF; text-decoration:none; }
#navigation #menu .links a.menu-on { color:#FFFFFF; }


#navigation #flash {
  width:960px;
  height:324px;
  z-index:0;
}

#navigation #noflash {
  width:960px;
  height:39px;
  z-index:0;
}


/* ============================= */
/* Home Page styles */
/* ============================= */

#content {
  width:960px;
  height:auto;
  background-color:#FFFFFF;
}

#content #column1 {
  float:left;
  width:446px;
  height:auto;
}

#content #column2 {
  float:left;
  width:302px;
  height:auto;
  margin:0px 19px 40px 0px;
  z-index:0;
}

#content #column3 {
  float:left;
  width:180px;
  height:auto;
}

#content #column3 img.margin {
  margin-bottom:1px;
}

#content .colouredbox-on {
  width:302px;
  height:auto;
  min-height:120px;
  background-color:#DBDAD2;
  margin-bottom:2px;
  position:relative;
}

#content .colouredbox-off {
  width:302px;
  height:auto;
  min-height:120px;
  background-color:#CACBC0;
  margin-bottom:2px;
  position:relative;
}

#content .colouredbox-off .plus-button, #content .colouredbox-on .plus-button {
  position:absolute;
  bottom:6px;
  right:10px;
}

#content #newstab {
  width:302px;
  height:28px;
  background-image: url(../images/news_tab.gif);
}

#content .box-thumb {
  float:left;
  padding:6px 8px 26px 6px;
}

#content .box-text {
  float:left;
  width:190px;
  padding:8px 0px 0px 0px;
}

#content h2.box-text {
  float:left;
  width:140px;
  padding:8px 0px 0px 0px;
  margin:0px;
  font-weight:bold;
  font-size:1.2em;
}

#content .box-text-nopadding {
  float:left;
  width:190px; 
}

#content .newsarchive {
  float:right;
  padding:6px 14px 0px 0px;
}

.greybox-content {
  width:168px;
  height:auto;
  position:relative;
  padding-left:10px;
  background-image: url(../images/greybox_back.gif);
  z-index:2;
}

.lightgreybox-content {
  width:168px;
  height:auto;
  position:relative;
  padding-left:10px;
  background-image: url(../images/lightgreybox_back.gif);
  z-index:1;
}

#content .dropdown-outer, #subcontent .dropdown-outer  {
  height:22px;
  width:154px;
  background-color:#FFFFFF;
  border:1px solid #B2C1CB;
}

#content .dropdown-outer-colour, #subcontent .dropdown-outer-colour {
  height:22px;
  width:154px;
  background-color:#F6F6F4;
  border:1px solid #B2C1CB;
}

#content .dropdown-inner, #subcontent .dropdown-inner {
  font-size:1.1em;
  height:16px;
  width:132px;
  padding:4px 0px 0px 4px;
  float:left;
  overflow:hidden;
}

#content .dropdown-outer:hover, #content .dropdown-outer-colour:hover { cursor:pointer; }
#subcontent .dropdown-outer:hover, #subcontent .dropdown-outer-colour:hover { cursor:pointer; }

#dropdown-home1 { width:154px; height:auto; position:absolute; top:37px; left:10px; z-index:4; border:1px solid #B2C1CB; display:none; }
#dropdown-home2 { width:154px; height:auto; position:absolute; top:80px; left:10px; z-index:3; border:1px solid #B2C1CB; display:none; }
#dropdown-home3 { width:154px; height:auto; position:absolute; top:37px; left:10px; z-index:2; border:1px solid #B2C1CB; display:none; }
#dropdown-home4 { width:154px; height:auto; position:absolute; top:80px; left:10px; z-index:1; border:1px solid #B2C1CB; display:none; }

#dropdown-career1 { width:154px; height:auto; position:absolute; top:23px; left:10px; z-index:4; border:1px solid #B2C1CB; display:none; }
#dropdown-career2 { width:154px; height:auto; position:absolute; top:49px; left:10px; z-index:3; border:1px solid #B2C1CB; display:none; }
#dropdown-career3 { width:154px; height:auto; position:absolute; top:75px; left:10px; z-index:2; border:1px solid #B2C1CB; display:none; }

#blank-1 { position:absolute; top:14px; left:10px; background-color:#F6F6F4; color:#9bb1bd; display:none; z-index:4; }
#blank-2 { position:absolute; top:57px; left:10px; background-color:#F6F6F4; color:#9bb1bd; display:none; z-index:3; }
#blank-3 { position:absolute; top:14px; left:10px; background-color:#F6F6F4; color:#9bb1bd; z-index:2; }
#blank-4 { position:absolute; top:57px; left:10px; background-color:#F6F6F4; color:#9bb1bd; z-index:1; }

.dropdown-blue-off {
  font-size:1.0em;
  width:148px;
  height:19px;
  padding:5px 0px 0px 6px;
  background-image: url(../images/searchblue_back.gif);
}

.dropdown-blue-off a:link { text-decoration:none; }
.dropdown-blue-off a:active { text-decoration:none; }
.dropdown-blue-off a:hover { text-decoration:none; }
.dropdown-blue-off a:visited { text-decoration:none; }


/* ============================= */
/* Content Page styles */
/* ============================= */

#subcontent {
  width:960px;
  height:auto;
  background-color:#FFFFFF;
}

#subcontent #column1 {
  float:left;
  width:205px;
  padding-left:32px;
  height:auto;
}

#subcontent #column1 ul, #subcontent #column1 li { margin:0px; padding:0px; list-style:none; }
#subcontent #column1 li a { display:block; width:164px; background-color:#ECECE7; margin-top:1px; padding:3px 0px 4px 10px; font-size:1.2em; }
#subcontent #column1 li a:link { text-decoration:none; }
#subcontent #column1 li a:visited { text-decoration:none; }
#subcontent #column1 li a:hover { text-decoration:none; background-color:#CCCCC1; }
#subcontent #column1 li a:active { text-decoration:none; }

#subcontent #column1 ul.list, #subcontent #column1 li.list { margin:0px; padding:0px; list-style:none; }
#subcontent #column1 ul.list li a { width:164px; background-color:#EBEBE6; padding:3px 0px 0px 10px; font-size:1.0em; margin:0px; }
#subcontent #column1 ul.list li a:link { text-decoration:none; }
#subcontent #column1 ul.list li a:visited { text-decoration:none; }
#subcontent #column1 ul.list li a:hover { text-decoration:none; background-color:#EBEBE6; }
#subcontent #column1 ul.list li a:active { text-decoration:none; }
#subcontent #column1 ul.list li a.last { padding-bottom:6px; }

#subcontent #column2 {
  float:left;
  width:517px;
  height:auto;
  margin:10px 19px 40px 0px;
}

#subcontent #column2 .case-profiled {
  float:left;
  width:167px;
  margin-right:8px;
  height:auto;
}

#subcontent #column2 .no-rightmargin { margin-right:0px; }

#subcontent #column2 .case-profiled img { margin-bottom:4px; }

#subcontent #column2 .case-profiled .bottom {
  position:relative;
  width:167px;
  height:31px;
  background-image: url(../images/profile_bottom.gif);
}

#subcontent #column2 .case-profiled .text {
  width:155px;
  min-height:130px;
  background-color:#D9E7F2;
  padding:10px 6px 0px 6px;
}

#subcontent #column3 {
  float:left;
  width:185px;
  height:auto;
  margin:10px 0px 0px 0px;
}

.profile-button {
  float:right;
  margin-right:12px;
}

.ajax-search {
  width:174px;
  height:auto;
  background-color:#CCCCC1;
  margin-left:1px;
}

.leftsearchbox {
  font-size:1.2em;
  color:#5C6F7B;
  padding:3px 0px 0px 3px;
  height:18px;
  width:151px; 
  border:1px solid #9BB1BD;
}

.lightgreybox-content-padded {
  width:158px;
  height:auto;
  position:relative;
  padding:0px 10px 0px 10px;
  background-image: url(../images/lightgreybox_back.gif);
  z-index:1;
  line-height:1.4em;
  
}

ul.searchresults, ul.searchresults li { margin:0px; padding:0px; list-style:none; }

.height-select { width:1px; height:140px; float:left; }


/* ============================= */
/* Content Page - level 2 styles */
/* ============================= */

#pagecontent {
  width:960px;
  height:auto;
  background-color:#FFFFFF;
}

#pagecontent #column1 {
  float:left;
  width:200px;
  padding-left:32px;
  height:auto;
}

#pagecontent #column1 ul, #pagecontent #column1 li { margin:0px; padding:0px; list-style:none; }
#pagecontent #column1 li a { display:block; width:154px; background-color:#ECECE7; margin-top:1px; padding:3px 10px 4px 10px; font-size:1.2em; }
#pagecontent #column1 li a:link { text-decoration:none; }
#pagecontent #column1 li a:visited { text-decoration:none; }
#pagecontent #column1 li a:hover { text-decoration:none; background-color:#CCCCC1; }
#pagecontent #column1 li a:active { text-decoration:none; }
#pagecontent #column1 .on { background-color:#B0CBE3; font-weight:bold; }

#pagecontent #column1 ul.list, #pagecontent #column1 li.list { margin:0px; padding:0px; list-style:none; }
#pagecontent #column1 ul.list li a { width:164px; background-color:#EBEBE6; padding:3px 0px 0px 10px; font-size:1.0em; margin:0px; }
#pagecontent #column1 ul.list li a:link { text-decoration:none; }
#pagecontent #column1 ul.list li a:visited { text-decoration:none; }
#pagecontent #column1 ul.list li a:hover { text-decoration:none; background-color:#EBEBE6; }
#pagecontent #column1 ul.list li a:active { text-decoration:none; }
#pagecontent #column1 ul.list li a.last { padding-bottom:6px; }

#pagecontent #column2 {
  float:left;
  width:538px;
  height:auto;
  margin:10px 0px 0px 5px;
}

#pagecontent #column2 #blue-para {
  width:493px;
  height:auto;
  background-color:#D9E7F2;
  padding:12px;
}

#pagecontent #column2 #blue-para-footer {
  width:505px;
  height:21px;
  background-image: url(../images/subpage_footer.gif);
  padding-left:12px;
  font-weight:bold;
}

#pagecontent #column2 .spacer { width:20px; height:40px; }

#pagecontent #column3 {
  float:left;
  width:185px;
  height:auto;
  margin:10px 0px 0px 0px;
}

.staff-profile {
  float:left;
  width:258px;
  height:auto;
  margin-bottom:20px;
}

.staff-profile-image { float:left; padding-right:8px; }
.career-dropdown { width:156px; margin:0px 10px 5px 0px; }
.career-button { margin-left:106px; margin-top:10px; }


/* ============================= */
/* News Page styles */
/* ============================= */

#pagecontent .colouredbox-on {
  float:left;
  width:257px;
  height:auto;
  min-height:103px;
  background-color:#DBDAD2;
  margin-bottom:2px;
  position:relative;
  margin-right:2px;
}

#pagecontent .colouredbox-off {
  float:left;
  width:257px;
  height:auto;
  min-height:103px;
  background-color:#CACBC0;
  margin-bottom:2px;
  position:relative;
  margin-right:2px;
}

#pagecontent .colouredbox-off .plus-button, #pagecontent .colouredbox-on .plus-button {
  position:absolute;
  bottom:6px;
  right:10px;
}

#pagecontent .box-thumb {
  float:left;
  padding:6px 8px 29px 6px;
}

#pagecontent .box-text {
  float:left;
  width:190px;
  padding:8px 0px 0px 0px;
}

#pagecontent h2.box-text {
  float:left;
  width:140px;
  padding:8px 0px 0px 0px;
  margin:0px;
  font-weight:bold;
  font-size:1.1em;
}

#pagecontent .box-text-nopadding {
  float:left;
  width:165px;
  font-size:1.1em;
}


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

#pagecontent #contact-us {
  width:524px;
  height:auto;
  position:relative;
  padding:14px 0px 0px 14px;
  background-color:#D9E7F2;
  z-index:1;
}

.contactsearchbox {
  float:left;
  font-size:1.1em;
  color:#5C6F7B;
  padding:3px 0px 0px 3px;
  margin:0px 10px 8px 0px;
  height:15px;
  width:200px; 
  border:1px solid #9BB1BD;
}

.contact-textarea {
  width:486px;
  height:114px;
  overflow:hidden;
  font-size:1.1em;
  font-family:arial, verdana, sans-serif;
  border:1px solid #9BB1BD;
  color:#5C6F7B;
  padding:2px;
  margin:0px 0px 8px 0px;
}

.contact-submit {
  width:84px;
  height:31px;
  padding:0px 0px 8px 440px;
  background-image: url(../images/profile_bottom.gif);
  background-position:bottom right;
  background-repeat: no-repeat;
}

#pagecontent .dropdown-outer {
  height:18px;
  width:270px;
  background-color:#FFFFFF;
  border:1px solid #B2C1CB;
  margin:0px 0px 8px 0px;
}

#pagecontent .dropdown-inner {
  font-size:1.1em;
  height:16px;
  width:248px;
  padding:2px 0px 0px 2px;
  float:left;
  overflow:hidden;
}

#enquiry_subject { width:154px; height:auto; z-index:1; position:absolute; top:120px; left:14px; border:1px solid #B2C1CB; display:none; }

#pagecontent .dropdown-outer:hover, #pagecontent .dropdown-outer-colour:hover { cursor:pointer; }

label.contact { padding-left:10px; }

.contact-margin { margin:14px 0px 10px 0px; margin-right:10px; }


/* ============================= */
/* Search Results */
/* ============================= */

.searchsite {
  font-size:1.2em;
  color:#5C6F7B;
  padding:3px 0px 0px 3px;
  margin:0px 8px 0px 0px;
  height:19px;
  width:290px;
  background-image: url(../images/searchsite_back.gif);
  background-repeat:repeat-x;
  border:1px solid #9AB0BC;
}


/* ============================= */
/* Miscellaneous */
/* ============================= */

.margin-top-2 { margin-top:2px; }
.margin-right-10 { margin-right:10px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-8 { margin-bottom:8px; }
.margin-5 { margin:5px 0px 5px 0px; }
.padding-top-4 { padding-top:4px; }
p.divider { text-align:center; width:156px; margin:2px 0px 2px 0px; }
.gobutton { float:right; padding:7px 13px 0px 0px; }
.reset { float:left; font-size:0.9em; padding:15px 0px 0px 0px; }
.nine { font-size:0.9em; }
.lightblue { color:#9AB0BC; }
.eleven { font-size:1.1em; }

#cover { width:100%; height:948px; position:absolute; top:0px; left:0px; display:none; z-index:1;  }

a.email { color:#9BB1BD; text-decoration:none; display:block; margin-top:10px; }
a.email:link { color:#9BB1BD; text-decoration:none; }
a.email:visited { color:#9BB1BD; text-decoration:none; }
a.email:hover { color:#9BB1BD; text-decoration:underline; }
a.email:active { color:#9BB1BD; text-decoration:none; }


/* ============================= */
/* Ajax drop down */
/* ============================= */

#secNav ol {margin-left: 0; padding-left: 0; list-style-type: none}

.subSection {background:#d9e7f2; margin: 0}

#secNav a {
  display:block;
  padding: 5px 5px 6px 10px;
  width: 159px;
  text-decoration:none;
  background: #ebebe6;
  color: #5C6F7B;
  border-top: 1px solid #fff;
}

#secNav { font-size:1.2em; }

#secNav ol.subSection a {
  display:block;
  padding: 5px 5px 5px 10px;
  width: 159px;
  background:#d9e7f2;
  color: #5C6F7B;
  text-decoration:none;
  border: none;
  font-size: 0.9em
}

#secNav ol.subSection a:visited {color: #5C6F7B}
#secNav ol.subSection a:hover, #secNav ol.subSection a:active {text-decoration: underline; background:#d9e7f2; }
#secNav a {width: 160px; background:url(../images/secnavgrey.gif) no-repeat; padding: 6px 5px 8px 10px;}
#secNav a.navsel { width: 160px; background:url(../images/secnavsel.gif) no-repeat; padding: 6px 5px 8px 10px}
#secNav a:hover {background:#cdcdc2 url(../images/secnavover.gif)}

#hyder-footer {
  width:960px;
  height:80px;
  background-image: url(../images/footer.gif);

}

#hyder-footer #footer-left {
  float:left;
  padding-left:33px;
  padding-top:42px;
}

#hyder-footer .footerRight, #hyder-footer .footerRight a {
  color:#9bb1bd;
}

#hyder-footer #footer-image {
  float:right;
  padding-right:58px;
}