/*
 Title:  CSS Template 3 Column, Fixed Width, Centered. Version 1.0
 
 Author:   James Deathe
 JaR Design Services Ltd.
 jar-design.com
 Date:   2007-11-30
 Purpose:  CSS Style Sheet for the website amptron.co.uk
 
 colours:  #00528F
 */
/*--- Debugging ---*/ * { /*
   outline: 1px solid;
   outline-color: invert;
   */
}

/*--- General Settings ---*/ * {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, Palatino, serif;
  color: #474531;
  background-color: transparent;
  text-transform: none;
  /*font-variant: none;*/
  font-weight: normal;
}

span.h_light {
  color: #73704F;
}

/*--- Primary Structure ---*/
body {
  z-index: -10; /*--- Pull navigation above the page content in IE ---*/
  width: 100%;
  margin: auto;
  background-color: #ffffff; /*-- background color extends below footer (if using full width footer) --*/
  font-size: 12px;
}

/*-- if the footer is not full width set background color to be the same as inner --*/
body.inner_bg {
  background-color: #ffffff; /*#edebdf;*/
}

div#outer {
  background-color: transparent;
  width: 100%;
  position: relative;
  height: 100%;
}

div#inner {
  background-color: #ffffff; /*#edebdf;*/
  /*width: 100%;*/
}

div#inner.width_fixed {
  /*border-left: 10px solid #ffffff;
   border-right: 10px solid #ffffff;*/
}

/*---------------------------*/
/*--- Site Width Settings ---*/
/*---------------------------*/
.width_fixed {
  width: 780px;
  margin: auto;
}

.width_fluid {
  width: auto;
}

#page_body.width_fluid, #header_inner.width_fluid, #footer_inner.width_fluid {
  width: 98%;
  width: 100%;
  margin: auto;
}

#inner.width_fmax #page_body.width_fluid, #inner.width_fmax #header_inner.width_fluid, #inner.width_fmax #footer_inner.width_fluid {
  width: 100%;
  margin: auto;
}

.width_fmax {
  min-width: 780px;
  max-width: 1050px;
  margin: auto;
}

#inner.width_fmax {
  min-width: 750px;
  max-width: 1050px;
  /*margin-top: 15px;*/
}

/*--- Common Style Classes ---*/
.hidden {
  display: none;
}

.centre * {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.nowrap {
	white-space: nowrap;
}

/*---------------------------*/
/*--- Curved Corner Boxes ---*/
/*---------------------------*/
/*--- Box Round Corner - Big ---*/
/*.box_round_corner_big .corner_bl {
 background: 0 100% no-repeat #cdd3d3;
 background-image: url(../images/common/crv_01-00_bl.gif);
 width: 30%;
 }
 .box_round_corner_big .corner_br {
 background: 100% 100% no-repeat;
 background-image: url(../images/common/crv_01-00_br.gif);
 }
 .box_round_corner_big .corner_tl {
 background: 0 0 no-repeat;
 background-image: url(../images/common/crv_01-00_tl.gif);
 }
 .box_round_corner_big .corner_tr {
 background: 100% 0 no-repeat;
 background-image: url(../images/common/crv_01-00_tr.gif);
 padding: 10px;
 }*/
/*--- Box Round Corner - Small ---*/
/*.box_round_corner_small .corner_bl {
 background: 0 100% no-repeat #C5D2E3;
 background-image: url(../images/common/crvs_01-00_bl.gif);
 width: 10em;
 }
 .box_round_corner_small .corner_br {
 background: 100% 100% no-repeat;
 background-image: url(../images/common/crvs_01-00_br.gif);
 }
 .box_round_corner_small .corner_tl {
 background: 0 0 no-repeat;
 background-image: url(../images/common/crvs_01-00_tl.gif);
 }
 .box_round_corner_small .corner_tr {
 background: 100% 0 no-repeat;
 background-image: url(../images/common/crvs_01-00_tr.gif);
 padding: 5px;
 }*/
/*-----------------------------*/
/*--- Curved Corner Borders ---*/
/*-----------------------------*/
/*--- Round Corner Border - Big ---*/
/*.box_round_corner_border_big .border_t {
 background: 0 0 repeat-x #fafafa;
 background-image: url(../images/common/pxl_08.gif);
 width: 80%;
 }
 .box_round_corner_border_big .border_t * {
 text-align: left;
 }
 .box_round_corner_border_big .border_b {
 background: 0 100% repeat-x;
 background-image: url(../images/common/pxl_08.gif);
 }
 .box_round_corner_border_big .border_l {
 background: 0 0 repeat-y;
 background-image: url(../images/common/pxl_08.gif);
 }
 .box_round_corner_border_big .border_r {
 background: 100% 0 repeat-y;
 background-image: url(../images/common/pxl_08.gif);
 }
 .box_round_corner_border_big .corner_bl {
 background: 0 100% no-repeat;
 background-image: url(../images/common/cln_01-08_bl.gif);
 }
 .box_round_corner_border_big .corner_br {
 background: 100% 100% no-repeat;
 background-image: url(../images/common/cln_01-08_br.gif);
 }
 .box_round_corner_border_big .corner_tl {
 background: 0 0 no-repeat;
 background-image: url(../images/common/cln_01-08_tl.gif);
 }
 .box_round_corner_border_big .corner_tr {
 background: 100% 0 no-repeat;
 background-image: url(../images/common/cln_01-08_tr.gif);
 padding: 10px;
 }*/
/*--- Round Corner Border - Small ---*/
/*.box_round_corner_border_small .border_t {
 background: 0 0 repeat-x #fafafa;
 background-image: url(../images/common/pxl_08.gif);
 width: 80%;
 }
 .box_round_corner_border_small .border_t * {
 text-align: left;
 }
 .box_round_corner_border_small .border_b {
 background: 0 100% repeat-x;
 background-image: url(../images/common/pxl_08.gif);
 }
 .box_round_corner_border_small .border_l {
 background: 0 0 repeat-y;
 background-image: url(../images/common/pxl_08.gif);
 }
 .box_round_corner_border_small .border_r {
 background: 100% 0 repeat-y;
 background-image: url(../images/common/pxl_08.gif);
 }
 .box_round_corner_border_small .corner_bl {
 background: 0 100% no-repeat;
 background-image: url(../images/common/scln_01-08_bl.gif);
 }
 .box_round_corner_border_small .corner_br {
 background: 100% 100% no-repeat;
 background-image: url(../images/common/scln_01-08_br.gif);
 }
 .box_round_corner_border_small .corner_tl {
 background: 0 0 no-repeat;
 background-image: url(../images/common/scln_01-08_tl.gif);
 }
 .box_round_corner_border_small .corner_tr {
 background: 100% 0 no-repeat;
 background-image: url(../images/common/scln_01-08_tr.gif);
 padding: 8px;
 }*/
/*------------------------------------------*/
/*--- Curved Corner Drop Shoadow Borders ---*/
/*------------------------------------------*/
/*--- Round Corner Border Shadow - Big ---*/
/*.box_round_corner_border_shadow_big .border_t {
 background: 0 0 repeat-x #fafafa;
 background-image: url(../images/common/cls_01-08_t.gif);
 width: 80%;
 margin: auto;
 }
 .box_round_corner_border_shadow_big .border_t * {
 text-align: left;
 }
 .box_round_corner_border_shadow_big .border_b {
 background: 0 100% repeat-x;
 background-image: url(../images/common/cls_01-08_b.gif);
 }
 .box_round_corner_border_shadow_big .border_l {
 background: 0 0 repeat-y;
 background-image: url(../images/common/cls_01-08_l.gif);
 }
 .box_round_corner_border_shadow_big .border_r {
 background: 100% 0 repeat-y;
 background-image: url(../images/common/cls_01-08_r.gif);
 }
 .box_round_corner_border_shadow_big .corner_bl {
 background: 0 100% no-repeat;
 background-image: url(../images/common/cls_01-08_bl.gif);
 }
 .box_round_corner_border_shadow_big .corner_br {
 background: 100% 100% no-repeat;
 background-image: url(../images/common/cls_01-08_br.gif);
 }
 .box_round_corner_border_shadow_big .corner_tl {
 background: 0 0 no-repeat;
 background-image: url(../images/common/cls_01-08_tl.gif);
 }
 .box_round_corner_border_shadow_big .corner_tr {
 background: 100% 0 no-repeat;
 background-image: url(../images/common/cls_01-08_tr.gif);
 padding: 14px;
 }*/
/*-------------------*/
/*--- Page Header ---*/
/*-------------------*/
#header {
  background: 0 -7px repeat-x url(../images/header_gdt.gif) #00528F;
  height: 130px;
  clear: both;
  display: block;
  z-index: 90;
  position: relative;
}

