/* clearfix to handle floats---------------------------------------- */
.clearfix {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}
.clear_right {
  clear: right;
}
.clear_left {
  clear: left;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}

h1, h2, h3, h4 {
	color: #4b6971;
	margin: 0;
	padding: 0.2em;
}
h1 a, h2 a, h3 a, h4 a {
	color: #1eb45a;
}
h1 {
	font-size: 140%;
	padding-top: 0;
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 110%;
}
h4 {
	font-size: 100%;
}
p {
	padding: 6px 0px;
	margin: 0;
}
a {
	color: #1eb45a;
	text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.align_center {
  text-align: center;
}
a img {
  text-decoration: none;
  border: 0;
}
p img {
  padding-right: 10px;
}
img.green_border {
  border: 2px solid #1EB45A;
  padding: 1px;
}

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  text-align: center;
  background: #afc3c6;
  font-size: 0.8em;
  color: #4b6971;
}
#all_docs {
  width: 921px;
  margin: 0 auto 0 auto;
  padding: 0 40px 0 40px;
  text-align: left;
  background: url('./../images/body_back.jpg') repeat-y left top;
}
#top_banner {
  height: 116px;
  background: url('./../images/banner.jpg') no-repeat left top;
}
#top_banner h1 {
  display: none;
}
#top_menu {
  margin-top: 2px;
  height: 33px;
  background: url('./../images/menu_back.jpg') repeat-x left top;
}
#top_menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: yellow;
}
#top_menu ul li {
  margin: 0;
  padding: 4px 0 0 0;
  float: left;
}
#top_menu ul li a {
  color: white;
  text-decoration: none;
  line-height: 30px;
  font-size: 13px;
  display: block;
}
#top_menu ul li a span.text {
  font-weight: bold;
  padding: 8px 0 6px 10px;
}
#top_menu ul li a span.end {
  padding: 8px 9px 6px 0;
}
#top_menu ul li.last a span.text {
  padding-left: 12px;
}
#top_menu ul li a:hover {
  color: #1eb45a;
}
#top_menu ul li.current a:hover {
  color: white;
}
#top_menu ul li.current a span.text {
  background: url('./../images/menu_active.jpg') no-repeat left bottom;
  padding-left: 22px;
}
#top_menu ul li.current a span.end {
  background: url('./../images/menu_active_end.jpg') no-repeat left bottom;
  padding-right: 22px;
}


#leftCover {
  float: left;
  width: 218px;
  padding: 10px 0 0 10px;
}

.index #middleCover,
.search #middleCover {
  margin-left: 3px;
  width: 454px;
  background: none;
  padding: 10px 0 0 0;
  margin-top: 0;
}
#middleCover,
.search.results #middleCover {
  margin: 6px 0 5px 10px;
  float: left;
  padding: 0;
  min-height: 80px;
  position: relative;
  width: 446px;
  background: url('./../images/content_internal_back.jpg') no-repeat left bottom;
}
#middleCover.no_left {
  margin-left: 0;
  width: 735px;
  background: none;
  padding: 10px 0 0 0;
}
#middleCover.no_right {
  margin-right: 0;
  width: 743px;
  background: none;
  padding: 10px 0 0 0;
}
#middleCover.no_right.no_left {
  width: 994px;
  background: none;
}
#middleCover h2 {
  background: url('./../images/content_internal_top.jpg') no-repeat left top;
  min-height: 36px;
  padding: 30px 70px 0 20px;
}
#middleCover #contentHeadCover {
  background: url('./../images/content_internal_top.jpg') no-repeat left top;
  min-height: 45px;
  padding: 20px 60px 0 13px;
  font-size: 0.85em;
  position: relative;
}
#middleCover #contentHeadCover h2 {
  background: none;
  padding: 0;
  min-height: 0;
  font-size: 1.2em;
}
#middleCover #contentHeadCover h3 {
  padding-left: 0;
  font-weight: normal;
}
#middleCover #contentCover {
  padding: 4px 10px 10px 10px;
  font-size: 0.85em;
}

#rightCover {
  float: right;
  width: 218px;
  padding: 10px 10px 0 0;
}

#footer {
  width: 901px;
  height: 57px;
  margin: 0 auto 0 auto;
  padding: 5px 50px 0 50px;
  background: url('./../images/footer.jpg') no-repeat left top;
  font-size: 0.8em;
  color: white;
}
#footer a {
  color: white;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer #footer_links {
  float: left;
}
#footer #copy {
  float: right;
}

