/* Reset Style.
* @author Eric Meyer
* @author Russ Tennant (russ@i2rd.com)
* @author Ben Barber (bbarber@i2rd.com)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;}
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}
/*
Basic Styles: styles.css
Client: Capstone
Author: psd2html and Vivian Clark (vclark@i2rd.com)
*/

body {
  margin: 0;
  padding: 0 0 30px;
  background-color: #cfd0d0;
  color: #3f3e3e;
  font: 11px/14px Tahoma, Arial, sans-serif;
}

.page {
  background: url(/resources/all/files/37942/_fn/main-bg.gif) repeat-y -1px;
  width: 900px;
  margin: 6px auto 0;
  overflow: hidden; /* for bg */
}
#e_content {
  width: 900px;
  background: url(/resources/all/files/37944/_fn/main-nav-bg.jpg) no-repeat -1px 0;
}

/* header  ---------------------------------------------------------------*/

#header {
  width: 888px;
  overflow: hidden;
  margin: 0 auto;
  background: url(/resources/all/files/37914/_fn/header-bg.jpg) no-repeat 0 51px;
}
#template446 #header {
  width: 888px;
  overflow: hidden;
  margin: 0 auto;
  background: url(/resources/dyn/files/157856/_fn/header_about.jpg) no-repeat 0 51px;
}
#bip #header {
  width: 888px;
  overflow: hidden;
  margin: 0 auto;
  background: url(/resources/dyn/files/152772/_fn/header_bg_bip.jpg) no-repeat 0 51px;
}
#ats #header {
  width: 888px;
  overflow: hidden;
  margin: 0 auto;
  background: url(/resources/dyn/files/152790/_fn/header_bg_ats.jpg) no-repeat 0 51px;
}
#business_engineering #header {
  width: 888px;
  overflow: hidden;
  margin: 0 auto;
  background: url(/resources/dyn/files/152791/_fn/header_bg_be.jpg) no-repeat 0 51px;
}
#template449 #header {
  width: 888px;
  overflow: hidden;
  margin: 0 auto;
  background: url(/resources/dyn/files/157856/_fn/header_about.jpg) no-repeat 0 51px;
}



/* main menu ---------------------------------------*/

#main_menu ul {
  float: left;
  margin: 7px 0 0;
  padding: 0;
  position: relative;
  width: 888px;
  z-index: 1;
}
#main_menu li {
  display: inline;
  font: bold 11px Arial, sans-serif;
  padding: 0 2.3em 1.3em;
  position: relative;
  text-transform: uppercase;
  z-index:10;
}
#main_menu li a {
  color: #252525;
  text-decoration: none;
  display: block;
  padding: 18px 0 0;
  text-align: center;
}

#main_menu li.over,
#main_menu li.mi_active {
  background: url(/resources/dyn/files/153565/_fn/newnavibg.gif) repeat-x left center; 
}
#main_menu li.over li {
  background: none;
}

#main_menu li a:hover,
#main_menu li.mi_active a,
#main_menu li.over a {
  color: #fff;
}
#main_menu li.mi_parent li a {
  color: #252525;
  padding: 5px 0 5px 10px;
  width: 97px;
}
#main_menu li.long_navi li a {
  width: 149px;
}
#main_menu li.long_navi a {
  width: 13em;
  padding: 12px 0 0;
}
#main_menu li.long_navi {
 padding: 0 9px 6px; 
  height: 40px;
}
#main_menu {
  position: relative;
  z-index: 2;
}

/* drop-down -----------------------------------------*/

#main_menu ul ul {
  position: absolute;
  top: 46px;
  left: 0px;
  z-index: 100;
  margin: 0;
  padding: 0;
  width: 106px;
  background: url(/resources/all/files/37904/_fn/dropdown-bg.png) repeat;
  border: 1px solid #ebeeef;
  border-bottom: none;
}

#main_menu li.long_navi ul {
  width: 159px;
}
#main_menu li ul li {
  padding: 0;
  font: 10px Arial, sans-serif;
  padding: 0;
  text-transform: none;
  border-bottom: 1px solid #ebeeef;
  background: none;
  width: 100%;

}
#main_menu li ul li a {
  display: block;
  padding: 3px 0 3px 10px;
  text-align: left; /* reset align */
  background-image: none;
  display: block;
}
#main_menu li ul li a:hover {
  background: #0d95cf url(/resources/all/files/37906/_fn/dropdown-rollover.png) repeat-y right center;
  color: #fff;
}


/* login  ---------------------------*/

#main_menu li.login {
  background: url(/resources/all/files/37938/_fn/login-bg.gif) no-repeat top right;
  height: 46px;
  width: 108px;
  float: left;
  padding: 0 0 0 23px;
}
#main_menu li.login a {
  background: url(/resources/all/files/37896/_fn/btn-login.gif) no-repeat;
  color: #fff;
  width: 64px;
  height: 20px;
  display: block;
  text-decoration: none;
  font: bold 10px Arial, sans-serif;
  letter-spacing: -1px;
  margin: 11px 0pt 0pt 28px;
  padding: 8px;
        
} 