#header * {
  z-index: 90;
}

#header_inner {
  background: transparent;
  margin: auto;
}

#headbar {
  background-color: transparent;
  width: 100%;
  /*height: 125px;*/
  height: 100px;
  /*border: 1px solid red;*/
}

#headbar .title {
  display: none;
  position: relative;
  text-align: center;
  letter-spacing: 0.1em;
  height: 60px;
  top: 40px;
  /*-- Hide when using the Flash Movie Header --*/
  /*display: none;*/
}

#headbar .title h1 {
  font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ededed;
  text-transform: none;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 30px;
}

#headbar .title h2 {
  font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ededed;
  text-transform: none;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 14px; /*18px;*/
}

/*--- Header box allows you to divide the header area up if necessary ---*/
.header_box, .header_box_centre {
  background: transparent;
  width: 20%;
  float: left;
  height: 100%;
}

.header_box_centre {
  width: 60%;
  width: 100%;
}

.header_box { /*-- Hide when using the Flash Movie Header --*/
  display: none;
}

/*--- Header Movie ---*/
#header_movie {
  display: block;
  /*display: none;*/
  background-color: transparent;
  margin: auto;
  width: 200px;
  height: 95px;
}

#header_static {
  background: 50% 2px no-repeat url("../images/header_alt.gif") #00528F;
  margin: auto;
  width: 200px;
  height: 95px;
  display: block;
}

/*--- Navbar ---*/
#navbar {
  background-color: transparent;
  height: 25px;
  padding-top: 5px;
}

#navbar_inner {
  /*background: 0 0 repeat-x url(../images/navbar.gif) #202020;*/
  background: transparent;
  /*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
  font-family: "Calibri", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  /*color: #e1e1e1;*/
  height: 25px;
  /*border-bottom: 3px solid #cccccc;*/
  float: right;
}

#navbar_root {
  background-color: transparent;
  text-align: center;
  letter-spacing: 2px;
  list-style: none;
  padding-left: 30px;
  /*padding-right: 30px;*/
  padding-right: 15px;
}

#navbar li {
  z-index: 100; /*--- Pull navigation above the page content in IE ---*/
  background-color: transparent;
  position: relative;
  list-style: none;
  display: inline;
  float: left;
}

#navbar li a {
  /*background: 0 0 repeat-x url(../images/navbar.gif) #202020;*/
  /*color: #e1e1e1;*/
  color: #ffffff;
  display: block;
  text-decoration: none;
  width: auto;
}

/*--- left spacer image is applied to the home button ---*/
#navbar li a.home {
  /*background: 0 -4px no-repeat url(../images/navspacer.gif) transparent;*/
}

#navbar li a span {
  /*background: 100% -4px no-repeat url(../images/navspacer.gif) transparent;*/
  border-left: 1px solid #ffffff;
  /*color: #e1e1e1;*/
  color: #ffffff;
  display: block;
  padding: 0 4px 0 6px;
  text-decoration: none;
  width: auto;
}

#navbar li a.home span {
  /*background: 0 -4px no-repeat url(../images/navspacer.gif) transparent;*/
  border-left: 0px solid #ffffff;
}

#navbar li a:hover span, #navbar li a:active span, #navbar li:hover a span {
  /*background: 0 0 repeat-x url(../images/navbar_hover.gif) #393939;*/
  background: #0a64a7;
  /*height: 19px;*/
  cursor: pointer;
}

#navbar li.current_section a span {
  /*background: 0 0 repeat-x url(../images/navbar_hover.gif) #393939;*/
  color: #ffffff;
}

#navbar li ul {
  /*background: 100% 0 repeat-y;
   background-image: url(../images/nav_shadow_r.gif);*/
  background-color: #0a64a7; /*#393939;*/
  /*filter: alpha(opacity=85);
   -moz-opacity: 0.85;
   opacity: 0.85;*/
  position: absolute;
  visibility: hidden;
  text-align: right;
  /*top: 28px;*/
  top: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  /*left: 0px;*/
  /*right: 0px;*/
  right: -1px;
  /*right: -4px;*/
  width: 150px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  /*padding-right: 5px;*/
}

#navbar li ul li {
  background-color: transparent;
  display: inline;
  float: none;
}

#navbar li ul li a {
  background: transparent;
  background-color: #0a64a7; /*#393939;*/
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 3px;
  padding-left: 7px;
  padding-right: 14px;
  white-space: nowrap;
  /*width: 179px;*/
  width: 129px;
}

#navbar li ul li a:hover {
  background-color: #0c75c3; /*#004477;*/
}

/*--- hide second level menu ---*/
#navbar li:hover ul ul, #navbar li.sfhover ul ul {
  visibility: hidden;
}

#navbar li li ul {
  background-color: #0a64a7; /*#393939;*/
  position: absolute;
  /*filter: alpha(opacity=85);*/
  /*-moz-opacity: 1.00;
   opacity: 1.00;*/
  /*top: 9px;*/
  top: 7px;
  /*margin-right: 200px;*/
  margin-right: 151px;
  float: right;
  width: 200px;
}

#navbar li ul li ul li a {
  width: auto;
}

#navbar_root li:hover ul, #navbar_root li li:hover ul, #navbar_root li.sfhover ul, #navbar_root li li.sfhover ul {
  visibility: visible;
  letter-spacing: 0.01em;
}

/*-----------------*/
/*--- Page Body ---*/
/*-----------------*/
#page_body {
  z-index: 50; /*--- Pull navigation above the page content in IE ---*/
  position: relative;
  /*
   font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;
   */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #ffffff; /*#f7f6f0;*/
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3px;
  background: 0 100% no-repeat url(../images/globe_tl_slice.gif) transparent;
  width: auto;
  overflow: visible;
}

/*--- Floor hack used to ensure the page_body div is full height.
 This allows you to apply a background colour to #page_body
 that gives the left and right columns full height effect ---*/
.floor {
  background-color: red;
  font-size: 0px;
  line-height: 0px;
  width: 100%;
  height: 0px;
  clear: both;
  /*outline: solid red;*/
}

#column_left, #column_right {
  background-color: transparent;
  font-size: 13px;
  text-align: left;
  /*--- Width defined in the page to allow dynamic assignment ---*/
  /*width: 170px;*/
}

#column_left {
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
}

#column_right {
  position: absolute;
  float: right;
  top: 0px;
  right: 0px;
}

.column_box {
  background: transparent;
  width: auto;
  padding: 5px;
  padding-top: 10px;
  overflow: hidden;
  border: 0px solid red;
}

/*--- Round Corner Border - Small ---*/
.column_box .border_t {
  background: 0 0 repeat-x #fafafa;
  background-image: url(../images/pxl_10.gif);
  width: 100%;
}

.column_box .border_t * {
  text-align: left;
}

.column_box .border_b {
  background: 0 100% repeat-x;
  background-image: url(../images/pxl_10.gif);
}

.column_box .border_l {
  background: 0 0 repeat-y;
  background-image: url(../images/pxl_10.gif);
}

.column_box .border_r {
  background: 100% 0 repeat-y;
  background-image: url(../images/pxl_10.gif);
}

.column_box .corner_bl {
  background: 0 100% no-repeat;
  background-image: url(../images/scln_column_box_bl.gif);
}

.column_box .corner_br {
  background: 100% 100% no-repeat;
  background-image: url(../images/scln_column_box_br.gif);
}

.column_box .corner_tl {
  background: 0 0 no-repeat;
  background-image: url(../images/scln_column_box_tl.gif);
}

.column_box .corner_tr {
  background: 100% 0 no-repeat;
  background-image: url(../images/scln_column_box_tr.gif);
  padding: 5px;
}

/*--- Column Box Header ---*/
.column_box .column_box_head h1 {
  font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: transparent;
  color: #474531;
  font-size: 13px;
  font-weight: bold;
  /*border-bottom: 3px solid #00528F;*/
}

.nav .column_box_head h1 {
  font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: transparent;
  /*
   color: #ededed;
   color: #00528F;
   */
  color: #333333;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  border-bottom: none;
}

.column_box .column_box_head {
  background-color: #333333;
  padding: 3px;
  text-align: center;
}

.column_box .column_box_inner {
  background: #ebebeb;
  padding: 5px;
  /*
   font-size: 0px;
   margin: 0px;
   border: 0px;
   line-height: 0px;
   */
}

.column_box .column_box_content {
  background: #f1f1f1;
  padding: 3px;
}

