/* 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.
   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 .aff_content {padding: 0 1.3%}

body em {font-style: italic}

form label {margin-bottom: .7em}

body h4 {margin-top: 20px}

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

/**** This is to provide the vertical spacing normally provided by an h2. It is less than you'd expect
      because some spacing is already in the added line-height of the "What's on this page" strong element ****/
body #content {
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #4F4F4F;
  margin-top: 1.5em;
}

#content #leftColumn  {
    float: left;
    width: 708px;
    padding-right: 10px;
}

#content #leftColumn table {
    width: 100%;
    margin-top: 30px;
}

#content #leftColumn table td {
    border-bottom: 1px solid #dbdbdb;
    padding: 6px 0px;
    vertical-align: top;
}

#content #rightColumn {
    float: left;
    width: 232px;
    margin-left: 10px;
}

#rightColumn h3 {
  font-family: TisaProRegular, Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  padding-bottom: 0.5em;
  border-bottom: 5px solid #E3E2DE;
  margin-bottom: 0.833em;
}

.backToTop {display: none}

/**** Removes the standard aff_content p margin which doesn't work well in this site where people can add lots of <p> tags ****/
body #aff_content p {margin-bottom: 0}

/**** Styles the "What's on this page" links to be similar to aff_access ul styling ****/
#leftColumn > p:first-child > strong {
  font-family: "TisaProRegular", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #000;
  line-height: 2.5em;
  border-bottom: 4px solid #707070;
}

#leftColumn > p:first-child > a {
  font-family: "TisaProRegular", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.7em;
}
.section-footer .footer-logo a:hover,
#leftColumn > p:first-child > a:hover {
  border-bottom: none;
  background-color: transparent;
}

#content.formStyle #leftColumn form label {
    display: block;
    margin-bottom: 12px;
    color: #727272;
    font-size: 0.9em;
    clear: left;
}

#content.formStyle #leftColumn form label input, #content.formStyle #leftColumn form label select {
    width: 350px;
    font-size: 1.1em;
    padding: 2px;
}

#content.formStyle #leftColumn form label span {
    font-weight:bold;
    width:112px;
    height:36px;
    color: #464646;
    font-size: 1.1em;
    float: left;
}

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

th.tableHeader {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 4px solid #E2E1DD;
  padding-bottom: 6px;
}

/**** Footer ****/
.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-image: url(../images/mit-logo-brand-footer.svg);
    background-repeat: no-repeat;
    width: 161px;
    height: 45px;
    text-decoration: none;
}

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

.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;
}

/* Added July 2014 for new "equal focus" MIT/IST logo */
/* Modified Jan 2026 for new (single) IS&T "sub-branding" logo */
.ef_logo {float:left; width:300px; padding:15px 0 0 0;}

#logo-holder-large {
	float: none;
	width: 460px;
	height: 54px;
	margin-top: 4%;
	margin-bottom: 3%;
	}	

#MIT-logo-large {
	width: 72px;
	height: 38px;
	float: left;
	background-image: url(../images/mit-ist-web-large-off-01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
#MIT-logo-large:hover {
	background-image: url(../images/mit-ist-web-large-on-01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}	

#ist-logo-web-large {
	float: left;
	width: 176px;
	height: 46px;
	background-image: url(../images/mit-ist-brand.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	}

#divider-large {
	width: 14px;
	height: 54px;
	margin-top: -7px;
	margin-left: 14px;
	border-left: 1px solid #000;
	float: left;
	}