/* logo -------------------------------- */
#logo_container {
  clear: both;
  width: 888px;
  position: relative; /* for positioning logo and slogan */
  height: 259px;
  z-index: 1;
}
#logo {
  position: absolute;
  top: 66px;
  left: 62px;
  z-index: 2;
  background: url(/resources/all/files/37940/_fn/logo.gif) no-repeat;
}
#bip #logo {
  top: 33px;
  left: 48px;
}
#ats #logo, #business_engineering #logo, #template446 #logo, #template449 #logo {
  top: 43px;
  left: 41px;
}
#logo h1 {
  margin: 0;
  padding: 0;
}
#logo,
#logo a {
  width: 122px;  
  height: 122px;
}
#logo a {
  text-indent: -9999px;
  overflow: hidden;
  display: block; /* for width and height */
}

/* slogan ---------------------------------- */
#ats #slogan, #bip #slogan, #business_engineering #slogan {
  display: none;
}
#slogan {
  position: absolute;
  top: 110px;
  left: 237px;
  width: 280px;
}
#slogan h2 {
  margin: 0;
  padding: 0 0 3px;
  color: #454444;
  font: bold 15px Arial, sans-serif;  
  letter-spacing: -1px;
  text-transform: none;
}
#slogan p {
  margin: 0;
  padding: 0 0 0 2px;
  color: #979696;
  font: 10px Tahoma, Arial, sans-serif
}

/* breadcrumb --------------------- */
#breadcrumb {
  float: left;
}
#breadcrumb ol {
  margin: 0;
  padding: 14px 0 0 18px;
  float: left;
}
#breadcrumb ol li {
  float: left;
  display: inline;
  padding: 0 12px;
  background: url(/resources/all/files/38126/_fn/arrow_grey.gif) no-repeat 0 5px;
}
#breadcrumb ol li.root {
  background-image: none;
  padding-left: 0;
}
#breadcrumb ol li a {
    color: #393939;
}
#breadcrumb ol li.current {
  color: #ed4005;
  background: url(/resources/all/files/37888/_fn/arrow.gif) no-repeat 0 3px;
}

/* employee login ------------------------ */
#employee_login {
  height: 13px;
  padding: 2px 7px 4px;
  border: 1px solid #dedede;
  float: right;
  margin: 11px 11px 0 0;
  display: inline; /* Fixes IE6 double margin bug */
}
#employee_login a {
  color: #ed4005;
  text-decoration: none;
  background: url(/resources/all/files/37922/_fn/ico-lock.gif) no-repeat 0 2px;
  padding: 0 0 0 14px;
}
#employee_login a:hover {
  text-decoration: underline;
}
/* columns ------------------------------------------------------------- */
#e_column_0 {
  width: 888px;
  margin: 15px auto 0;
  background: url(/resources/all/files/37936/_fn/left-col-bg.gif) repeat-y 9px 0;
}
#one_col_template #e_column_0 {
  background: none;
}
#body {
  width: 820px;
  margin: 0 auto;
}
/* column1 --------------------- */

#column1 {
  float: left;
  width: 202px;
  background: url(/resources/all/files/38116/_fn/column1_top.gif) no-repeat top left;
  margin: 0 0 0 9px;
  display: inline; /* Fixes IE6 double margin bug */
  padding: 0pt 0px 50px 0px;
}
#column1 .textbean {
  padding: 15px 15px 0;
}

/* column 2 ---------------------- */
#column2 {
  float: left;
  width: 642px;
  padding: 10px 10px 30px 16px;
  display: inline; /* fixes IE6 double margin bug */
}

/* footer --------------------------------------------------------------*/

/* print and mail links ---------------- */
.printpagebean,
.emailpage {
  float: left;
}
.emailpage {
  padding: 13px 0 15px 20px;
}
.printpagebean {
  padding: 13px 0 15px 5px;
}
.emailpage a,
.print_button a {
  overflow: hidden;
  display: block;
  text-indent: -9999px;
  height: 16px;
  width: 16px;
}
.emailpage a {
  background: url(/resources/all/files/37924/_fn/ico-mail.gif) no-repeat;
}
.print_button a {
  background: url(/resources/all/files/37928/_fn/ico-print.gif) no-repeat;
}
/*  footer container--------------------- */
#footer_container {
  float: left;
  width: 899px;
  height: 44px;
  background: url(/resources/all/files/37908/_fn/footer-bg.gif) no-repeat;
}
/* address --------------------------*/
#footer_address {
  float: left;
  color: #737373;
  padding: 13px 0 0 25px;
}
#footer_address address {
  font-style: normal;
}
#footer_address a {
  color: #737373;
  text-decoration: none;
}
#footer_address a:hover {
  text-decoration: underline;
}
/* copyright -------------------------*/
#footer_copyright {
  float: right;
}
#footer_copyright p {
  margin: 0;
  padding: 13px 25px 0 0;
  color: #737373;

}