/*--- Menu ---*/
/*-- UI Overrides --*/
#menu .ui-accordian, #menu .ui-corner-top, #menu .ui-corner-all, #menu .ui-corner-bottom {
  border: none;
  -moz-border-radius: 0 0 0 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
}

#menu .ui-accordion-content, #menu .ui-accordion-content-active {
  padding: 0 0 0 0;
}

#menu .ui-state-active .ui-icon, #menu .ui-state-default .ui-icon {
  display: none;
  background: none;
}

#menu .ui-accordion-li-fix {
  display: block;
}

#menu ul, #menu {
  font-size: 13px;
  background: transparent;
  list-style: none;
  line-height: 1.5;
}

#menu li a {
  background: transparent;
  text-decoration: none;
  color: #474531;
  /*display: block;*/
}

#menu li {
  border-bottom: 1px solid #dedede;
  text-indent: 8px;
}

#menu li.selected {
  background: #dcdcdc;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

#menu li.selected a:active {
  background: #dcdcdc;
}

#menu .submenu ul li {
  background: #ffffff;
  /*padding-left: 5px;*/
}

#menu .submenu ul li a:active {
  background: #ffffff;
}

#menu .submenu ul.submenu {
	text-indent: 0px;
}
#menu .submenu ul li ul.submenu li {
  background: #ffffff;
  padding-left: 0px;
	border-bottom: 0px solid #dedede;
	border-top: 1px solid #dedede;
  text-indent: 16px;
}

/*--------------------*/
/*--- Content Area ---*/
/*--------------------*/
.bread {
  background: transparent;
  /*padding-left: 10px;
   padding-top: 0px;*/
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  /*height: 25px;*/
}

.bread span.bread_width {
  padding-left: 10px;
}

.bread a {
  text-decoration: none;
  color: #00528F;
}

/*.bread_width {
 width: auto;
 background-color: green;
 }*/
#bread_outer {
  height: 32px;
}

#bread_outer.bread {
  font-family: "Calibri", arial, helvetica, sans-serif;
  /*background: #efefef;*/
  background: transparent;
  /*filter: alpha(opacity=100);*/
  /*-moz-opacity: 0.65;*/
  /*opacity: 1;*/
  color: #00528F;
  height: 20px;
  padding-top: 6px;
  padding-bottom: 4px;
  display: block;
  z-index: 10;
  border-top: 2px solid #cecece;
}

#bread_end {
  background: #ffffff;
  /*padding: 6px 50px 9px 0px;*/
  padding: 6px 5px 9px 0px;
}

#bread_inner.bread {
  background: transparent;
  /*color: #c1c1c1;*/
  color: #00528F;
  display: block;
}

#bread_overlay {
  background: #efefef;
  position: absolute;
  top: 0; /*Spreads this class across its container*/
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  filter: alpha(opacity = 65);
  opacity: .65;
  height: 32px;
  width: 100%;
}

#content {
  /*position: relative;
   top: 10px;*/
  z-index: 100; /*--- Pull navigation above the page content in IE ---*/
  /*background-color: #ffffff;*/
  background-color: transparent;
  float: none;
  width: auto;
  /*--- Margins for left / right columns ---*/
  /*margin-left: 171px;
   margin-right: 171px;*/
  /*height: 100%;*/
}

#content h2 {
  /*border-bottom: 10px solid #ffffff;
   border-top: 12px solid #ffffff;*/
  margin-bottom: 10px;
  margin-top: 12px;
}

.content_box {
  background: transparent;
  width: auto;
  padding: 10px;
  /*height: 100%;*/ /*-- IE FIX - Breaks equal height footer --*/
  border: 0px solid red;
}

.Portal .content_box {
  height: 100%;
}

.content_box a {
  text-decoration: none;
  color: #474531;
}

.content_box h1 {
  /*background-color: #f5f5f5;*/
  background-color: transparent;
  /*font-size: 20px;*/
  font-size: 30px;
  font-weight: normal;
  width: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  /*padding-left: 3px;
   padding-right: 3px;*/
  margin-bottom: 5px;
}

.content_box h2 {
  font-size: 17px;
  font-weight: normal;
}

.content_box ul {
  font-size: 12px;
  list-style: none;
}

/*-----------------------*/
/*--- Article Columns ---*/
/*-----------------------*/
#three_columns.content_box_column {
  position: relative;
  background-color: transparent;
  width: auto;
  margin: auto;
  height: 100%;
  /*border: 3px solid #f5f5f5;*/
}

.content_box_column_inner {
  background-color: #fafafa;
}

.content_box_column .column_left, .content_box_column .column_centre, .content_box_column .column_right {
  background-color: transparent;
  display: inline;
  float: left;
  width: 30%;
  /*padding: 5px;*/
  /*padding: 0.5em;*/
  /*padding: 1.49%;*/
  padding: 2.1%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: auto;
  height: 100%;
}

/*.content_box_column .column_left,*/
.content_box_column .column_centre {
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

.content_box_column .column_left {
  padding-left: 0.5%;
}

.content_box_column .column_right {
  padding-right: 0.5%;
}

.content_box_column h1 {
  background-color: #dedede;
  /*color: #fafafa;*/
  font-size: 16px;
  font-weight: normal;
  width: auto;
  /*padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 0px;
   padding-right: 0px;
   margin-bottom: 5px;*/
}

/*--- TABS ---*/
.content_box_column h2, #tabs h2 {
  background-color: transparent;
  /*color: #ea0000;*/
  font-weight: bold;
  font-size: 13px;
  width: auto;
}

#tabs h3 {
  margin-top: 15px;
  font-size: 13px;
  font-weight: bold;
}

#tabs {
  margin-bottom: 10px;
}

.ui-tabs-hide {
  display: none;
}

.ui-tabs-nav {
  height: 22px;
  border-bottom: 0px solid #dedede;
}

.ui-tabs-nav li {
  background: 0 50% repeat-x url(../images/tab_gdt.gif) #ececec;;
  float: left;
  padding: 4px 8px 3px 8px;
  /*border-right: 2px solid #ffffff;*/
  border-top: 1px solid #ffffff;
  /*border-bottom: 0px solid #b7b7b7;*/
  margin-right: 2px;
  font-size: 11px;
}

.ui-tabs-nav li:hover {
  border-top: 1px solid #ff8040;
}

.ui-tabs-panel {
  clear: both;
  border: 2px solid #dedede;
  width: 99%;
}

.ui-tabs-nav li.ui-tabs-disabled {
  background: #f5f5f5;
}

.ui-tabs-nav li.ui-tabs-selected {
  background: 0 -1px repeat-x url(../images/tab_selected.gif) #dedede;
  /*border-right: 2px solid #ffffff;*/
  margin-right: 2px;
  /*border-bottom: 0px solid #dedede;*/
  border-top: 1px solid #ffae3c;
  z-index: 100;
}

#tabs a {
  color: #777777;
}

#tabs .ui-tabs-selected a {
  color: #444444;
}

#tabs ul.checklist {
  background: transparent;
  /*-width: 240px;*/
  width: 35%;
  float: right;
  padding-left: 10px;
}

#tabs .column_left {
  background: transparent;
  /*width: 450px;*/
  /*width: 405px;*/
  width: 60%;
  /*height: 100%;*/
  float: left;
  text-align: justify;
  padding: 8px;
}

.content_box_column p {
  padding-top: 3px;
  padding-bottom: 3px;
}

.content_box_column ul {
  list-style-type: square;
  list-style-position: inside;
  padding: 5px 0 5px 0;
  width: 100%;
}

.content_box_column li { /*list-style: square url(../images/li_checkbox.gif) inside;*/
}

/*--- TABS ---*/
/*.content_box_column h2, #tabs h2 {
 background-color: transparent;
 font-weight: bold;
 font-size: 13px;
 width: auto;
 }
 
 #tabs { margin-bottom: 10px; }
 .ui-tabs-hide { display: none; }
 .ui-tabs-nav {
 height: 22px;
 border-bottom: 0px solid #dedede;
 }
 .ui-tabs-nav li {
 background: #ececec;
 float: left;
 padding: 3px 8px 2px 8px;
 margin-right: 2px;
 }
 .ui-tabs-panel {
 clear: both;
 padding: 8px;
 border: 2px solid #dedede;
 width: 95%;
 }
 .ui-tabs-nav li.ui-tabs-disabled {
 background: #f5f5f5;
 }
 .ui-tabs-nav li.ui-tabs-selected {
 background: #dedede;
 border-bottom: 2px solid #dedede;
 z-index: 100;
 }
 #tabs a { color: #888888; }
 #tabs .ui-tabs-selected a { color: #444444; }
 
 #tabs ul.checklist {
 width: 250px;
 float: right;
 }
 #tabs .column_left {
 width: 450px;
 float: left;
 text-align: justify;
 }*/