div.box {
  width: 216px;
  margin-bottom: 10px;
  font-size: 0.85em;
}
div.box h2 span.text {
  visibility: hidden;
}
div.box h2 {
  height: 37px;
  margin: 0;
  padding: 0;
}
div.box p {
  padding: 10px 5px 0 5px;
  font-size: 1.2em;
}
div.box.sectors h2 {
  background: url('./../images/box_heading_sectors.jpg') no-repeat left top;
}
div.box.hotjobs h2 {
  background: url('./../images/box_heading_hotjobs.jpg') no-repeat left top;
}
div.box.aboutus h2 {
  background: url('./../images/box_heading_aboutus.jpg') no-repeat left top;
}
div.box.mission h2 {
  background: url('./../images/box_heading_mission.jpg') no-repeat left top;
}
div.box.officelocations h2 {
  background: url('./../images/box_heading_officelocations.jpg') no-repeat left top;
}
div.box div.content {
  min-height: 10px;
  padding: 0 1px 10px 12px;
  background: white url('./../images/box_back.jpg') no-repeat left bottom;
  position: relative;
}

#marqueecontainer {
  height: 328px;
  width: 203px;
  overflow: hidden;
  position: relative;
}
#vmarquee {
  position: absolute;
  width: 100%;
}

div.box.sectors div.content {
  padding-top: 10px;
}
div.box.sectors a,
div.box.hotjobs a,
div.box.officelocations a {
  display: block;
  color: #1eb45a;
  text-decoration: none;
  font-weight: bold;
  padding: 3px 0 3px 4px;
}
div.box.sectors a {
  font-weight: normal;
  margin-right: 5px;
  font-size: 1.1em;
}
div.box.sectors a.accountancy_finance {
  background: url('./../images/arrows/accountancy_finance.jpg') no-repeat right top;
}
div.box.sectors a.architecture {
  background: url('./../images/arrows/architecture.jpg') no-repeat right top;
}
div.box.sectors a.construction_building_civil_ {
  background: url('./../images/arrows/construction_building_civil_.jpg') no-repeat right top;
}
div.box.sectors a.design_consultancy {
  background: url('./../images/arrows/design_consultancy.jpg') no-repeat right top;
}
div.box.sectors a.mechanical_electrical {
  background: url('./../images/arrows/mechanical_electrical.jpg') no-repeat right top;
}
div.box.sectors a.property_facilities {
  background: url('./../images/arrows/property_facilities.jpg') no-repeat right top;
}
div.box.sectors a.quantity_surveying {
  background: url('./../images/arrows/quantity_surveying.jpg') no-repeat right top;
}
div.box.sectors a.sales_marketing {
  background: url('./../images/arrows/sales_marketing.jpg') no-repeat right top;
}
div.box.sectors a.secretarial_administration {
  background: url('./../images/arrows/secretarial_administration.jpg') no-repeat right top;
}
div.box.sectors a.trades_labour {
  background: url('./../images/arrows/trades_labour.jpg') no-repeat right top;
}
div.box.sectors a:hover {
  background-position: right bottom;
}
div.box.sectors a.accountancy_finance:hover {
  color: #364797;
}
div.box.sectors a.architecture:hover {
  color: #828ec7;
}
div.box.sectors a.construction_building_civil_:hover {
  color: #26ace3;
}
div.box.sectors a.design_consultancy:hover {
  color: #48de60;
}
div.box.sectors a.mechanical_electrical:hover {
  color: #317c3d;
}
div.box.sectors a.property_facilities:hover {
  color: #ef3c34;
}
div.box.sectors a.quantity_surveying:hover {
  color: #ffa800;
}
div.box.sectors a.sales_marketing:hover {
  color: #ff6c00;
}
div.box.sectors a.secretarial_administration:hover {
  color: #837156;
}
div.box.sectors a.trades_labour:hover {
  color: #b4b8b5;
}

div.box.hotjobs a {
  color: #4B6971;
}
div.box.hotjobs a:hover {
  background: #f5f9f9;
}

div.box.officelocations a {
  font-size: 1.4em;
  color: #4B6971;
  padding-left: 5px;
  padding-bottom: 0;
  padding-top: 4px;
  cursor: pointer;
  font-weight: normal;
}
div.box.officelocations a:hover {
  color: #1EB45A;
}
div.box.officelocations a span.text {
  float: left;
  display: block;
}
div.box.officelocations a img {
  float: right;
  display: block;
}


div.slider {
  text-align: center;
  padding-top: 11px;
}
.slider a,
.slider span {
  padding: 2px 4px;
  text-decoration: none;
  color: #53757d;
}
.slider span.active {
  background: #aec3c6;
}

.red {
  color: red;
}
.error {
  display: block;
  color: red;
}

