/*   These are divs implemented from the default suit namespace. */

/* GENERAL SETTINGS: these are not specific to suit-standard divs, and
   many might be deprecated, requiring localization to specific UI components. */



.MITred {
	color:#993333;
	}

a.MITred:link, a.MITred:active, a.MITred:visited {color:#993333;}
a.MITred:hover {color:#993333; text-decoration:underline;}

.underlined {
	text-decoration:underline;
	color:#000000;
	}

.boxBrdrd {
  margin-bottom: 1.2em;
  padding: 1px;
  border: 1px solid #333333;
}

.nav2SpotBrdrd {
  padding: 1px;
}


.boxBrdrd h2 {
  margin: 0;
  padding: .3em;
  font-weight: bold;
  text-align: center;
}

.boxBrdrd h2 span, #search h4 span { font-size: .92em; }

.boxBrdrd h4 {
  margin: 0 10px .3em 0;
  font-weight: normal;
}

.boxBrdrd a:link, .boxBrdrd a:active, .boxBrdrd a:visited {
  font-weight: bold;
  color:#993333;
  text-decoration:none;
}

.boxBrdrd a:hover {
  font-weight: bold;
  color:#993333;
  text-decoration:underline;
}

.inlineButton {
  position: absolute;
  top: 50%;
}



.hairspace { font-size: .2em; }

.warningText {
	padding:.5em;
	color: #660066;
	border:1px solid #660066;
  }

.warningTextInline {
	margin-left:.5em;
	display:inline;
	padding:.5em;
	color: #660066;
	border:1px solid #660066;
  }
.warningTextInline a {color: #660066;}

/* end Utility styles */

/*** Autohandler Styles ***/

#headlinks {
  padding: 2px 20px 3px 30px;
}

#nav {
  float: right;
  width: 14.5em;
  overflow: hidden; /* Keeps IE from expanding width of shuffler */
}

/* IE-Win hack \*/ * html #nav {zoom: 1.0;} /* End hide from IE-mac */

/* end Autohandler Styles */

#subhead {
  padding: 1em 0px 1em 0px;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

/* end Common Replaced Page Styles */

.title {
  font-weight: normal;
  margin: 0;
}

.title a:link { text-decoration: underline; }

.in_date { margin-left: .5em; }

.smevent {
  margin: 1em 0px 0px 0px;
  max-width: 55em;
}

/* Calendar Styles */

.calWrap {
  padding-top:0.7em;
}

.calendar {
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.92em;
  text-align: center;
  border-style:none;
  border-width: 0px 0px 0px 0px;
  padding:0px .5em 0px .5em;
}


.calendar td, .calendar th {
  padding-top: .08em;
  padding-bottom: .08em;
  border-style: none;
  border-width: 0px 0px 0px 0px;
}

.calendar thead {
  text-align: center;
}

.calendar tfoot {
  text-align: center;
  font-size: .92em;
}


.calendar thead td { font-weight:bold; }

.calendar thead th {
  font-weight: bold;
}

.calendar thead a:hover {
  /* border:1px solid #333333;  waiting until IE stops flickering */
  font-weight:bold;
}

.calendar tbody td { padding-right: .30em; } 
.today {
  padding: 0em .3em 0em .3em;
  margin-left: -1em;
  margin-right: -1em;
  /* border:1px solid #993333; */
}

.calendar tbody a:hover {
  padding: 0em .3em 0em .3em;
  margin-left: -1em;
  margin-right: -1em;
  /* border:1px solid #333333;  waiting until IE stops flickering */
  font-weight:bold;
}

.today a:link, .today a:visited, .today a:active {
  font-weight: bold;
}

.boldButton { 
	width:100%;
	text-align:center;
	font-weight:bold;
	}


/* Nav Styles */

#shuffler { padding-top: 1px; }
#shuffMarg { margin-left: 1em; }
#fulltext { margin: .7em 0 1em 0; }
.datePull { margin-bottom: .5em; }

.datePull select {
  font-size: .84em;
  margin-top: .36em;
}

.catCheck {
  margin-top: 1em;
  margin-bottom: .7em;
}

.catCheck label { margin-left: .3em; }
.catCheck input { margin-left: 0; }
.catCheck select { font-size: .92em; }
.catCheck br { clear: left; }

.more {
  text-align:right;
  font-size: .92em;
  margin-right:.6em;
  padding-bottom: .6em;
  font-weight: bold;
}



/* HI1 */

#hi1 {
  font-size: 0.75em;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  text-indent:32px;
  width:100%;
  border:none;
  /* display:block; */
  /* height:1.5em; */
}