/*ul.checklist {
 list-style-position: inside;
 list-style-image: url(../images/li_checkbox.gif);
 padding-left: 5px;
 }
 .checklist li {
 height: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
 }
 .checklist a {
 padding-left: 5px;
 vertical-align: top;
 }*/
#logo_box {
  background-color: transparent;
  width: auto;
  height: 100px;
  margin: auto;
  border: 3px solid #f5f5f5;
}

#logo_box .logo {
  border-style: none;
  padding: 10px;
  vertical-align: bottom;
  text-align: center;
}

#logo_box .logo_left {
  width: 49%;
  float: left;
  text-align: center;
}

#logo_box .logo_right {
  width: 49%;
  float: right;
  text-align: center;
}

.image {
  border-style: none;
  padding: 10px;
  vertical-align: bottom;
  text-align: center;
}

/*--- Forms ---*/
.form_area {
  background: #e9e8d9;
  border: 5px solid #cfcdaf;
  padding: 10px;
  margin-bottom: 10px;
}

form * {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

fieldset {
  margin: 6px 0;
  border: none;
  padding: 3px;
}

fieldset fieldset {
  border: none;
  border-bottom: 1px solid #dadada;
}

fieldset.no_border {
  margin: 0px;
  border: none;
}

legend {
  background: transparent;
  color: #000000;
  margin: 3px 3px;
  font-weight: bold;
}

legend .d {
  color: red;
  background: #ffffff;
  padding: 1px 10px;
}

div.form_row { /*--- keeps multi-line legend and input aligned ---*/
  clear: both;
  margin-top: 2px;
  margin-bottom: 2px;
  vertical-align: middle;
}

/*--- Form Labels ---*/
label {
  color: #666666;
  vertical-align: middle;
}

label.label_left {
  width: 110px;
  float: left;
  text-align: right;
  padding: 0 5px;
  /*clear: left;*/
  margin-bottom: 5px;
}

label.label_top {
  width: 100%;
  float: left;
  clear: right;
  text-align: left;
  padding: 0 5px;
  margin-top: 5px;
  margin-bottom: 2px;
}

fieldset.narrow label.label_left {
  width: 70px;
  float: left;
  /*text-align: right;*/
  padding: 0 5px;
  /*clear: left;*/
  margin-bottom: 5px;
}

label.label_left_top {
  width: 110px;
  float: left;
  text-align: right;
  padding: 0 5px;
  vertical-align: Top;
}

label.label_right {
  float: left;
  text-align: left;
  padding: 0 5px;
  margin: 0px;
}

/*--- Form Input ---*/
input:focus, textarea:focus, select:focus {
  background-color: #ffffcc;
  /*background: 0 0 repeat-x url(../images/input_gdt_c2.gif) #ffffcc;*/
  color: #000000;
}

div input, div textarea, div select {
  float: none;
  padding: 1px;
}

/* will not work in IE but prevents checkbox/radio border issue and the inableity to style IE select fields */
/* Redundant now the tep_draw_checkbox_field and tep_draw_radio_field have been assigned a class identifier */
input[type = text], div input[type = text], div input[type = password], div textarea, div select {
  border: 1px solid #d0d0d0;
}

fieldset div {
  padding: 0px;
  display: block;
  font-size: small;
}

fieldset div input, fieldset div textarea, fieldset div select {
  float: none;
  padding: 1px;
  /*background: 0 0 repeat-x url(../images/input_gdt.gif) #ffffff;*/
}

fieldset div select, fieldset div select.select_field {
  border: 1px solid #d0d0d0;
  width: 256px;
}

fieldset div input.checkbox_field, fieldset div input.radio_field {
  border: none;
  width: 19px;
  text-align: right;
  vertical-align: middle;
}

fieldset div input.checkbox_field {
  margin-left: 115px;
}

#form_register fieldset div input.checkbox_field {
  margin-left: 0px;
}

fieldset div input, fieldset div textarea, fieldset div select, fieldset div textarea, fieldset div select {
  border: 1px solid #d0d0d0;
  float: none;
  width: 250px;
}

fieldset div select, fieldset div select {
  width: 256px;
}

fieldset div input.narrow, fieldset div textarea.narrow, fieldset div select.narrow, fieldset.narrow div textarea, fieldset.narrow div select {
  float: none;
  width: 150px;
}

fieldset div select.narrow, fieldset.narrow div select {
  width: 156px;
}

fieldset div input.wide, fieldset div textarea.wide {
  float: none;
  width: 400px;
}

fieldset div select.wide {
  float: none;
  width: 406px;
}

fieldset div.textbox {
  background: #e8e8e8;
  border: 1px solid #d0d0d0;
  width: 250px;
  float: left;
  font-size: 13px;
  padding: 1px;
  min-height: 16px;
}

fieldset div.narrow {
  width: 150px;
}

fieldset div.wide {
  width: 400px;
}

#job_ticket_record_list_form .cancelled {
  background: #ffffff;
  color: red;
  font-weight: bold;
  padding: 0 10px;
}

/*--- Form Buttons ---*/
div.form_buttons {
  background-color: transparent;
  padding-left: 5px;
  padding-right: 5px;
}

div.form_buttons .css_button {
  float: right;
  margin-left: 3px;
  margin-top: 3px;
}

.form_buttons input, .page_top_buttons input, .table_buttons input, span.css_button {
  background: 0 50% repeat-x url("../images/button_gdt.gif") #555555;
  color: #ffffff;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border: 0px solid #777777;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000;
  width: auto;
  overflow: visible; /*-- Fix IE button width --*/
}

/*-- Table Button --*/
table span.css_button, div.table_buttons .css_button {
  padding-bottom: 2px;
  font-size: 10px;
  font-weight: normal;
  float: right;
  margin-left: 3px;
}

form div.table_buttons .css_button {
  font-size: 10px;
  padding-bottom: 0px;
  padding-top: 1px;
}

/*-- Toolbar Button --*/
div#tool_bar {
  background: 0 0 repeat-x url("../images/toolbar_gdt.gif") transparent;
  height: 25px;
  margin-bottom: 10px;
  border-top: 1px solid #ededed;
  padding-bottom: 3px;
}

div#tool_bar .tool_bar_buttons input {
  background-color: transparent;
  margin-top: 2px;
  padding-left: 25px;
  padding-right: 5px;
  overflow: visible;
}

div#tool_bar .tool_bar_buttons {
  float: left;
}

div#tool_bar .period_select .tool_bar_buttons input {
  padding-left: 5px;
}

div#tool_bar div.tool_bar_item {
  background-color: transparent;
  position: relative;
  float: left;
  border-right: 2px solid #dedede;
  bottom: 1px;
}

div#tool_bar div.tool_bar_item select {
	font-size: 12px;
  height: 19px;
	float: left;
  margin-top: 3px;
	/*margin-right: 5px;*/
	/*width: 90px;*/
}

div#tool_bar div.tool_bar_item .checkbox_field {
	/*font-size: 12px;*/
  /*height: 19px;*/
  float: left;
	top: 5px;
	
  border: none;
  width: 19px;
  text-align: left;
  vertical-align: middle;
}

div#tool_bar div.tool_bar_item option {
  padding-left: 5px;
}

div#tool_bar div.tool_bar_select, div#tool_bar div.tool_bar_checkbox {
  padding-left: 5px;
	padding-right: 5px;
	/*top: 3px;*/
}

#tool_bar img.button_icon_16 {
  position: static;
  left: 5px;
  top: 5px;
  clear: right;
}

/*-- Toolbar Button Icons --*/
#tool_bar input#button_address_add {
  background: url("../images/icons/building_add.gif") no-repeat 5px 2px;
}

#tool_bar input#button_file_upload {
  background: url("../images/icons/page_white_get.png") no-repeat 5px 2px;
}

#tool_bar input#button_folder_new {
  background: url("../images/icons/folder_add.png") no-repeat 5px 2px;
}

#tool_bar input#button_folder_up {
  background: url("../images/icons/arrow_turn_up.gif") no-repeat 5px 2px;
}

#tool_bar input#button_back {
  background: url("../images/icons/arrow_left.gif") no-repeat 5px 2px;
}

#tool_bar input#button_show_details {
  background: url("../images/icons/application_view_detail.gif") no-repeat 5px 2px;
}

#tool_bar input#button_hide_details {
  background: url("../images/icons/application_view_list.gif") no-repeat 5px 2px;
}

