/* CSS Document */

/* This is a hybrid style to accomodate the shifting of this page from IS&T style prior to 4/2/2012 and after that date.
   The header, footer, and font styles are controlled by the style.css stylesheet. The style.css is a stylesheet provided by the consulting
   company (Moth Design) that designed this IS&T website redesign. This stylesheet is being used without any modifications so if a future
   version of style.css comes along it can replace the existingone without losing any of the styles that are idiosyncratically needed for
   this page. As necessary some styles in style.css are overridden by this style sheet having more specificity. There is of course no
   guarantee that a future version of style.css won't conflict in some way with this stylesheet.
   
   Text Sizing: The main IS&T website starts off by setting the text size on body to .938em and then sizing from there.
   The affiliate site stylesheet from Moth used here (style.css) takes a different approach and doesn't apply a sizing to body and uses
   different sizing for elements to match the IS&T sizes. (e.g. on the main IS&T site h1 is 2.4667em which is effectively 2.314em (.938*2.4667),
   while on the affiliate site it is 2.3125em). This means since the .938em is not applied on this site globally it needs to be applied
   below to specific classes so the text will match what's on the IS&T site.
   
   This style sheet controls some aspects within class="aff_content" (formerly id="content"), particularly positioning. */

/**** Removing left offsets so items will align at left edge of content rather than indented in 200px. ****/
body .aff_content h1 {margin-left: 0} /* This removes the 200px left margin that moves this past a left nav (that doesn't exist on this site). */
body .aff_content .aff_breadcrumb {padding-left: 0} /* This removes the 200px left padding that moves this past a left nav (that doesn't exist on this site). */



body em {font-style: italic}

form label {margin-bottom: .7em}

body h4 {margin-top: 20px}

/**** Utility styles ****/
.nowrap {white-space: nowrap}

/**** Hover behavior for in-line links ****/
body a:hover {
  color: #000;
  border-bottom: 1px solid #ADD4EB;
  text-decoration: none;
  background-color: #E5F0F6;
}

/**** Remove above hover behavior from the IS&T image link in the header ****/

.aff_logo a:hover {
  border: none;
  background-color: transparent;
}

/**** This sets up the layout for this page. ****/
.aff_content, .aff_header {
  width: auto;
  min-width: 45em;
  max-width: 60em;
  padding: 0 1em;
}

.aff_searchWrap {
  float: right;
  width: 100%;
  margin-left: -21em;
}

body .aff_search {
  float: none;
  margin-left: 21em;
  position: relative;
  top: 0;
  left: 0;
}

body .aff_search form {
  text-align: right;
  white-space: nowrap;
}

#edit-search-keys {width: 70%}

body .aff_logo  {
  width: 20em;
  padding-left: 0;
  overflow: hidden;
}

body .aff_breadcrumb {
  margin-bottom: 2.4em;
}

#contentWrapper {
  float: left;
  width: 100%;
  margin-right: -17.4em;
}

#content {
  margin-right: 17.4em;
  margin-left: .8em;
}

#nav  { /*Note: These are only positioning styles. There are additional #nav formatting styles in a section below. */
  float: right;
  width: 15em;
  margin-left: .8em;
  margin-right: .8em;
}

/**** Styles for the #nav (to match #region-sidebar-second on the main IS&T site) ****/
#nav {
  font-size: .938em;
  font-family: TisaProRegular, Georgia, Times New Roman, serif;
  line-height: 1.4667em;
  color: #3A3A3A;
}

#nav h2.block-title {
  font-size: .9em; /* Effectively .8442em (.9*.938) */ 
  line-height: 1.733em;
  font-weight: bold;
  color: black;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  border-bottom: 5px solid #e3e2de;
  margin-top: 0;
  margin-bottom: 0.833em;
}

#nav p
{
    margin-bottom: 0.733em;
}

 /**** #content styles ****/
#content p, #content ul {font-size: .844em}
#content h2 {margin-top: 0}
#content ul {
  margin-bottom:8px;
  list-style:none;
}
#content li {
  padding:0 0 4px 10px;
  background:url(../images/bullet.gif) no-repeat 0px 8px;
  margin-bottom: .5em;
}

/**** Show Hide styles ****/
.menu {margin-left: 20px}

#connvars, #sslvars {margin-left: 13px}

.menu a, body .menu a:hover
{
    color: #0069D2;
    font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
    font-size: 1.0666667em;
    border: none;
    background: none;
}

.menu > .item > a:before, .menu > .expanded > a:before
{
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: -17px;
    margin-right: 14px;
    content: "»";
    color: #0069D2;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 1.57em; /*23px;*/
    font-weight: lighter;
}

.menu > .expanded > a:before {
    /* transform only applies to :before pseudoelement, but
    its center is calculated based on dimensions of full element */
    -webkit-transform-origin: 6px 60%;
    -webkit-transform:rotate(90deg);

    -moz-transform-origin: 6px 60%;
    -moz-transform:rotate(90deg);

    -ms-transform-origin: 6px 60%;
    -ms-transform:rotate(90deg);
}


 /**** Footer ****/
.section-footer .footer-logo a:hover {
  border-bottom: none;
  background-color: transparent;
}

.section-footer .footer-logo a:hover {color: #5B5B5B}


.section-footer
{
    margin-top: 65px;
    font-size: 12px;
}

.section-footer,
.section-footer a
{
    color: #5b5b5b;
}

.section-footer .footer-logo
{
    float: left;
}

.section-footer .footer-logo a
{
    display: block;
    margin-left: 9%;
    padding-left: 60px;
    background:  transparent url(../images/footer-mit_logo.png) no-repeat 0 40%;
    text-decoration: none;
}

.section-footer .footer-contact {
  margin-left: 10px;
  margin-right: .8em;
}

.section-footer .footer-contact a
{
    color: #0073e9;
    text-decoration: none;
}

#wizardHolder {
    background: none repeat scroll 0 0 #E5E5E5;
    border-top: 3px solid #435607;
    margin-bottom: 15px;
    padding: 3px 100px 100px 15px;
    width: 603px;
}
#wizardHolder p {
    clear: left;
}
#wizardHolder #steps {
    list-style: none outside none;
    margin-left: 0 !important;
}
#wizardHolder #steps li {
    color: #435607;
    float: left;
    font-weight: bold;
    padding-right: 1px;
}