#hi1 .widthRestriction {
	float:left;
	width:755px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#hi1 #mitTopBar .MITred {
	color:#993333;
	}

#hi1 #mitTopBar a.MITred:link, #hi1 #mitTopBar a.MITred:active, #hi1 #mitTopBar a.MITred:visited {color:#993333;}
#hi1 #mitTopBar a.MITred:hover {color:#993333; text-decoration:underline;}


	
#hi1 .height32 {padding-bottom:.3em;}

#hi1 a:link, #hi1 a:active { text-decoration: none; }
#hi1 a:hover { text-decoration: underline; }
#hi1 .floatLeft { 
	width:370px;
	display:inline;
	float:left;
	}
#hi1 .floatRight { 
display:inline; float:right; }

#hi1 #mitTopBar {
padding:.3em 0px 0px 0px;
line-height:1em;
}

#hi1 #skiplink { display:none; }

#hi1 a.mithome:link, #hi1 a.mithome:hover, #hi1 a.mithome:active, #hi1 a.mithome:visited {font-size:2em;}

#hi1 a.mithome:hover {text-decoration:underline;} 

#hi1 a.whereami:link, #hi1 a.whereami:hover, #hi1 a.whereami:active, #hi1 a.whereami:visited {font-size:2em;}

#hi1 a.whereami:hover {text-decoration:underline;} 


#hi1 #secondarycolor { 
  width:100%;
  margin:0px 0px 0px 0px;
  padding:0px 0px .5em 0px;
	clear:left;
	float:left; 
  font-family: Arial, Helvetica, sans-serif;
  border:none;
}
#hi1 #secondarycolor .mithome_bg_b {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#hi1 #secondarycolor h1 { 
  font-size: 1.6em;
  display:inline;
  padding:1.2em 0px 1.2em 0px;
  }
  
#hi1 #secondarycolor ul {
  display:inline;
  }

#hi1 #secondarycolor li { 
  display:inline;
  font-size:.7em;
  padding-right:1.25em;
  }
  
#hi1 #secondarycolor a:link {
  text-decoration:none;
  font-weight:bold;}

#hi1 #secondarycolor a:visited {
  font-weight:bold;
  text-decoration:none;
  }

#hi1 #secondarycolor a:hover { 
  text-decoration:underline;
  font-weight:bold;
  }

#hi1 #secondarycolor a:active {
  text-decoration:underline;
  font-weight:bold;
  }

/* HI2 */

#hi2 {
  font-family: Arial, Helvetica, sans-serif;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:100%;
  border:none;
}

#hi2 .mithome_bg_b {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#hi2 .typeDefault {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .75em;
}

#hi2 h1 { 
  font-size: 1.25em;
  display:inline;
  margin:0px 0px 0px 0px;
  }
  
#hi2 ul {
  display:inline;
  }

#hi2 li { 
  display:inline;
  font-size:.5em;
  padding-right:1.25em;
  }
  
#hi2 a:link {
  text-decoration:none;
  /* font-weight:bold; */}

#hi2 a:visited {
  font-weight:bold;
  text-decoration:none;
  }

#hi2 a:hover { 
  text-decoration:underline;
  font-weight:bold;
  }

#hi2 a:active {
  text-decoration:underline;
  font-weight:bold;
  }
  
#hi2 .widthRestriction {
	float:left;
	width:755px;
	}