#tool_bar input#button_attach,
#tool_bar input#button_attached,
#tool_bar input#button_attachments {
  background: url("../images/icons/attach.gif") no-repeat 5px 2px;
}

#tool_bar input#button_attach {
  /*filter: alpha(opacity = 70);
  opacity: 0.70;*/
}
/*-- Register Link Button --*/
div.register_link {
  font-size: 15px;
  text-align: center;
  float: left;
  width: 38%;
  padding: 2%;
}

div.register_link .css_button {
  padding: 20px;
  padding-top: 2px;
  padding-bottom: 3px;
}

div.register_link h2 {
  font-size: 15px;
}

div.register_link a:hover {
  text-decoration: none;
  color: #fafafa;
}

.css_button {
  cursor: pointer;
}

/*.imgbutton input {
 width: auto;
 }
 .button input {
 width: auto;
 padding: 1px 5px 1px 5px;
 border: 1px solid #eeeeee;
 background: #666666;
 color: #eeeeee;
 }
 #fm-submit, fm-reset {
 display: block;
 }
 #fm-submit input, #fm-reset input{
 float: right;
 width: 100px;
 padding: 1px;
 }
 fieldset #fm-submit input, fieldset #fm-reset input{
 float: right;
 width: 100px;
 padding: 1px;
 }*/ /*--- Form Types ---*/ /*div.fm-multi input {
 width: 20px;
 vertical-align: middle;
 }
 div.fm-multi label {
 display: block;
 clear: both;
 padding-left: 120px;
 text-align: left;
 font-size: 11px;
 vertical-align: middle;
 }*/
#login_box, #password_reset_box, #logout_box {
  /*float: left;*/
  width: 250px;
  margin-left: auto;
  margin-right: auto;
}

/*--- Message Box ---*/
img.file_icon_16, img.icon_16 {
  vertical-align: -2px;
  margin: 0;
  padding: 0;
  border: none
}

img.icon_15 {
  vertical-align: -4px;
  margin: 0;
  padding: 0;
  border: none
}

div.messagebox_error, div.messagebox_warning, div.messagebox_success, div.messagebox_info, div.messagebox {
  margin-bottom: 10px;
  padding: 5px;
  width: 98%;
}

div.messagebox_error .content, div.messagebox_warning .content, div.messagebox_success .content, div.messagebox_info .content, div.messagebox .content {
  line-height: 1.2em;
  margin-left: 21px;
  text-align: left;
}

div.messagebox_error, div.error {
  /*background-color: #FE4743;*/
  background-color: #f5f5f5;
  border: 2px solid #dd0000;
  /*color: #ffffff;*/
  color: #444444;
}

div.messagebox_warning, div.warning {
  background-color: #f5d852;
  border: 2px solid #cf8516;
  color: #000000;
}

div.messagebox_success, div.success {
  background-color: #b4dfac;
  background-color: #eff9ed;
  border: 2px solid #329d1d;
  color: #000000;
}

div.messagebox_info, div.info {
  /*background-color: #ffffff;*/
  background-color: #feffa5;
  border: 2px solid #f5d762; /*#357EBF;*/
  /*color: #357EBF;*/
  color: #333333;
}

div.messagebox_error h1, div.messagebox_error img, div.messagebox_warning h1, div.messagebox_warning img, div.messagebox_success h1, div.messagebox_success img, div.messagebox_info h1, div.messagebox_info img, .messagebox .icon img {
  font-size: 12px;
  font-weight: bold;
  float: left;
  padding-right: 5px;
}

/*-------------------*/
/*--- Page Footer ---*/
/*-------------------*/
#footer {
  background-color: #ffffff;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #00528F; /*#878787;*/
  /*border-top: 3px solid #ffffff;*/
  /*height: 40px;*/
  height: 80px;
  clear: both;
  border: 0px;
  padding: 0px;
  /*border: 1px solid green;*/
  /*outline: 1px solid;
   outline-color: invert;*/
}

#footer_inner {
  background: transparent;
  height: 80px;
  padding: 0px;
  /*border: 1px solid blue;*/
}

#footbar {
  /*background: 0 0 repeat-x url(../images/footbar.gif) transparent;*/
  background: 0 0 no-repeat url(../images/globe_bl_slice.gif) transparent;
  margin: auto;
  /*height: 36px;*/
  /*height: 74px;*/
  height: 80px;
  padding: 0px;
}

#footbar a {
  color: #00528F; /*#878787;*/
  text-decoration: none;
}

.footer_left {
  background: transparent;
  text-align: left;
  /*width: 45%;*/
  /*width: 200px;*/
  width: 9%;
  height: 80px;
  float: left;
  /*border: 1px solid red;*/
  font-size: 0px;
}

.footer_right {
  background: transparent;
  text-align: right;
  /*width: 45%;*/
  width: 90%;
  float: right;
  /*border: 1px solid red;*/
  height: 77px;
  padding: 3px 3px 0 0;
}

.footer_right div {
  display: block;
  border-right: 1px solid #00528F;
  padding: 0 10px;
  float: right;
}

.footer_right div.end {
  border-right: 0px;
}

#accreditations {
  display: block;
  background: 0 0 no-repeat url(../images/accreditations.gif) transparent;
  font-size: 0px;
  width: 300px;
  height: 40px;
  border: none;
  float: right;
  padding-bottom: 10px;
}

#footer_text {
  display: block;
  clear: right;
  float: right;
  border-right: none;
  padding: 0px;
  height: 27px;
  width: 100%;
}

#footer_text div {
  white-space: nowrap;
}

#page_body a:link {
}

ul.checklist {
  list-style-type: none;
  padding: 5px 0 5px 0;
  width: 100%;
}

.checklist li {
  background: url("../images/li_checkbox.gif") no-repeat 0 2px;
  padding-left: 1.6em;
  padding-top: 2px;
  padding-bottom: 2px;
}

#contact_us_background {
  background: 0 0 no-repeat url("../images/contact_us_bg.jpg") transparent;
  display: inline-block;
  position: absolute;
  bottom: 100px;
  right: 30px;
  z-index: -10;
  overflow: hidden;
  width: 400px;
  height: 286px;
  /*outline: 1px solid yellow;*/
}

#contact_us div.form_area {
  position: relative;
  width: 265px;
  /*margin: auto;*/
  float: left;
  /*margin-left: 50px;*/
  background-color: #ffffff;
  border: none;
  top: -25px;
  filter: alpha(opacity = 90);
  opacity: .90;
}

#contact_us div.form_area fieldset fieldset {
  border: none;
}

#contact_us_box {
  background-color: transparent;
  font-size: 12px;
  height: 350px;
  width: 250px;
  /*clear: both;*/
  float: left;
  padding-left: 15px;
  margin-right: 8%;
  /*filter: alpha(opacity=90);
   opacity:.90;*/
}

#contact_us_address {
  /*width: 48%;*/
  /*float: left;*/
}

#contact_us_address pre {
  /*font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

#contact_us_other {
  /*width: 48%;*/
  /*float: right;*/
  padding-top: 10px;
  line-height: 1.5em;
}

#contact_us_other .tel_number, #contact_us_other .fax_number {
  font-weight: bold;
}

#contact_us_other .contact_us_label {
  display: inline-block;
  width: 50px;
  font-weight: bold;
  color: #888888;
}

#googleMap {
  margin-top: 15px;
  border: 1px solid #dfe0e1;
  /*border: 1px solid #00528F;
   border-top: 6px solid #00528F;*/
}

p.googleMapLabel {
  font-size: 10px;
  color: #888888;
}

/*-- Portfolio Project Details --*/
#experience_background {
  /*display: none;*/
  /*background-color: transparent;*/
  margin: auto;
  position: relative;
  top: -32px;
  z-index: -10;
  /*border: 1px solid yellow;*/
  /*line-height: 1px;
   font-size: 0px;*/
  overflow: hidden;
  /*width: 100%;*/
  /*height: 100%;*/
}

#experience_static {
  display: none;
  width: 100%;
}

/*img#experience_static {
 position: relative;
 width: 100%;
 height: 100%;
 display: table-cell;
 vertical-align: middle;
 }*/
#experience_static_noscript {
  display: block;
  width: 100%;
}

#globe_top_slice {
  display: block;
  position: absolute;
  width: 200px;
  height: 117px;
  bottom: -1px;
  left: 0px;
  padding: 0px;
  background: 0 100% no-repeat url(../images/globe_tl_slice.gif) transparent;
}

