/* Northwestern Template CSS Base 1.00 - Michael - 2010/09/22 */

/* Reset - DO NOT EDIT - resets default values making cross-browser compatibility easier */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1.5;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

.clear {clear:both;}

/* Global Text Styles */

a, a:link {color: #4F2170;text-decoration: none;}
a:visited {text-decoration:none;color:#4F2170}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

.bold {font-weight:700;}
.caption {font-size:10px;}

body {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; background:#FDFDFD;}

/* Global Positioning */

.content p {margin-bottom:12px;}
.content blockquote {margin:0 0 6px 24px;}
.content img {margin:6px 10px;}
.thumbnailImg {float:left;}


#mainWrapper {width:100%;background:url(/css/factory/images/header_background_full.png) repeat-x;} /*Background full width of browser */
#mainBody {width:956px; margin:0 auto 100px;height:auto;min-height:100%} /*Centers content area*/

/* Header */

#headerWrapper {width:100%; height:94px; /*background:url(/css/factory/images/northwestern_emblem.png) no-repeat 150px 0;*/} /*Includes emblem as transparency over header. Use background positioning to move around*/
#headerWrapper #headerBody #headerLogo {float:left;width:180px;margin:12px 32px 0 10px;}
#headerWrapper #headerBody #headerTitle {float:left;width:325px;margin:34px 0 0 0;}
#headerWrapper #headerBody #headerRightWrapper {text-align:right;float:left;width:374px;padding:6px 0 0 0;color:#fff;}
#headerWrapper #headerBody #headerRightWrapper .headerLinks {color:#fff;text-transform:uppercase;font-size:10px;float:right;width:100%;height:22px;}
#headerWrapper #headerBody #headerRightWrapper .headerLinks a {color:#ffc000; text-transform:uppercase;font-size:10px;}
#headerWrapper #headerBody #headerRightWrapper .headerNorthwestern {margin:13px 0 0 0;} /*Moves NW logo under website name*/

/* Widgets */

#headerWrapper .widgetWrapper {margin:3px 0;}

/*Search Widget*/
#searchWrapper .searchWidget input {border:#562e8f solid 1px;display:inline-block;}
#searchWrapper .searchWidget input.searchbox {width:150px;color:#9a9a9a;font-size:11px;padding:3px 4px 2px;}
#searchWrapper .searchWidget input.purplebtn {color:#fff;border:none;font-weight:700;font-size:11px;padding:2px 2px 1px;
border:#562e8f solid 1px;
background:#683c9d;
background: -moz-linear-gradient(top, #8f70bc, #683c9d 95%);
background: -webkit-gradient(linear, 0 0, 0 95%, from(#8f70bc), to(#683c9d));behavior: url(/css/factory/PIE.htc);}

#searchWrapper .search_options {color: #545454;}
#searchWrapper .search input.field {color: #9a9a9a;}

#searchWrapper {
	float: right;width:100%;height:27px;
}

#searchWrapper .search-area input.search-box, #headerWrapper #headerBody #headerRightWrapper .search-area input.search-button {float: left;}

#searchWrapper .search-area input.search-box {
	border: 1px solid #562e8f;
	font-size: 88%;
	width: 146px;
	height: 13px;
	padding: 3px 6px 3px 6px;}

.search-area .search-button {
  vertical-align: top;
  display : inline;
  position : static;
}

.search-area {
  position: relative;
  margin: 0;
  padding: 0;
  float: right;
}

.search-area .search-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  z-index: 50;
  border: solid 1px #999;
  border-top: none;
  padding: 10px;
  padding-right: 20px;
  list-style-type: none;
  text-align: left;
  color: #666;
  background: #fff url(/images/serial/Common/bgSearchOpts.gif) 0 100% repeat-x;
}

.search-area .search-options label {font-weight: bold;font-size:11px;}

.search-area .search-options .close-link {
  position: absolute;
  top: 10px;
  right: 10px;
}

.search-area .search-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  z-index: 50;
  border: solid 1px #999;
  border-top: none;
  padding: 10px;
  padding-right: 20px;
  list-style-type: none;
  text-align: left;
  color: #666;
  background: #fff url(/images/serial/Common/bgSearchOpts.gif) 0 100% repeat-x;
}

#headerWrapper #headerBody #headerRightWrapper #searchWrapper .search-area {margin:0;float:right;}

#contentBody .content #searchWrapper {margin:0 0 24px;height:auto;}
#contentBody .content #searchWrapper .advancedSearch {float:left;}
#contentBody .content #searchWrapper .advanced_search_link {display:inline-block;margin:0 0 0 26px;}
#contentBody .content #searchWrapper .search_options p {text-align:right;margin-bottom:6px;}
#contentBody .content #searchWrapper .search input.field {width:300px;}
#contentBody .content .search_results .searchResultsPages a {display:inline-block;margin:0 2px;}
#contentBody .content .search_results .searchResultsPages .active {display:inline-block;margin:0 2px;font-weight:800;}
#contentBody .content #searchWrapper .advancedSearchForm td {padding:6px 0;}
/* Navigation */

#navWrapper {margin:8px 0 0 0;text-align:center;width:100%;}
#navWrapper ul li {float:left;border-right:1px solid #8f8f8f;}
#navWrapper ul li.first {border-left:1px solid #8f8f8f;}
#navWrapper ul li a {
	background: url(/css/factory/images/navigation_sprite.png) repeat-x; /*CSS Sprite, one image has both normal and hover state. Uses background position to move image up revealing active state*/
	color:#fff; 
	font-size:13px;
	text-transform:uppercase;
	font-weight:700;
	width:auto; 
	height:30px; /*Height must be 40px minus the top padding*/
	padding:10px 15px 0; /*CHANGE SECOND PADDING FOR NAV TO FIT*/
	display:block; /*makes sizing work*/}
#navWrapper ul li a:hover {color:#482A80;background-position:0 -42px;}
#navWrapper ul li a.active {color:#482A80;background-position:0 -42px;}

/* Left Sidebar */
#leftSidebarWrapper {float:left;width:217px;margin:0 20px 0 0;} /*Change also in IE */

/* Left Sidebar Nav */
#leftSidebarWrapper #leftSideNav {padding-bottom:12px;}
#leftSidebarWrapper #leftSideNav li {margin-top:-1px; /*Removes duplicate border*/
list-style:none;}
#leftSidebarWrapper #leftSideNav li a {font-size:12px;font-weight:700;display:block;color:#383737;
border:1px solid #AFAFAF;
padding:8px 0 8px 10px; 
/*background:url(/css/factory/images/navigation_sprite.png) repeat-x top left; */
background-position:0 -40px;
background: -moz-linear-gradient(top, white, #e3e3e3 80%);
background: -webkit-gradient(linear, 0 0, 0 80%, from(white), to(#e3e3e3));
 -pie-background: linear-gradient(#fff, #e3e3e3); /*PIE*/
behavior: url(/css/factory/PIE.htc);
}


#leftSidebarWrapper #leftSideNav #first a {
border:1px solid #AFAFAF; border-radius:7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -khtml-border-radius:7px 7px 0 0;behavior: url(/css/factory/PIE.htc);
}
#leftSidebarWrapper #leftSideNav #last a {
border:1px solid #AFAFAF; border-radius:0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; -khtml-border-radius:0 0 7px 7px;behavior: url(/css/factory/PIE.htc);
}

#leftSidebarWrapper #leftSideNav li img {float:right;margin:0 18px 0 0;}

/*#leftSidebarWrapper #leftSideNavWrapper ul li a:hover {background:#7F64AB;color:#fff;}*/
#leftSidebarWrapper #leftSideNav li a.active {background:#7F64AB;color:#fff;-pie-background: none; /*PIE*/ behavior: url(/css/factory/PIE.htc);}
#leftSidebarWrapper #leftSideNav ul li a.active {font-weight:700;color:#666666;background:#fff;color:#4f2170; -pie-background: none; /*PIE*/ behavior: url(/css/factory/PIE.htc);}
#leftSidebarWrapper #leftSideNav ul li a {background:#fff;font-size:12px;font-weight:500;color:#666666;padding:4px 0 4px 16px;border:none;border-left:1px solid #AFAFAF;border-right:1px solid #AFAFAF;-pie-background: none; /*PIE*/ behavior: url(/css/factory/PIE.htc);}

#leftSidebarWrapper #leftSideNav ul #last a {border:1px solid #AFAFAF; border-top:none;border-radius:0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; -khtml-border-radius:0 0 7px 7px;behavior: url(/css/factory/PIE.htc);}

/* Content Area */

#contentWrapper {margin:12px 0 0 0;float:left;}
#contentWrapper .breadcrumb {margin:0 0 14px 0;}
#contentWrapper .breadcrumb a {color:#666;}

#contentBody {float:left;}
#contentBody #contentSection {float:left;width:710px;}
#contentBody #contentSection tr, #contentBody #contentSection td {vertical-align:top;}
#contentBody #contentSection table th {background:#8b69b8;color:#fff;}
#contentBody .content h1 {font-size:18px; color:#486AAB; margin-bottom:10px;}
#contentBody .content h2 {font-size:13px; color:#333; font-weight:700;}
#contentBody .content h3 {font-size:13px; font-weight:700;}
#contentBody .content .link {color:#482A80; font-weight:700; margin-top:-12px;}/*Undo p tag margin */
#contentBody .content a {font-weight:700;}
#contentBody .content ul, #contentBody .content ol {margin:6px 0;}
#contentBody .content ul li {list-style:outside disc ;margin:0 0 0 36px;padding:0 0 0 6px;}
#contentBody .content ul ul li {list-style:outside circle;margin:0 0 0 54px;}

#contentBody .content ol li {list-style:outside decimal ;margin:0 0 0 36px;padding:0 0 0 6px;}
#contentBody .content ol ol li {list-style:outside decimal;margin:0 0 0 54px;}

#contentBody.onecol #contentSection {float:left;width:935px;}

#contentBody .gridWrapper {width:100%;float:left;margin:0 0 0 0;} /*Makes gridElements stay on their own lines */
#contentBody .gridWrapper .gridElement {float:left;}
#contentBody .gridWrapper .image {width:96px;}
#contentBody .gridWrapper .text {width:770px;}
#contentBody .gridWrapper .column {width:425px;margin-right:36px;}

.left {float:left;}
/* Three Column Layout */

#contentWrapper.threecol #leftSidebarWrapper {}
#contentWrapper.threecol #contentSection {width:490px;}
#contentWrapper.threecol #rightSidebarWrapper {float:left;width:200px;margin:0 0 0 20px;}

/* Search Result */

#contentBody .search_results p.searchTitle {margin-bottom:0px;}

#contentBody .search_results .indent {margin-left:24px;}

/* Widgets */
.widgetBody {margin:0 0 12px 0;float:left;width:100%;border:1px solid #AFAFAF; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius:10px;
background:#f0f0f0;behavior: url(/css/factory/PIE.htc);
}
.widgetWrapper .gridWrapper {padding-bottom:18px;}
.widgetWrapper .gridWrapper .gridtextBody {margin:0 0 0 6px;width:100%;float:left;}
.widgetWrapper .gridWrapper .left img {margin:0;}
.widgetWrapper h3.widgetTitle {font-size:15px; font-weight:700;margin-bottom:6px;padding:5px 0 0 7px;}
.widgetWrapper /* p.moreLink */ {margin:0 0 12px 0;}
#contentBody .content .widgetWrapper ul li {list-style:none;margin:0;padding:0;}

#rightSidebarWrapper .widgetrichtext {margin-bottom:12px;}

.widgetWrapper .facultypicker .gridWrapper .left {width:325px;margin:0 12px 6px 12px;clear:left;}
.widgetWrapper .facultypicker .gridWrapper .right {width:325px;margin-bottom:12px; }
.widgetWrapper .facultypicker .gridWrapper .gridtextBodyInterior .left {width:135px; height:155px;margin:0 6px 0 0;}
.widgetWrapper .facultypicker .gridWrapper .gridtextBodyInterior .right {width:175px; margin:0 0 0 0;}
#contentBody .content .widgetWrapper .facultypicker .gridWrapper .gridElement ul li {list-style:none;margin:0;padding:0;}
#contentBody #contentSection .widgetBody {margin:0 0 12px 0;float:left;width:100%;background:none;border:none;}
#contentBody #contentSection .widgetWrapper #eventList h2 {margin-bottom:0;font-size:16px;}
#contentBody #contentSection .widgetWrapper #eventList ul li h2 {font-size:14px;}
#contentBody #contentSection .widgetWrapper #eventList ul li {clear:left;width:100%;overflow:hidden;border-bottom:1px solid #ccc;margin-bottom:12px;padding-bottom:2px;}
#contentBody #contentSection .widgetWrapper #eventList .thumbnailImg {margin-top:-22px;}

/* RSS Feed */
#contentBody .rssfeedwidget {background:none;border:none;}
#contentBody .widgetWrapper .rssfeedwidget h4 {background:url(/css/factory/images/widget_top_purple_708.png) no-repeat top left; padding:8px 12px 2px 12px;width:708px;color:#fff;margin:0;}
#contentBody .widgetWrapper .rssfeedwidget .widgetContent {width:676px;background:url(/css/factory/images/widget_bottom_gray_708.png) no-repeat bottom;padding:16px;}
#contentBody .widgetWrapper .rssfeedwidget .widgetContent .section {margin-bottom:8px;}
#contentBody .insightWidget .rssfeedwidget .widgetContent .section {margin-bottom:0px;}

#contentBody #leftSidebarWrapper .widgetWrapper .rssfeedwidget h4 {background:url(/css/factory/images/widget_top_purple_218.png) no-repeat top left; width:200px;}
#contentBody #leftSidebarWrapper .widgetWrapper .rssfeedwidget .widgetContent {width:200px;background:url(/css/factory/images/widget_bottom_gray_218.png) no-repeat bottom left;margin-top:-2px;}
#contentBody #leftSidebarWrapper .widgetWrapper .rssfeedwidget .widgetContent .section {margin-bottom:12px;}

#contentBody .facultyinmedia .widgetContent {padding:16px;}

#rightSidebarWrapper .widgetWrapper h2 {font-size:14px;margin-bottom:12px;}
#rightSidebarWrapper .widgetWrapper ul li {margin-bottom:12px;}

/* Content widget */
.contentwidgetWrapper {width:218px; margin-bottom:12px;float:left;}
.contentwidgetBody {width:100%;  }
.contentwidgetHeader {width:100%; background:url('/css/factory/images/widget_top218.png') no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#486AAB; font-weight:700; padding:10px 0px 0 0; text-align:center}
.contentwidgetContent {width:100%; background:url('/css/factory/images/widget_bottom218.png') no-repeat bottom center; padding-bottom:7px;} 
.contentwidgetText {width:200px; padding:10px; }
.contentwidgetText ul {}
.contentwidgetText ul li {margin:0px 0px 0px -8px; padding:3px 0;background-image:none;}

/* Content Item Listing */

.widgetWrapper .gridWrapper .left {width:135px;}

.widgetWrapper .gridWrapper .right {width:565px;}

/* Ordered Subjects */

.widgetWrapper .gridWrapper h4 {background:#7F64AB;color:#fff;font-weight:600;padding:3px 7px;border-radius:10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0;behavior: url(/css/factory/PIE.htc);}
.widgetWrapper .gridWrapper p.listsubhead {background:#CCC;padding:3px 7px;margin-bottom:0px;}
.widgetWrapper .gridHeader {margin-bottom:14px;float:left;width:100%;}
.widgetWrapper .gridWrapper .left {width:135px;}
.widgetWrapper .gridWrapper .right {width:570px;}

/*One Column / Events Widgets */
.oneColumnWidget h2 {margin:0px 0px 13px;}
.oneColumnWidget ul {padding-bottom:12px;}
.oneColumnWidget .widgetContent {padding:16px;}

.featuredListWrapper {background:#fff;}
.featuredListWrapper .widgetContent {padding:0;}
.oneColumnWidget .divider {border-bottom:1px solid #AFAFAF; padding:5px 10px; background:#666666; color:#fff; font-weight:bold;}
.oneColumnWidget .dividerText {background:url('/css/factory/images/arrowDown_Gray.gif') no-repeat top right;padding:2px 25px 4px 0;}

.oneColumnWidget .section {border-bottom:1px solid #AFAFAF; padding:10px 10px; }
.oneColumnWidget .gray {background:#eee;}
.oneColumnWidget .last {border-bottom:none;}
.oneColumnWidget .sectionOther  h3 {font-size:90%;}
.oneColumnWidget .sectionOther  h4 {font-size:80%; margin:0px; padding:0px}
.oneColumnWidget .sectionOther  h5 {font-size:80%; margin:0px; padding:0px}

/* purple widget */
.purplewidgetWrapper {width:218px; margin-bottom:2px;}
.purplewidgetBody {width:100%; padding-bottom:10px}
.purplewidgetHeader {width:100%; background:url('/css/factory/images/widget_top_purple.png') no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; font-weight:700; padding:10px 1px 10px 15px; text-align:left}
.purplewidgetContent {width:100%; background:url('/css/factory/images/widget_bottom_purple.png') no-repeat bottom center;  padding-top:10px;} 
.purplewidgetText {width:auto; /* old {width:100%;} */  padding:0px 10px 10px ; line-height:14px}
.purplewidgetText li {padding-bottom:10px;}
.purplewidgetText a {font-weight:800;}

/* blog feed from rss include */

DIV.rssincl-entry {
	PADDING: 0 10px 10px; line-height:14px;}
.rssincl-itemtitle A {
	font-weight:800;
}
.rssincl-itemtitle {
	PADDING: 10px 0 0; MARGIN: 0px; }



/* Round Banner */
.round_banner {position:relative;margin-bottom:15px;}
.round_banner img {border-left: 1px solid #c9c9c9;border-right: 1px solid #c9c9c9;margin:0;padding:0;}
.round_banner .top_corners {position: absolute;top: 0px;background: url(/css/factory/images/round_banner_top_bg.png) no-repeat;width:710px;height: 15px;}
.round_banner .bottom_corners {position: absolute;bottom: 0px;background: url(/css/factory/images/round_banner_bottom_bg.png) no-repeat;width: 710px;height: 15px;}

.richtextBorderWidget {background:none;}

/* Footer */
#footerWrapper {width:100%; margin-top:-10px; height:100px;background:url(/css/factory/images/footer_background.jpg) repeat-x;} /*Outside mainBody to allow for full window width */
#footerWrapper #footerBody {width:950px; margin:0 auto; color:#fff;font-size:11px;}
#footerWrapper #footerBody a {color:#fff;}
#footerWrapper #footerBody .logo {float:left; margin:8px 0 0 15px;width:168px; display:none !important;}
#footerWrapper #footerBody .footerContent {float:left; margin: 25px 12px 0 0; width:379px;}
#footerWrapper #footerBody .info {float:left;margin:10px 0 0 0;}

/* widget filter Control */

#filterControlWrapper  {width:700px}
#filterControlBody  {width:100%}
#filterControlWrapper #filterControlBody #browse-menus {margin:10px 0px; text-align: left;}
#filterControlWrapper #filterControlBody #browse-menus td {padding:2px 5px}

#filterControlWrapper #filterControlBody #browse-menus input.purplebtn {color:#fff;border:none;font-weight:700;font-size:11px;padding:2px 2px 1px;border:#562e8f solid 1px;background:#683c9d;background: -moz-linear-gradient(top, #8f70bc, #683c9d 95%);
background: -webkit-gradient(linear, 0 0, 0 95%, from(#8f70bc), to(#683c9d));}

#filterControlWrapper #filterControlBody table.sortable a {font-weight:bold}
#filterControlWrapper #filterControlBody table.sortable th  {padding: 2px 5px; background:#4F2170; margin:10px; color:#fff; text-align: left; }
#filterControlWrapper #filterControlBody table.sortable td {padding: 4px 5px; text-align: left; border-bottom: dotted 1px #4F2170;}
#filterControlWrapper #filterControlBody #sortheader-date {width:75px;}
#filterControlWrapper #filterControlBody #sortheader-filter01 {}
#filterControlWrapper #filterControlBody #sortheader-filter02 {width:150px;}
#filterControlWrapper #filterControlBody #sortheader-filter03 {width:100px;}

#filterControlWrapper #filterControlBody .sortable th a {color:#fff;}

#filterControlWrapper #filterControlBody .paging {width:100%; text-align: center; margin:10px}
#filterControlWrapper #filterControlBody .paging a {font-weight:bold;}

#filterControlWrapper #filterControlBody .paging img {display: inline-block; margin:0 5px -3px 5px; }

/* end widget filter Control */

/* random photo widget */
.randomPhotoWrapper .widgetBody {position: relative; overflow: hidden;width: 710px;background: url(/css/factory/images/randomPhoto/round_banner_wide_sm.png) repeat-y;margin-bottom:25px;border:none;}
.randomPhotoWrapper .widgetBody .randomPhoto_inner {padding: 0 1px;font-size: 80%;}
.randomPhotoWrapper .widgetBody .top_corners, .randomPhotoWrapper .widgetBody .bottom_corners {position: absolute;width: 710px;height: 11px;	z-index: 10;}
.randomPhotoWrapper .widgetBody .top_corners {top: 0;background: url(/css/factory/images/randomPhoto/round_banner_wide_top_sm.png) no-repeat;}
.randomPhotoWrapper .widgetBody .bottom_corners {bottom: 0;background:url(/css/factory/images/randomPhoto/round_banner_wide_bottom_sm.png) no-repeat;}
.randomPhotoWrapper .widgetBody ul {margin: 0;padding: 0;}
#contentBody .randomPhotoWrapper .widgetBody ul li {width: 710px; margin: 0; padding: 0; list-style:none; background: #fcfcfc url(images/randomPhoto/media_carousel_sm02.jpg) 0 100% repeat-x;float: left; width: 708px;}
.randomPhotoWrapper .widgetBody li img {float: left;margin:-5px 0 0 0;}
.randomPhotoWrapper .widgetBody li .text_content {float: left;width: 340px;color: #545353;}
.randomPhotoWrapper .widgetBody li .text_content_inner {padding: 10px 30px;}
.randomPhotoWrapper .widgetBody li .text_content .tagline {margin-bottom: 5px; font-weight: bold; font-size: 85%;  text-transform: uppercase; color: #355fab;}
.randomPhotoWrapper .widgetBody li .text_content .title {font-size: 20px;color: #486AAB;}
.randomPhotoWrapper .widgetBody li .text_content_inner p {font-size:120%; padding:0px 0px; color:#333333;}
.randomPhotoWrapper .widgetBody li .text_content .title .alt_color {display: block;color: #fdba05;}
.randomPhotoWrapper .widgetBody li .text_content .more_link {font-size: 100%;}
/* this aligns the photo right */
.randomPhotoWrapper .randomPhotoRight li img { float: right;}
/* end random photo widget */

/* I Banner */
#contentBody .content .i_banner ul li {list-style:none ;margin:0;padding:0;}
#contentBody .content .i_banner ul ul li {list-style:none;margin:0;}
.content .i_banner img {margin:0;}

.i_banner {display: none;width: 710px;}
.i_banner .i_banner_top .overlay {position: absolute;background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/i_banner_top_bg.png) no-repeat;	width: 710px;height: 280px;	z-index: 1000;}
.i_banner .i_banner_top .overlay .content {overflow: hidden;width: 213px;height: 170px;	padding: 75px 462px 35px 35px;}
.i_banner .i_banner_top .content h1 {font-size: 220%;line-height: 110%;}
.i_banner .i_banner_top .content h1 span {font-size: 100%;font-family: "News Gothic MT", Arial, Helvetica;	padding: 0px;}
.i_banner .i_banner_top .overlay .content div {display: none;}
.i_banner .i_banner_top .overlay .content div.show, .i_banner .i_banner_top .images div.show {display: block;}
.i_banner .i_banner_top .overlay .content div.hide, .i_banner .i_banner_top .images div.hide {display: none;}
.i_banner .i_banner_top .images, .i_banner .i_banner_top .images div {position: static;}
.i_banner .i_banner_top .images {display: block;height: 280px;}
.i_banner .i_banner_top .images div {display: none;}
.i_banner .i_banner_top .images img {float: right;}
.i_banner_bottom ul {width: 710px;height: 44px;}
.i_banner_bottom ul li {float: left;text-align: center;	width: 177px;height: 44px;padding: 0px 0px 0px 1px;margin: 0px;}
.i_banner_bottom ul li a {border-left:1px solid #BFC0C4;display: block;background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/i_banner_bottom_li_a_bg.jpg) repeat-x;cursor: pointer;font-size: 90%;font-weight: bold;text-transform: uppercase;width: 177px;	height: 29px;padding: 15px 0 0 0;}
.i_banner_bottom ul li a:hover, .i_banner_bottom ul li a.active {background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/i_banner_bottom_li_a_hover_bg.jpg) repeat-x;color: #ffffff;text-decoration: none;}
.i_banner_bottom ul li.first {background: none;width: 178px;padding: 0px;}
.i_banner_bottom ul li.first a {background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/i_banner_bottom_li_first_a_bg.jpg) left no-repeat;border: none;width: 178px;}
.i_banner_bottom ul li.first a:hover, .i_banner_bottom ul li.first a.active {background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/i_banner_bottom_li_first_a_hover_bg.jpg) left no-repeat;}
.i_banner_bottom ul li.last a {	background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/i_banner_bottom_li_last_a_bg.jpg) right no-repeat;}
.i_banner_bottom ul li.last a:hover, .i_banner_bottom ul li.last a.active {	background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/i_banner_bottom_li_last_a_hover_bg.jpg) right no-repeat;}

/* Tabs Box Primary */

#contentBody .content .tabs_box_primary ul li {list-style:none ;margin:0;padding:0;}
#contentBody .content .tabs_box_primary ul ul li {list-style:none;margin:0;}
.content .tabs_box_primary img {margin:0;}

.tabs_box_primary {width: 690px;margin-bottom:24px;}

.tabs_box_primary .header {display: none;background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_primary_inner_content_top_bg.jpg) bottom no-repeat;height: 38px;	padding: 0px 0px 14px 0px;}
.tabs_box_primary .header ul {height: 38px;}
.tabs_box_primary .header ul li {float: left;background: none;margin: 0px;padding: 0px;}
.tabs_box_primary .header ul li a {display: block !important;border-left: 1px solid #afafaf;background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_primary_header_li_a_bg.jpg) repeat-x;cursor: pointer;font-weight: bold;font-size: 86%;text-align: center;	text-transform: uppercase;color: #345eab;min-width: 30px;height: 24px;	padding: 11px 15px 3px 15px;}
.tabs_box_primary .header ul li a.active {border-top:1px solid #BFC0C4;
	background: url(https://www.kellogg.northwestern.edu/styles/images/cmcrecruiter/backgrounds/tabs_box_secondary_header_li_a_hover_bg.jpg) repeat-x;}
.tabs_box_primary .header ul li.single {background: url(https://www.kellogg.northwestern.edu/styles/images/cmcrecruiter/backgrounds/tabs_box_primary_header_li_first_a_bg.jpg) left no-repeat;	border: none;cursor: pointer;}
.tabs_box_primary .header ul li.single.active {	background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_secondary_header_li_first_a_hover_bg.jpg) left no-repeat;}
.tabs_box_primary .header ul li.single a {	background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_primary_header_li_last_a_bg.jpg) right no-repeat;margin: 0px 0px 0px 8px;padding: 14px 16px 0px 8px;border: 0px;}
.tabs_box_primary .header ul li.single a.active {background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_secondary_header_li_last_a_hover_bg.jpg) right no-repeat;}
.tabs_box_primary .header ul li.first a {background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_primary_header_li_first_a_bg.jpg) left no-repeat;border: none;}
.tabs_box_primary .header ul li.first a.active {background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_secondary_header_li_first_a_hover_bg.jpg) left no-repeat;}
.tabs_box_primary .header ul li.last a {background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_primary_header_li_last_a_bg.jpg) right no-repeat;border-top: none;}
.tabs_box_primary .header ul li.last a.active  {background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_secondary_header_li_last_a_hover_bg.jpg) right no-repeat;}
.tabs_box_primary .header ul li a:hover, .tabs_box_secondary .header ul li.first a:hover, .tabs_box_secondary .header ul li.last a:hover {text-decoration: underline; }
.tabs_box_primary .header ul li a.active:hover, .tabs_box_secondary .header ul li.first a.active:hover, .tabs_box_secondary .header ul li.last a.active:hover {text-decoration: none;}
.tabs_box_primary .inner_content {background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_primary_inner_content_bg.jpg) repeat-y;width: 690px;}
.tabs_box_primary .inner_content_middle {display: block;width: 650px;padding: 5px 20px 5px 20px;}
.tabs_box_primary .inner_content_middle.show {display: block;}
.tabs_box_primary .inner_content_middle.hide {display: none;}
.tabs_box_primary .inner_content_bottom {background: url(https://www.kellogg.northwestern.edu/images/cmcrecruiter/backgrounds/tabs_box_primary_inner_content_bottom_bg.jpg) no-repeat;width: 690px;	height: 15px;}

/*FAQ and Related Widgets */

/*open and close buttons */
.expandable_guides .item {
    border-top: 1px solid #CECECE;
    width: 690px;
}
.expandable_guides .item .header {
    padding: 0 0 20px;
    width: 690px;
}
.expandable_guides .item .title {
    float: left;
    margin: 20px 0 0;
    padding: 0 10px 0 0;
    width: 658px;
}
.expandable_guides .item .title h2 {
    color: #345EAB;
    margin: 0;
    text-transform: uppercase;
}
.expandable_guides .item .open_close {
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    margin: 15px 0 0;
    width: 22px;
}
.title_open_close {
    cursor: pointer;
}
.expandable_guides .item .open_close.open {
    background: url("/css/factory/images/plus_button.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999em;
}
.expandable_guides .item .open_close.close {
    background: url("/css/factory/images/minus_button.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999em;
}
.expandable_guides .item .inner_content {
    display: none;
    padding: 0 0 20px;
    width: 690px;
}
.expandable_guides .item .inner_content.expanded {
    display: block;
}

.tabWidget {background:none;border:none;margin:0;}
.purplewidgetWrapper, .todolistWidget, .expandableWidget, .welcomesiteWidget, .faqWidget {background:none;border:none;margin:0;float:none;}

#contentBody .tabWidget ul, #contentBody .tabWidget ol {
    margin: -12px 0 0 0;
}

.faqWidget .question {font-weight:600;margin:6px 0;}
.faqWidget .answer {margin-bottom:12px;}

/* To-Do List */
.utility_buttons {float:left;width:100%;}
#contentBody .content .utility_buttons li {list-style:none;margin:0 0 12px 0;padding:0;}
.utility_buttons li li {float:left;list-style:none;}
.utility_buttons li a {text-transform:uppercase;}
.utility_buttons .expand_collapse_buttons li {width:179px; list-style:none;}
.utility_buttons .purple_btn {float:right;}

#contentBody .content h2.title {color:#000;font-size:16px;padding-top:16px;}/*FAQ Section Title*/
#contentBody .content .title h2 {color:#673C9F;}/*FAQ Questions*/
#contentBody .content .faqWidget ul.utility_buttons {border-bottom: 1px solid #CECECE;margin:0 0 16px 0;}


.faqWidget .expandable_guides .item {border-bottom: 1px solid #CECECE;border-top:none;}

.widgetWrapper .tabs_box_secondary .header  ul.utility_buttons {float:left;padding-left:12px;width:auto;}
.widgetWrapper .tabs_box_secondary .header  ul.utility_buttons li a {background:none;border:none;}
.widgetWrapper .tabs_box_secondary .header  ul.utility_buttons .expand_collapse_buttons li a {margin:24px 0 0 0;}
#contentBody .content .widgetWrapper .tabs_box_secondary .header  ul.utility_buttons li.rss_btn {margin:-12px 0 0 0;}
#contentBody .content .widgetWrapper .tabs_box_secondary .header  ul.utility_buttons li.purple_btn {margin:-6px 0 0 108px;}

.tabWidget .expandableWidget .item .header {width:900px;background:none; border-bottom:1px solid #CECECE;padding:0 0 6px 0;margin:0 0 24px 0;}
.tabWidget .expandableWidget .title {width:865px;}
#contentBody .content .tabWidget .expandableWidget .title  h2 {float:left;width:130px;color: #673C9F;}
.tabWidget .expandableWidget .title .tasks_number {float:left;}
.tabWidget .expandableWidget .item .open_close {}

.tabWidget .expandable_guides .item {border:none;}
.tabWidget .expandable_guides .item .inner_content {width:900px;background:none;}
.tabWidget .expandableWidget .inner_content .selection_hed {width:100%;}
.tabWidget .expandableWidget .inner_content .expand_richtextarea {width:575px;margin:6px 0 0 1px;float:left;}
.tabWidget .expandableWidget .inner_content .selection_hed .selection_check_box {float:left;width:30px;}
.tabWidget .expandableWidget .inner_content .selection_hed .selection_title {float:left;width:610px;}
.tabWidget .expandableWidget .inner_content .selection_hed .selection_date {float:right;width:190px;margin:0 60px 0 0;}

.tabWidget .expandableWidget .inneritemWrapper {width:100%;float:left;margin:0 0 12px 0;}