#hi2 .floatLeft { /* contains the spotlight */
	font-family: Arial, Helvetica, sans-serif;
  	margin:15px 0px 15px 128px;
	width:370px;
	display:inline;
	float:left;
   }
   
#hi2 .floatLeft .mithome_text_f {
   margin-left:10px;}
   
#hi2 .floatLeft h1.mithome_textvisited_f {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	}

#hi2 .floatLeft a.mithome:link, #mid #nav3 a.mithome:active, #mid #nav3 a.mithome:visited {
  font-weight: bold;
  text-decoration:none;
}

#hi2 .floatLeft a.mithome:hover {
  font-weight: bold;
  text-decoration:underline;
}

#hi2 .floatLeft .spotDate {font-size: .92em;}

#hi2 .floatLeft table, #hi2 .floatLeft tr, #hi2 .floatLeft td {border:none; } 

#hi2 .floatLeft .spotImage {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

/* End Spotlight */
   
   
#hi2 .floatRight { display:inline; float:right;}
  

#hi2 #hi2calendar {
	font-size:.8em;
 margin:0px 0px 5px 5px; 
  width:12.5em;
}

#hi2 #hi2calendar a:visited {font-weight:normal;}

/* Calendar Styles */

#hi2 #hi2calendar .calWrap {
  padding-top:0.7em;
}

#hi2 #hi2calendar .calendar {
	font-size:.85em;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  text-align: center;
  border-style:none;
  border-width: 0px 0px 0px 0px;
  padding:0px .5em 0px .5em;
}


#hi2 #hi2calendar .calendar td, #hi2 #hi2calendar .calendar th {
  padding-top: .08em;
  padding-bottom: .08em;
  border-style: none;
  border-width: 0px 0px 0px 0px;
}

#hi2 #hi2calendar .calendar thead {
  text-align: center;
}

#hi2 #hi2calendar .calendar tfoot {
  text-align: center;
  font-size: .92em;
}


#hi2 #hi2calendar .calendar thead td { font-weight:bold; }

#hi2 #hi2calendar .calendar thead th {
  font-weight: bold;
}

#hi2 #hi2calendar .calendar thead a:link {
  /* border:1px solid #333333;  waiting until IE stops flickering */
  font-weight:normal;
}

#hi2 #hi2calendar .calendar thead a:hover {
  /* border:1px solid #333333;  waiting until IE stops flickering */
  font-weight:bold;
}

#hi2 #hi2calendar .calendar tbody td { padding-right: .30em; } 
#hi2 #hi2calendar .today {
  padding: 0em .3em 0em .3em;
  margin-left: -1em;
  margin-right: -1em;
  /* border:1px solid #993333; */
}

#hi2 #hi2calendar .calendar tbody a:hover {
  padding: 0em .3em 0em .3em;
  margin-left: -1em;
  margin-right: -1em;
  /* border:1px solid #333333;  waiting until IE stops flickering */
  font-weight:bold;
}

#hi2 #hi2calendar .today a:link, #hi2 #hi2calendar .today a:visited, #hi2 #hi2calendar .today a:active {
  font-weight: bold;
}

#hi2 #hi2calendar .boldButton { 
	width:100%;
	text-align:center;
	font-weight:bold;
	}



/* MID */

#mid {
	width:100%; 
  margin:0px 0px 2em 0px;
  padding:0px 0px 0px 0px;
  background-color:#FFFFFF;
}

#mid .widthRestriction {
	clear:left;
	float:left;
	width:760px;
	}



/* MID NAV1 */

#mid #nav1 {display:none;} /* This div only appears on certain pages and is turned on via those css specifics */

#mid #nav1 {
	float:right;
/* display: inline; */  /* get rid of IE margin-double bug */
 margin:0px 0px 0px 0px; 
 padding:0px 0px 0px 0px;
  width:10.5em;
 /* height:8.5em; */
/* display:none; */
}

#mid #nav1 a:link, #mid #nav1 a:active {text-decoration: none;}

#mid #nav1 a:hover { text-decoration: underline; }
#mid #nav1 h2 { font-size: 1em; }