#experience_content_box {
  background: transparent;
  display: block;
  padding: 0px;
  position: absolute;
  top: 32px;
  /*left: 100px;
   width: 413px;*/
  /*border: 1px solid yellow;*/
  margin-bottom: 0px;
  display: none;
}

#experience_overlay {
  /*background:#efefef;*/
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  filter: alpha(opacity = 90);
  opacity: .90;
  /*height: 280px;
   height: 100%;*/
  width: 100%;
  font-size: 0px;
}

.experience_container {
  /*font-family: "Calibri", arial, helvetica, sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: transparent;
  color: #000000;
  padding: 3px 10px 10px 3px;
  width: 400px;
}

#experience_content_box .experience_container h2 {
  background-color: transparent;
  font-size: 20px;
  border: 0px;
  padding: 5px 0 8px 8px;
}

.experience_images {
  width: 306px;
  height: 306px;
  float: right;
  padding-right: 18px;
}

.experience_images img {
  /*background-color: #f5f5f5;
   border: 1px solid #e5e5e5;
   width: 300px;
   padding: 10px;*/
}

.gallery_nav {
  padding: 0 5px 0 5px;
  text-align: center;
  font-size: 13px;
}

.experience_container .gallery_nav {
  float: right;
}

.gallery_nav a {
  padding: 0 5px 0 5px;
}

.experience_info {
  float: left;
  width: 400px;
}

table.experience {
  font-size: 13px;
  border: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

table.experience th {
  /*background-color: #f2f2f2;*/
  /*color: #888888;*/
  /*font-size: 11px;*/
  /*font-weight: normal;*/
  width: 100px;
  text-align: left;
  vertical-align: top;
  padding: 5px;
}

/*-- Project block quotes --*/
.experience_container blockquote {
  background-color: transparent;
  color: #888888;
  font-family: Georgia;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  padding: 10px;
  margin: 10px 10px 10px 2px;
}

.bqstart, .bqend {
  font-size: 25px;
  font-weight: bold;
  color: #dedede;
  line-height: 0.75em;
  height: 100%;
  width: 16px;
  /*border: 1px solid green;*/
}

.bqstart { /*float: left;*/ /*display: block;*/
}

.bqend { /*float: right;*/
}

.testimonial p { /*text-indent: 1em;*/
}

.testimonialby {
  display: block;
  padding-top: 20px;
}

/*--- Project Sector Box ---*/
#business_sector_wrapper {
  padding: 30px;
  padding-left: 37px;
  width: 949px;
  margin: auto;
  /*border: 1px solid red;*/
}

div.business_sector_box {
  background-color: transparent;
  width: 300px;
  float: left;
  margin: 7px;
}

/*.business_sector_box .business_sector_box_content {
 height: 251px;
 }*/
.business_sector_box .business_sector_box_head h1 {
  background-color: transparent;
  color: #474531;
  font-size: 20px;
  font-weight: bold;
  border-bottom: none;
}

div#business_sector_1 h1 {
  color: #ffffff;
}

#business_sector_1 {
  background: 0 100% no-repeat url(../images/portfolio_public_intro.jpg) #ffffff;
}

#business_sector_2 {
  background: 0 100% no-repeat url(../images/portfolio_education_intro.gif) #ffffff;
}

#business_sector_3 {
  background: 0 100% no-repeat url(../images/portfolio_commercial_intro.jpg) #ffffff;
}

#business_sector_1 a, #business_sector_2 a, #business_sector_3 a {
  cursor: pointer;
  display: block;
}

/*--- Sector Box Header ---*/
.business_sector_box .business_sector_box_head .border_t {
  background: 0 0 repeat-x transparent; /*#00528F;*/
  background-image: url(../images/pxl_00528F.gif);
  width: 100%;
  border-top: 10px solid #00528F;
}

/*.business_sector_box .business_sector_box_head .border_t * {
 text-align: center;
 }*/
.business_sector_box .business_sector_box_head .border_l {
  background: 0 0 repeat-y;
  background-image: url(../images/pxl_00528F.gif);
}

.business_sector_box .business_sector_box_head .border_r {
  background: 100% 0 repeat-y;
  background-image: url(../images/pxl_00528F.gif);
}

.business_sector_box .business_sector_box_head .corner_tl {
  /*background: 0 0 no-repeat;
   background-image: url(../images/scln_business_sector_box_tl.gif);*/
}

.business_sector_box .business_sector_box_head .corner_tr {
  /*background: 100% 0 no-repeat;
   background-image: url(../images/scln_business_sector_box_tr.gif);*/
  padding: 3px;
}

/*--- Column Box Content ---*/
.business_sector_box .business_sector_box_content .border_b {
  background: 0 100% repeat-x transparent; /*#fafafa;*/
  background-image: url(../images/pxl_00528F.gif);
  width: 100%;
}

.business_sector_box .business_sector_box_content .border_l {
  background: 0 0 repeat-y;
  background-image: url(../images/pxl_00528F.gif);
}

.business_sector_box .business_sector_box_content .border_r {
  background: 100% 0 repeat-y;
  background-image: url(../images/pxl_00528F.gif);
}

.business_sector_box .business_sector_box_content .corner_bl {
  /*background: 0 100% no-repeat;*/
  /*background-image: url(../images/scln_business_sector_box_bl.gif);*/
}

.business_sector_box .business_sector_box_content .corner_br {
  background: 100% 100% no-repeat;
  background-image: url(../images/cln_20_00528F_br.gif);
  padding: 10px;
  height: 231px; /*251px less 20px padding*/
}

#business_sector_background_outer {
  /*width: 100%;
   height: 100%;
   background: yellow;*/
}

#business_sector_background_outer .business_sector_1 {
  background: 0 100% no-repeat url(../images/portfolio_public_bg_large.jpg) transparent;
}

#business_sector_background_outer .business_sector_2 {
  background: 100% 100% no-repeat url(../images/portfolio_education_bg.jpg) transparent;
}

#business_sector_background_outer .business_sector_3 {
  background: 100% 100% no-repeat url(../images/portfolio_commercial_bg_large.jpg) transparent;
}

#business_sector_background {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: -10;
  overflow: hidden;
  /*width: 350px;
   height: 350px;*/
  width: 800px;
  height: 800px;
  /*outline: 1px solid yellow;*/
}

.business_sector_overlay {
  background: #efefef;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  filter: alpha(opacity = 85);
  opacity: .85;
  /*height: 280px;
   height: 100%;*/
  width: 100%;
  font-size: 0px;
  display: none;
}

table.experience_list {
  width: 780px;
  /*background: #ffffff;
   filter: alpha(opacity=90);
   opacity: 0.90;*/
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  /*font-wight: bold;*/
  font-weight: 900;
  font-size: 13px;
}

table.experience_list td {
  /*border: 2px solid #cccccc;*/
  background: #efefef;
  filter: alpha(opacity = 85);
  opacity: 0.85;
  /*padding: 10px;*/
  padding-left: 8px;
  padding-right: 8px;
  /*height: 30px;*/
}

table.experience_list td a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}

/*-- Product Images --*/
.product_images {
  width: 222px;
  height: 222px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
}

.product_images img {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  width: 200px;
  padding: 10px;
}

/*-- Services --*/
#services_background {
  display: inline-block;
  position: absolute;
  background: 100% 100% no-repeat url('../images/services_bg.jpg');
  bottom: 0px;
  right: 0px;
  z-index: -10;
  overflow: hidden;
	width: 533px;
	height: 492px;
}

#services_cycle {
  position: relative;
  background: 0 0 no-repeat url('../images/services-cycle-sprite.jpg');
  width: 400px;
  height: 400px;
  margin: auto;
}

#services-cycle-alt-nav a {
  position: absolute;
  text-decoration: none;
}

#services-cycle-alt-nav a span {
  visibility: hidden;
}

a#services_1 {
  width: 170px;
  height: 170px;
  left: 115px;
  top: 115px;
}

a#services_2 {
  width: 262px;
  height: 274px;
  left: 138px;
  top: 0px;
}

a#services_3 {
  width: 338px;
  height: 183px;
  left: 63px;
  top: 218px;
}

a#services_4 {
  width: 197px;
  height: 349px;
  left: 0px;
  top: 0px;
}

a#services_1:hover, a#services_2:hover, a#services_3:hover, a#services_4:hover {
  border: none;
}

a#services_1:hover {
  background: -115px -515px no-repeat url('../images/services-cycle-sprite.jpg');
}

a#services_2:hover {
  background: -138px -800px no-repeat url('../images/services-cycle-sprite.jpg');
}

a#services_4:hover {
  background: 0 -1600px no-repeat url('../images/services-cycle-sprite.jpg');
}