/* general styles ---------------------------------------------------*/
a {
  color: #006699;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1, h2, h3, h4, h5 {
  color: #505050;
  font-weight: bold;
  font-family: "Trebuchet MS", Arial, sans-serif;
}
h1 {
  font-size: 1.8em;
}
h2 {
  margin: 0;
  padding: 0 0 21px;
  font-size: 1.6em;
  text-transform: uppercase;
}
h3 {
  font-size: 1.5em;
  padding: 0 0 15px;
}
h4 {
  font-size: 1.4em;
  padding: 0 0 12px;
}
h5 {
  font-size: 1.3em;
  padding: 0 0 10px;
}
p {
  margin: 0;
  padding: 0 0 15px;
}
li {
  list-style: disc;
  list-style-position: inside;
  padding-left: 10px;
}
ul {
  margin-bottom: 15px;
}
.services ul li {
  margin-bottom: 15px;
}
.services ul li ul li {
  margin-bottom: 0px;
}
img {
  border: none;
}
a:focus {
  outline:none;
}
form {
  margin: 0;
  padding: 0;
}

/* table styles -------------*/

.textbean table {
  width: 100%;
  margin: 0px 0 15px;
}
#answers table {
  width: 180px;
  margin: 0px 0 15px;
  border: solid #cccccc 1px;
}
#answers td {
  padding: 0 5px;
  border: solid #cccccc 1px;
  border-right: none;
  border-bottom: none;
  font-weight: bold;
}
.textbean td,
.textbean th {
  padding: 5px;
}
.textbean th {
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
}

#column1 .textbean td {
  border-bottom: 1px solid white;
}
.iprotect td {
  border: 1px solid #ddd;
}
/* seminar title */
#seminar_registration_title h2 {
  padding-bottom: 10px;
}

/* misc */
.normalcase {
  text-transform: none;
}

div.services table td {
  vertical-align: top;
}
/* submenu styles --------------------------*/

#sub_menu {
  padding: 7px 0 0;
  margin: 6px 0 0;
}
#sub_menu ul {
  margin: 0;
  padding: 0;
}
#sub_menu ul li {
  list-style: none;
  font: bold 11px "arial narrow", arial, sans-serif;
  padding: 5px 5px 5px 10px;
  width: 187px;
  float: left;
}
#sub_menu ul li a {
  text-decoration: none;
  color: #1c5c76;
  text-transform: uppercase;
  display: block;
}
#sub_menu li.mi_inactive ul {
  display: none;
}
#sub_menu li.mi_active ul {
  display: block;
}

/* active state */
#sub_menu ul li.mi_active {
  background: #D2D2D2  url(/resources/all/files/37912/_fn/gray-rollover-top.gif) no-repeat;
}

#sub_menu ul li a:hover,
#sub_menu ul li.mi_active a {
  background: url(/resources/all/files/37900/_fn/bullet.gif) no-repeat center left;
  padding-left: 12px;
}

#sub_menu li.mi_active ul {
  display: block;
}
#sub_menu li.mi_active li {
  background: none;
}
#sub_menu li.mi_inactive ul {
  display: none;
}
#sub_menu li.mi_active ul li a {
  background: none;
  text-transform: none;
}
#sub_menu li.mi_active ul li:hover a {
  text-decoration: underline;
}


/*homepage sub menu styles */
#dip_home #sub_menu ul ul {
  display: block;
}
div.ep_popup {
 position: absolute;
 left: 50%;
 top: 0;
 padding-top: 1em;
 margin: 0 0 0 -17em;
 height: 98%;
}
div.ep_popup  div.ep_email_form {
 width: 34em;
 margin: 0;
 border: 1px black solid;
 background: #f9f9f9;
 opacity: 1;
}
div.ep_email_form .status_messages .ep_email_errors {
  border: 1px solid #EFE795;
  padding: 0 0.5em;
}
div.ep_email_form .status_messages .error {
  color: red;
}
#emailpage_form {
  background: #f9f9f9;
  width: 34em;
  font-family: Arial;
}
#emailpage_form label {
  display: block;
  float: left;
  font-weight: bold;
  width: 6em;
  text-align: right;
  padding: 0 0.2em 0 0;
}

#emailpage_form fieldset {
  border: none;
  margin: 0; 
  padding: 0;

}

#emailpage_form fieldset legend {
  padding: 0 9em;
  margin: .25em 0 .5em 0;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #333;
}