#jobsearch {
  background: url('./../images/job_search_back.jpg') no-repeat top left;
  width: 454px;
  height: 642px;
}
#jobsearch_form {
  padding: 107px 0 0 220px;
  height: 176px;
  margin: 0;
  position: relative;
}
#jobsearch_form select,
#jobsearch_form input#search_keyword {
  display: block;
  margin: 6px 0 0 0;
  padding: 1px 0 1px 0;
  width: 190px;
  font-size: 0.85em;
  color: #1a903c;
}
#jobsearch_form input#search_keyword {
  width: 185px;
}
#jobsearch_form input.search_button {
  width: 141px;
  height: 68px;
  background: url('./../images/search_button.jpg') no-repeat top left;
  margin: 0;
  position: absolute;
  right: 20px;
  bottom: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
}
#jobsearch_form input.search_button.hover {
  background-position: left bottom;
}
#jobsearch #flash_cover {
  margin-left: 11px;
  margin-top: 12px;
}

#jobsearch_form_keyword {
  height: 30px;
  padding-top: 5px;
  margin: 0;
}
#jobsearch_form_keyword input {
  padding: 4px 0 0 6px;
  width: 201px;
  height: 21px;
  background: url('./../images/job_search_keyword.jpg') no-repeat top left;
  border: 0;
  display: block;
  float: left;
}
#jobsearch_form_keyword a {
  width: 21px;
  height: 23px;
  background: url('./../images/job_search_keyword_help.jpg') no-repeat top left;
  display: block;
  float: left;
  text-decoration: none;
}

#topCornersBackground {
  width: 416px;
  background: url('./../images/table_back.jpg') no-repeat top left;
  margin-left: 5px;
}
#topCornersBackground.thin {
  background: url('./../images/table_back_thin.jpg') no-repeat top left;
}
#topCornersBackground table {
  width: 412px;
  margin: 0 2px 0 2px;
  border-bottom: 1px solid #53757d;
}
#topCornersBackground.thin table {
  border-bottom: 0;
  margin: 0 1px 0 1px;
  width: 414px;
}
#topCornersBackground table th {
  height: 29px;
  color: white;
  text-align: center;
}
#topCornersBackground table td {
  padding: 4px;
  border-right: 1px solid #53757d;
  border-bottom: 1px solid #53757d;
}
#topCornersBackground table td.last {
  border-right: 0;
}
#topCornersBackground #bottomCornersBackground {
  padding-bottom: 15px;
  background: url('./../images/table_back_bottom.jpg') no-repeat left bottom;
}

#topCornersBackground table a {
  text-decoration: none;
  color: #53757d;
}
.odd {
  background: #e6eff0;
}
.even {
  background: #f5f8f9;
}

#job_actions {
  text-align: center;
  padding-top: 40px;
}
#job_actions a {
  display: block;
  background: url('./../images/apply_button.jpg') no-repeat left top;
  width: 197px;
  height: 61px;
  margin: 0 auto 0 auto;
}
#job_actions a b {
  display: none;
}
#job_actions a:hover {
  background-position: left bottom;
}

ul#site_map {
  list-style-type: square;
  margin: 0;
  padding: 10px 0 10px 40px;
}


#dhtmltooltip{
  position: absolute;
  padding: 0px 0px 0px 0px;
  width: 400px;
  z-index: 100;
  visibility: hidden;
  text-align: left;
}
#dhtmltooltip .dhtmltooltipTop{
  background: url('./../images/bubble_center.png') left top no-repeat;
}
#dhtmltooltip .dhtmltooltipBottom{
  background: url('./../images/bubble_bottom.png') left top no-repeat;
  height: 23px;
  margin: 0px;
  padding: 0px;
}
#dhtmltooltip .dhtmltooltipIn{
  background: url('./../images/bubble_center.png') right top no-repeat;
  padding: 10px 5px 0px 40px;
  font-weight: bold;
  font-size: 0.85em;
  min-height: 80px;
  /*_height: 81px;*/
}
#dhtmltooltip.showTop .dhtmltooltipIn{
  background-image: url('./../images/bubble_center_nopipe.png');
}
.tooltipImage{
  margin-right: 10px;
  float: left;
}
.tooltipTitle{
  font-size:120%;
  margin-bottom:5px;
}
.tooltipContent{
  font-weight:normal;
  margin-right:5px;
  text-align:justify;
}

a#atlanco_map {
  display: block;
  width: 251px;
  height: 250px;
  padding: 55px 0 0 175px;
  background: url('./../images/atlanco_map_4_small.gif') no-repeat left top;
}