a#services_3:hover {
  background: -63px -1418px no-repeat url('../images/services-cycle-sprite.jpg');
}

#service_function_pane {
  background: transparent;
  position: relative;
  width: 600px;
  /*height: 200px;*/
}

#service_function_pane ul h3 {
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #00528F;
  height: 16px;
}

#service_function_pane ul h3 a {
  color: #00528F;
}

#service_function_pane .ui-icon-minus, #service_function_pane .ui-icon-plus {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  overflow: hidden;
  top: 50%;
  margin-top: -8px;
  left: -16px;
}

#service_function_pane .ui-icon-minus {
  background: -64px 50% no-repeat url(../images/ui_arrow_474531_160x16.gif);
}

#service_function_pane .ui-icon-plus {
  background: -32px 50% no-repeat url(../images/ui_arrow_474531_160x16.gif);
}

#service_function_pane ul {
  padding-bottom: 20px;
}

#service_function_pane ul ul {
  list-style-position: inside;
  list-style-type: disc;
}

#service_function_pane .ui-widget-content {
  border: none;
  background: transparent;
}

#service_function_pane .ui-accordion-header {
  background: none;
  border: none;
}

#service_function_summary {
  width: 300px;
  float: left;
  /*border-top: 3px solid #00528F;
   border-bottom: 1px solid #00528F;*/
  margin-right: 10px;
  padding: 5px 0 5px 0;
  padding: 0px;
  font-size: 14px;
}

#service_function_competencies {
  position: relative;
  /*background: #ffffd5;*/
  width: 260px;
  /*padding: 0 10px 10px 10px;*/
  padding: 10px;
  float: right;
  border-top: 1px solid #474531;
  border-bottom: 1px dotted #474531;
}

#service_function_competencies h2 {
  color: #000000;
  color: #e38d04;
  left: -16px;
}

#service_function_competencies_overlay {
  background: #ffffd5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  filter: alpha(opacity = 80);
  opacity: .80;
  width: 100%;
}

/*-- Table Styles --*/
table.table {
  background-color: #f5f5f5;
  border-spacing: 0px;
  border-collapse: collapse;
  /*border: 1px solid #cdcdcd;*/
  border: 0px solid #cdcdcd;
  font-size: 11px;
  margin-bottom: 10px;
  /*width: auto;*/
  width: 100%;
}

table.file_manager {
  border: 0px solid #cdcdcd;
  width: 99.8%;
}

table.table th {
  color: #666666;
  border-bottom: 2px solid #cdcdcd;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 5px;
  font-weight: normal;
}

.th_category {
  width: 200px;
  font-weight: bold;
  text-align: left;
  color: #000000;
}

table.table td {
  padding: 2px;
  color: #000000;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  text-align: center;
}

table.table td.column_first {
  border-left: none;
}

table.file_manager th {
  padding-left: 6px;
  padding-right: 6px;
}

table.file_manager td {
  /*padding: 2px;
   color: #000000;*/
  border-bottom: 1px solid #e5e5e5;
  border-left: 0px solid #e5e5e5;
  /*text-align: center;*/
  padding-left: 6px;
  padding-right: 6px;
}

table.file_manager td.icon {
  padding-left: 2px;
  padding-right: 0px;
}

table .column_left, table.table td.column_left {
  text-align: left;
}

table .column_right, table.table td.column_right {
  text-align: right;
}

table .user_category td {
  border-left: 1px solid #cdcdcd;
}

/*-- alternate row style --*/
tr.tr_1 td {
  background-color: #fefefe;
}

table.file_manager td {
  background-color: #ffffff;
}

/*-- row hover effect --*/
#file_explorer tr:hover td, #portal table.latest_job_tickets tr:hover td, #job_ticket tr:hover td {
  background-color: #fcfeb8;
}

tr.cancelled td, tr.cancelled td a {
  color: #7f7f7f;
  text-decoration: line-through;
}

table.latest_job_tickets {
  border: 5px solid #ebebeb;
  font-size: 11px;
}

table.latest_job_tickets td {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 2px;
}

table.table td a {
  display: block;
}

/*-- List style table --*/
table.table_list {
  border-spacing: 0px;
  border-collapse: collapse;
  border: 5px solid #ebebeb;
  font-size: 11px;
  margin-bottom: 10px;
}

table.table_list caption, table.latest_job_tickets caption {
  color: #474531;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  margin-top: 10px;
}

table.table_list tbody.thlist th, table.table_list tfoot.thlist th {
  font-weight: bold;
  vertical-align: baseline;
  color: #666666;
  background-color: #fafafa;
  border-right: 2px solid #CDCDCD;
  border-bottom: 1px solid #e1e1e1;
  text-align: right;
  padding-right: 3px;
}

table.table_list tbody.thlist td {
  padding: 3px;
  font-weight: normal;
  vertical-align: baseline;
  background-color: #ffffff;
  border-bottom: 1px solid #e1e1e1;
}

table.table_list tfoot.thlist th {
  border-top: 2px solid #e1e1e1;
}

table.table_list tfoot.thlist td {
  padding: 2px;
  font-weight: normal;
  vertical-align: baseline;
  background-color: #fafafa;
  border-top: 2px solid #CDCDCD;
  border-bottom: 1px solid #e1e1e1;
}

/*-- Graphs --*/
div.graph_bar {
  background: url('../images/graph_bar.gif') repeat-x scroll 0 50% #DB5600;
  border-right: 3px solid #ffffff;
  height: 14px;
  vertical-align: middle;
  display: block;
  text-align: left;
  float: left;
}

/*-- Address Book --*/
#content div.site_block {
  background-color: #fbfbfb;
  /*border: 1px solid #cdcdcd;*/
  border: 5px solid #ebebeb;
  /*border: 1px solid #cdcdcd;
   border-bottom: 1px solid #888888;
   border-right: 1px solid #888888;*/
  margin-bottom: 16px;
  padding: 8px;
  width: 750px;
  max-width: 750px;
}

#content div.alt_1 {
  background-color: #fefefe;
}

.site_block .site_title {
  border-bottom: 2px solid #cdcdcd;
  width: auto;
  padding: 3px;
  /*margin-bottom: 3px;*/
  font-weight: bold;
}

#content .site_block .site_title h2 {
  background-color: transparent;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 0px solid #ffffff;
  border-top: 0px solid #ffffff;
}

#content .site_block h3 {
  /*font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #cccccc;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  text-indent: 3px;
  margin-top: 3px;
  border: 1px solid #ececec;
}

.site_block .address {
  width: 30%;
  float: left;
  padding: 3px;
}

.site_block .contact {
  width: 20%;
  float: left;
  display: block;
  padding: 3px;
}

.site_block .comments {
  width: 47%;
  float: left;
  padding: 3px;
}

.site_block div.buttons {
  /*display: block;
   height: 30px;*/
  clear: both;
}

span.site_title_stat {
  /*font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica, sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  float: right;
  padding-left: 8px;
}

/*-- Paginiation --*/
.page_nav_bar {
  display: block;
  height: 20px;
  width: auto;
  /*background: #ededed;*/
  padding: 0px 10px;
  margin-bottom: 10px;
  border: 0px solid #dddddd;
  background: 0 -3px repeat-x url("../images/toolbar_gdt.gif") transparent;
  height: 25px;
  margin-top: 3px;
}

/*#file_explorer #tool_bar .page_nav_bar,*/
#tool_bar .page_nav_bar { /*-- Transparent page nav bar --*/
  background: transparent;
  border: 0px solid #dddddd;
  margin-top: 3px;
}

#file_explorer .page_nav_bar { /*-- Bottom File Explorer Nav --*/
  background: 0 -3px repeat-x url("../images/toolbar_gdt.gif") transparent;
  height: 25px;
  margin-top: 3px;
  border: 0px solid #cdcdcd;
}

.page_nav_bar_inner {
  background: transparent;
  height: 100%;
  display: block;
  float: right;
}

.page_nav_bar a:hover {
  text-decoration: none;
}

.page_nav_current, .page_nav_total {
  color: #000000;
}

.page_nav_first, .page_nav_prev, .page_nav_next, .page_nav_last {
  text-transform: capitalize;
}

.page_nav_bar img {
  vertical-align: -3px;
  padding-top: 1px;
  filter: alpha(opacity = 50);
  opacity: 0.5;
}

.page_nav_bar a img {
  filter: alpha(opacity = 100);
  opacity: 1.0;
}

/*-- File Explorer --*/
#content h2.file_path {
  font-family: "Calibri", arial, helvetica, sans-serif;
  color: #888888;
  font-size: 15px;
  border: 0px;
  position: relative;
  top: -5px;
  border-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