#emailpage_form .form_entry { 
  overflow: hidden;
  clear: both;

  margin: 0; 
  padding: 7px 4px;
}

#emailpage_form  textarea,
#emailpage_form  input {
  border: 1px #ccc solid;
  float: left;
  font-size: 1em;
  font-family: Arial;
  width: 24em;
}

#emailpage_form .focused {
  background: #FFFCDF;
  border: 1px solid #EFE795; 
}
#emailpage_form .form_entry_instructions { 
  color: black;
  font-style: italic;
  margin: 0;
  float: none;
  clear: both;
  text-align: center;
}
#emailpage_form .form_entry .form_entry_instructions { 
  color: #777;
  padding: 0 0 0 9.5em;
  text-align: left;
}

#emailpage_form .actions input {
  float: none;
  display: inline;
  width: auto;
  margin: 0 4px;
}
#emailpage_form .actions {
  overflow: hidden;
  clear: both;

  border: 1px solid #ccc; 
  border-width: 1px 0;
  padding: 10px 0;
  text-align: center;
}

div.ep_additional_content {
  background: #EEE none repeat scroll 0%;
  border-top: 1px #f9f9f9 inset;
  padding: 4px 4px 1em 4px;
}
div.ep_popup_background {
  background: #777;
  opacity: 0.65;
  filter:alpha(opacity=65);
}
img.file_preview {
  background-image: url(/resources/all/docroot/cms/preview/loading.gif);
  background-repeat: no-repeat;
  background-position: center;
}

div.photoalbumviewer {
    padding: 10px 0;
    text-align: center;
    clear: both;
}
.photoalbumviewer div.title,
div.album_title {
    font-size: 1.73em;
    font-weight: bold;
    color: #333;
    text-align: center;
}
* html div.grid {
  height: 400px;
}
div.grid {
  max-height: 400px;
  width: 95%;
  margin: 0 auto;
  overflow: auto;
}
div.grid_inner {
  border: 1px solid #EEEEEE;
  padding: 10px;
}

.thumbnail img {
  border: 0 none;
  vertical-align: middle;
}
div.thumbnail {
  border: 1px solid gray;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  text-align: center;
}
.grid div.cms-tooltip {
  padding: 1px;
  background: white;
  border: black 1px solid;
  font-size: .9em;
}
div.photo {
  margin: 0 auto;
}

div.photo_viewer {
  margin: 0 auto;
  text-align: center;
  border: 1px outset #ccc;
}
div.bottom_row,
div.top_row {
  text-align: left;
  padding: 1px;
}
div.bottom_row {
  border-top: 1px outset #ccc;
}
span.caption {
  padding: 1px 0 1px 0;
}
.photo_viewer span.return,
.photo_viewer span.next {
  padding-right: 8px;
  float: right;
}
.photo_viewer span.caption,
.photo_viewer span.previous {
  float: left;
  width: 65%;
  padding-left: 8px;
}
.return a,
.next a,
.previous a {
  text-decoration: none;
}
.return a:hover,
.next a:hover,
.previous a:hover {
  text-decoration: underline;
}
/*!
  Default styles for Lightbox-style Photo Album Viewer
  Extracted from slimbox2.css:
    (c) 2007-2009 Christophe Beyls <http://www.digitalia.be>
    MIT-style license.
*/
#lbOverlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
}
#lbCenter,
#lbBottomContainer {
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #fff;
}
.lbLoading {
  background: #fff url(/resources/all/docroot/cms/preview/loading.gif) no-repeat center;
}
#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
}
#lbPrevLink,
#lbNextLink {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
}
#lbPrevLink {
  left: 0;
}
#lbPrevLink:hover {
  background: transparent url(/resources/all/docroot/cms/icons/photoalbum/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
  right: 0;
}
#lbNextLink:hover {
  background: transparent url(/resources/all/docroot/cms/icons/photoalbum/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none;
}
#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(/resources/all/docroot/cms/icons/photoalbum/closelabel.gif) no-repeat center;
  margin: 5px 0;
  outline: none;
}
#lbCaption,
#lbNumber {
  margin-right: 71px;
}
#lbCaption {
  font-weight: bold;
}/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh_persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh_persistent,
ul.menubeanh_persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh_persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh_persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh_persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh_persistent ul,
ul.menubeanh_persistent ul ul,
ul.menubeanh_persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh_persistent li.over ul ul,
ul.menubeanh_persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh_persistent li.over ul,
ul.menubeanh_persistent ul li.over ul,
ul.menubeanh_persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv_persistent,
ul.menubeanv ul,
ul.menubeanv_persistent, ul { 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv_persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv_persistent li.mi_parent {
  cursor: pointer;
}
ul.menubeanv_persistent li ul {
  display: none;
}
ul.menubeanv_persistent li.over ul {
  display: block;
}