#mid #nav1 .typeDefault {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
}



/* MID NAV2 */

#mid #nav2 {
	clear:right;
	float:right;
  /* display:inline;     get rid of IE margin-double bug */
  margin:1em 0px 10px 0px ;
  width: 10.5em;
}

#mid #nav2 .floatLeft h2 {
  margin: 0;
  padding: .3em;
  font-weight: bold;
  text-align: left;
}

#mid #nav2 .boxBrdrd {margin-top:1em;}

#mid #nav2 .mitOnly {
font-size:.95em;
font-weight:lighter;
}

#mid #nav2 .MITred {text-align:left; margin-left:22px;}

#mid #nav2 a:link, #mid #nav2 a:visited, #mid #nav2 a:active {
	color:#993333;
  font-weight:bold;
  text-decoration: none;
}
#mid #nav2 a:hover {
  font-weight:bold;
  text-decoration: underline;
}

#mid #nav2 a.black:link, #mid #nav2 a.black:visited, #mid #nav2 a.black:active, #mid #nav2 a.black:hover {color:#000000;}
#mid #nav2 h2 { font-size: 1em; font-weight:bold;}


#mid #nav2 .typeDefault {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .75em;
}

#mid #nav2 .mithome_bg_b {font-weight:bold;}

#mid #nav2 table, #mid #nav2 tr, #mid #nav2 th {
  border:0 none;
  border-collapse:collapse;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

#mid #nav2 .spotlights a:link, #mid #nav2 .spotlights a:active, #mid #nav2 .spotlights a:visited {
	color:#993333;
	text-decoration:none;
	} 
#mid #nav2 .spotlights a:hover {color:#993333; text-decoration:underline;}

#mid #nav2 #shuffMarg #searchButton {margin-right:20px;}

/* MID NAV3 */

#mid #nav3 {
 /* used to contain the spotlight, now empty */
 display:none;
}




/* MID NAV4 */


#mid #nav4 {
  font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 128px;
}

#mid #nav4 a:link, #mid #nav4 a:visited, #mid #nav4 a:active { 
  text-decoration:none;
  }
#mid #nav4 a:hover { 
  text-decoration:hover;
  }

#mid #nav4 #editorWrap, #mid #nav4 .errorWrap, #mid #nav4 .warnWrap, #mid #nav4 .messageWrap, #mid #nav4 .noteWrap, #mid #nav4 #adminWrap {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
  padding: 1px;
}

#mid #nav4 #editor, #mid #nav4 .error, #mid #nav4 .warn, #mid #nav4 .message, #mid #nav4 .note, #mid #nav4 #admin {
  padding: .3em 1em;
  font-weight: bold;
  font-size: 0.84em;
}

#mid #nav4 .error { /* Overrides of base formatting for validation messages, above. */
  background-color: #FFFFFF;
  color: #660066;
  border:1px solid #660066;
}

#mid #nav4 #admin { /* Overrides of base formatting for validation messages, above. */
  color: #333333;
}

#mid #nav4 #adminWrap a:link, #mid #nav4 #adminWrap a:active, #mid #nav4 #adminWrap a:visited {
	text-decoration:none;
	color:#333333;
	}

#mid #nav4 #adminWrap a:hover {
	text-decoration:underline;
	color:#333333;
	}

#mid #nav4 #editor {}

#mid #nav4 #editor a:link, #mid #nav4 #editor a:active, #mid #nav4 #editor a:visited, #mid #nav4 #editor a:hover {}

#mid #nav4 #editor a:hover {text-decoration:underline;}

#mid #nav4 #editorWrap a:link, #mid #nav4 #editorWrap a:active, #mid #nav4 #editorWrap a:visited, #mid #nav4 #editorWrap a:hover {}

#mid #nav4 #editor a:editorWrap {text-decoration:underline;}


#mid #nav4 img#logo_mit {
  position:absolute;
  left:32px;
  top:3.5em;
}

/* MID CONTENT */

#mid #content {
  font-family: Arial, Helvetica, sans-serif;
  margin:20px 15em 0px 128px;
  font-size:.75em;
}