img.file_thumb {
  display: block;
  clear: right;
  color: transparent;
  background: transparent;
}

.icon_fade {
  filter: alpha(opacity = 25);
  opacity: 0.25;
}

/*-- Icons --*/
span.attachments span,
span.files_attach,
span.files_attached {
  display: none;
}

span.attachments,
a.files_attach,
a.files_attached {
  background: 50% 50% no-repeat url(../images/icons/attach.gif) transparent;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0px;
  margin: 0px;
  border: none;
  vertical-align: middle;
}

span.attention_required {
	display: none;
}

span.attention_required_icon {
	background: 50% 50% no-repeat url(../images/icons/exclamation.gif) transparent;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0px;
  margin: 0px;
  border: none;
  vertical-align: middle;
}

/*-- Index Page --*/
/*--- Index Box ---*/
#index_box_wrapper {
  padding-top: 30px;
  padding-left: 37px;
  width: 890px;
  margin: auto;
}

div.index_box {
  background-color: transparent;
  width: 200px;
  float: left;
  margin: 7px;
}

/*.index_box .index_box_content {
 height: 251px;
 }*/
.index_box .index_box_head h1 {
  background-color: transparent;
  color: #474531;
  font-size: 20px;
  font-weight: bold;
  border-bottom: none;
}

#index_box_2 {
  background: 50% -5px no-repeat url(../images/site_section_2.jpg) #ffffff;
}

#index_box_3 {
  background: 50% 40% no-repeat url(../images/site_section_3.jpg) #ffffff;
}

#index_box_4 {
  background: 0 100% no-repeat url(../images/site_section_4.jpg) #ffffff;
}

#index_box_5 {
  background: 50% 8px no-repeat url(../images/site_section_5.jpg) #ffffff;
}

#index_box_2 a, #index_box_3 a, #index_box_4 a, #index_box_5 a {
  cursor: pointer;
  display: block;
}

/*--- Sector Box Header ---*/
.index_box .index_box_head .border_t {
  background: 0 0 repeat-x transparent; /*#00528F;*/
  background-image: url(../images/pxl_00528F.gif);
  width: 100%;
  border-top: 6px solid #00528F;
}

/*.index_box .index_box_head .border_t * {
 text-align: center;
 }*/
.index_box .index_box_head .border_l {
  background: 0 0 repeat-y;
  background-image: url(../images/pxl_00528F.gif);
}

.index_box .index_box_head .border_r {
  background: 100% 0 repeat-y;
  background-image: url(../images/pxl_00528F.gif);
}

.index_box .index_box_head .corner_tl {
  /*background: 0 0 no-repeat;
   background-image: url(../images/scln_index_box_tl.gif);*/
}

.index_box .index_box_head .corner_tr {
  /*background: 100% 0 no-repeat;
   background-image: url(../images/scln_index_box_tr.gif);*/
  padding: 3px;
}

/*--- Column Box Content ---*/
.index_box .index_box_content .border_b {
  background: 0 100% repeat-x transparent; /*#fafafa;*/
  background-image: url(../images/pxl_00528F.gif);
  width: 100%;
}

.index_box .index_box_content .border_l {
  background: 0 0 repeat-y;
  background-image: url(../images/pxl_00528F.gif);
}

.index_box .index_box_content .border_r {
  background: 100% 0 repeat-y;
  background-image: url(../images/pxl_00528F.gif);
}

.index_box .index_box_content .corner_bl {
  /*background: 0 100% no-repeat;*/
  /*background-image: url(../images/scln_index_box_bl.gif);*/
}

.index_box .index_box_content .corner_br {
  background: 100% 100% no-repeat;
  background-image: url(../images/cln_20_00528F_br.gif);
  padding: 10px;
  /*height: 231px;*/ /*251px less 20px padding*/
  height: 121px;
}

#index_content {
  background: 50% 0 no-repeat url(../images/index_panel_t.jpg);
  padding-top: 40px;
  width: 890px;
  margin: auto;
}

#index_content_inner {
  background: 50% 100% no-repeat url(../images/index_panel_b.jpg);
  padding-bottom: 40px;
  width: 890px;
  height: 100%;
}

/*
 #index_content h1, #index_content h2 {
 text-align: center;
 }
 */
#index_content h1 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 0px;
}

#index_content h2 {
  font-size: 15px;
  font-weight: bold;
  margin-top: 5px;
  color: #888888;
}

#index_content #about {
  width: 60%;
  float: left;
  padding-left: 50px;
  font-size: 14px;
}

#index_content #address {
  width: 30%;
  float: right;
}

#address pre {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#address pre .tel_number {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
}

#address pre .tel_number .tel_number_label {
  display: inline-block;
  font-size: 16px;
  width: 50px;
  color: #888888;
}

#select_customer_form select option {
  font-family: "Courier New", monospace;
}

/*-- News --*/
#latest_news_outer {
	width: 100%;
}

#news_description {
	font-size: 16px;
	color: #666666;
	margin-bottom: 10px;
}

#news_item_detail, 
#news_items {
	width: 650px;
	margin: auto;
}

#latest_news_outer h2.news_item_heading {
	font-size: 21px;
	font-weight: bold;
}

#latest_news_outer h3 {
  font-size: 18px;
  font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
}

#latest_news_outer h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 3px;
}

#latest_news_outer .news_item_date {
	color: #73704F;
	margin-bottom: 6px;
}

#latest_news_outer .news_item {
	margin-bottom: 40px;
	padding: 6px;
}

#news_item_detail .news_item,
#latest_news_outer .featured_news_item {
	padding: 12px;
	background: #f5f5f5;
	background: #ffffd5;
	/*opacity: .8;*/
	border-radius: 6px;
	font-size: 15px;
}

.news_item_description {
	height: 100%;
}

#news_item_detail h2.news_item_heading, 
#latest_news_outer .featured_news_item h2.news_item_heading {
	/*border-bottom: 2px solid #cdcdcd;*/
	border-bottom: 2px solid #EBD77F;
}

/*-- NEWS TICKER --*/
#news_ticker_hscroll {
	width: 800px;
  height: 20px;
  /*border-bottom: 2px solid #EEEEEE;
  margin-left: 10px;
  margin-right: 10px;*/
	margin: auto;
}

/* liScroll styles */
#news_ticker_hscroll .tickercontainer { /* the outer div */
  background: transparent;
  width: auto; 
  height: 20px; 
  margin: 0; 
  padding: 0;
  overflow: hidden;
  margin-left: 5px;
  margin-right: 5px;
}

#news_ticker_hscroll .tickercontainer .mask {
  position: relative;
  /*left: 10px;*/
  /*top: 8px;*/
	top: 2px;
  width: 100%;
  overflow: hidden;
}

#news_ticker_hscroll ul.newsticker {
  position: relative;
  left: 650px;
  /*font: bold 10px Verdana;*/
  font-size: 13px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#news_ticker_hscroll ul.newsticker li {
  float: left; /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  padding: 0;
  background: transparent;
}

#news_ticker_hscroll ul.newsticker a {
  white-space: nowrap;
  padding: 0;
  /*font: bold 10px Verdana;*/
  font-size: 13px;
  font-weight: bold;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  margin: 0 400px 0 0;
	text-decoration: none;
	color: #474531;
	/*color: #0082D4;*/
}

#news_ticker_hscroll ul.newsticker span {
  margin: 0 10px 0 0;
} 

/*-- UI overrides --*/
/* Component containers
 ----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
}

/*.ui-widget { font-family: Helvetica, Arial, sans-serif;}*/
.ui-widget .ui-widget {
  font-size: 0.8em;
}

.ui-widget-content {
  border: 3px solid #aaaaaa;
  background: #ffffff;
  color: #222222;
}

.ui-widget-header {
  border: 0px solid #aaaaaa;
  background: #cccccc;
  color: #222222;
  font-weight: bold;
}

/* Interaction states
 ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

/*
 * jQuery UI Datepicker 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
  font-size: 10px;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 16px;
}

/*.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
 .ui-datepicker .ui-datepicker-next-hover { right:1px; }*/
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display /**/:block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
top:
  -4px; /*must have*/
left:
  -4px; /*must have*/
width:
  200px; /*must have*/
height:
  200px; /*must have*/
}

/* Interaction Cues
 ----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
  color: #363636;
}

/* Icons
 ----------------------------------*/
/* states and images */
/*.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }*/
/* states and images */
/*.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
 .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
 .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
 .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
 .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
 .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
 .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
 .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }*/
.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png);
}

/* positioning */
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