#mid #content .cancelled {
	font-size:1.8em;
	line-height:1em;
	background-color:#FFFF00;
	text-align:center;
}

#mid #content .smaller {font-size:.9em;}
#mid #content .smallest {font-size:.8em;}
#mid #content .myCalendar {padding:0px 2em 0px 2em;}

#mid #content a:link, #mid #content a:visited { 
  color: #993333;
  text-decoration:none; 
}
#mid #content a:hover { text-decoration: underline; }

#mid #content h1 {
  color: #993333;
  font-size: 1em;
  margin: 0;
  padding: 0 0 1em 0;
}

#mid #content .bigger { font-size: 1.2em; }
#mid #content .biggest { font-size: 1.5em; }
#mid #content h2 { /* H2 is formatted separately in "layout_public" and "layout_admin." */ }

#mid #content td {
  vertical-align: top;
}

#mid #content .categorylist {padding-top:.5em;}

#mid #content table.subcategory {
  border:none;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 1.2em;
  width:100%;
}

#mid #content td.subcategorytd {
  width:50%;
}

#mid #content .event {padding-top:.2em;}

#mid #content a.hand:link, #mid #content a.hand:active, #mid #content a.hand:visited {
color:#993333;
text-decoration:none;
cursor:pointer;
}

#mid #content a.hand:hover {
color:#993333;
text-decoration:underline;
cursor:pointer;
}

#mid #content #icalContainer {
	height:10em;
	!important min-height:10em;
}

#mid #content #icalContainer #iCal {
	margin-top:1em;
	/* display:none; */
	}
	
#mid #content #icalContainer #iCal a:link, #mid #content #iCal a:active, #mid #content #iCal a:visited {
	text-decoration:none;
	cursor:pointer;
	background-color:#FFFFFF;
	color:993333;
	}
	
#mid #content #icalContainer #iCal a:hover {
	color:#993333;
/*	background-color:#FFCC00; */
	text-decoration:underline;
	cursor:pointer;
	}


#mid #content #icalContainer #iCal #icalSingle {
	text-align:center;
	color:#993333;
	margin:.3em .3em .3em .3em;
	padding:.2em .2em .2em .2em;
	cursor:hand;
	border:1px solid #000000;
	font-size:.8em;
	}
	
#mid #content #icalContainer #iCal #icalRepeat {
	text-align:center;
	color:#993333;
	margin:.3em .3em .3em .3em;
	padding:.2em .2em .2em .2em;
	cursor:hand;
	border:1px solid #000000;
	font-size:.8em;
	}
	
#mid #content #icalContainer #iCal #techtimeSingle {
	margin:.3em .3em .3em .3em;
	padding:.2em .2em .2em .2em;
	text-align:center;
	cursor:hand;
	border:1px solid #000000;
	font-size:.8em;
	color:#993333;
	}
	
#mid #content #icalContainer #iCal #techtimeRepeat {
	margin:.3em .3em .3em .3em;
	text-align:center;
	padding:.2em .2em .2em .2em;
	cursor:hand;
	border:1px solid #000000;
	font-size:.8em;
	color:#993333;
	}

#mid #content #icalContainer #iCal .smaller {
	font-size:.8em;
	text-align:center;
	}


/* LO1 */

#lo1 {
  font-size: 0.75em;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 20px 3px 30px;
  background-color:#FFFFFF;
}

#lo1 a:link, #lo1 a:active, #lo1 a:visited {
  color:#000000;
  text-decoration:none;
}

#lo1 a:hover {
  color:#000000;
  text-decoration:underline;
}





/* LO2 */

#lo2 { display:none; }



/* DEBUG */

#mid {}

#mid #nav1 {  }
#mid #nav2 {
  /* background-color: #DDDDAA;
  border: 1px solid #FFCC00; */
}
#mid #nav3 {  }
#mid #nav4 {
  /* background-color: #DDFFDD;
  border: 1px solid #FFCC00; */
}
#mid #content { }