@charset "utf-8";
/* CSS Document */
body {
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #eee url(//deptcommon.fsm.northwestern.edu/images/fsm-bg-top-darken-gradient.png) repeat-x top; /*silver*/
    font-family : Arial, Helvetica, sans-serif;
}

.twoColLiqLtHdr #global_links {
    color: #FFFFFF;
    font-size: 11px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: right;
    width: 980px; /* same as the width of #container */
}
.twoColLiqLtHdr #global_links a {
    color: #FFF;
    text-decoration: none;
    padding: 0 3px;
}
.twoColLiqLtHdr #global_links a:hover {
    color: #CCC;
    text-decoration: underline;
} 
.twoColLiqLtHdr #container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    min-width: 980px;
    text-align: left;
    width: 980px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);
}
.twoColLiqLtHdr #sidebarLeft {
    float: left;
    padding: 0.5em 0 15px;
    width: 180px;
}
.twoColLiqLtHdr #sidebarLeft h3, .twoColLiqLtHdr #sidebarLeft p {
    margin-left: 10px;
    margin-right: 10px;
}
.twoColLiqLtHdr #mainContent {
    margin: 0 20px 0 0;
    float:right;
    width: 760px;
}
.twoColLiqLtHdr #mainContent.splash {
    margin: 0 20px;
}

.clearfloat {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 0;
}

#banner {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 60px;
    margin: 0;
    padding: 0 0 0 20px;
    border-bottom: 7px solid #520063;
}

#banner a.fsm-pen-logo {
    background: url(../gfx/common/fsm-img2.png) no-repeat left -625px scroll;
    float: left;
    font-size: 0;
    width: 260px;
    height: 60px;
    display: block;
        
}
#banner a.fsm-pen-logo:hover {
    background-position: left -570px;   
}
#banner #search img {
    float: right;
    margin: 0;
    padding: 17px 17px 0 0;
}
#breadcrumb {
    clear: both;
    padding: 10px 5px 5px 18px;
}
#breadcrumb p, #breadcrumb p a:link, #breadcrumb p a:visited {
    color: #999999;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 11px;
    font-style: italic;
    margin: 0;
    padding: 0 3px 0 0;
    text-decoration: none;
    text-transform: none;
}
#breadcrumb p a:hover {
    color: #666666;
}
#breadcrumb p a.current {
    color: #999999;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}
#topNav {
    background: url(//deptcommon.fsm.northwestern.edu/images/top-bar-gradient.gif) repeat-x scroll left top transparent;
    clear: both;
    height: 38px;
    margin: 0;
    padding: 0 0 0 10px;
    position:relative;
    z-index: 9999;
}
#sidebarLeft h1 {
    color: #520063;
    font-family: 'News Cycle',arial,serif;
    font-size: 150%;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0;
    padding: 13px 5px 2px 17px;
    text-decoration: none;
}
#sidebarLeft h1 a {
    color: #520063;
    display: block;
    text-decoration: none;
}
#sidebarLeft h1 a.current, #sidebarLeft h1 a.current:hover {
    color: #520063;
    cursor: default;
    text-decoration: none;
}
#sidebarLeft h1 a:hover {
    color: #6D6E71;
    text-decoration: none;
}
#sidebarLeft h2 {
    color: #6D6E71;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    padding: 10px 5px 10px 17px;
    text-decoration: none;
}
#sidebarLeft h2 a {
    color: #6D6E71;
    display: block;
    text-decoration: none;
}
#sidebarLeft h2 a:hover {
    color: #0082bf;
}
#sidebarLeft ul {
    list-style: none outside none;
    margin: 0 0 0 5px;
    padding: 0;
}
#sidebarLeft ul li {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
}
#sidebarLeft ul a {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #DADADA;
    color: #5D5D5D;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 5px 4px 15px;
    text-decoration: none;
}
#sidebarLeft ul a:hover, #sidebarLeft ul a.parent:hover {
    background-color: #EBEBEB;
    color: #0082BF;
}
#sidebarLeft ul a.current {
    background: url(//deptcommon.fsm.northwestern.edu/images/sidebar-arrow-purple.gif) no-repeat scroll 4px 9px transparent;
    color: #000000;
    cursor: default;
}
#sidebarLeft ul.currentSection {
}
#sidebarLeft ul a.parent {
    background: none repeat scroll 0 0 #919296;
    border-bottom: medium none;
    color: #FFFFFF;
    font-weight: bold;
}
#sidebarLeft ul ul {
    border-bottom: 1px solid #DADADA;
}
#sidebarLeft ul ul a {
    border-bottom: medium none;
    padding: 4px 5px 4px 25px;
}
#sidebarLeft ul ul a.current {
    background: url(//deptcommon.fsm.northwestern.edu/images/sidebar-arrow-purple.gif) no-repeat scroll 11px 10px transparent;
}
#mainContent a, #mainContent a:link {
    color: #0082BF;
    text-decoration: none;
}
#mainContent a:hover {
    text-decoration: underline;
}
#mainContent, #mainContent p {
    color: #333333;
    font-size: 90%;
    line-height: 1.6em;
    margin: 0 0 1em;
    padding: 0;
}
#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
    font-family: 'News Cycle',arial,serif;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0.5em 0 0;
    padding: 0;
}
#mainContent h1 {
    border-top: 2px solid #864C91;
    color: #520063;
    font-size: 180%;
    margin-top: 0.4em;
    padding: 10px 0 14px;
}
#mainContent h2 {
    color: #6D6E71;
    font-size: 150%;
}
#mainContent h3 {
    color: #520063;
    font-size: 120%;
}
#mainContent h4 {
    color: #6D6E71;
    font-size: 120%;
}
#mainContent ul {
    list-style: none outside none;
    margin: 0 0 1em;
    padding: 0;
}
#mainContent ul li {
    border-bottom: 1px solid #CCCCCC;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6em;
    margin: 0;
    padding: 5px 8px 5px 5px;
    text-decoration: none;
    width: 60%;
}
#mainContent ul li.no-border {
    border: none;
    width: auto;
}
#mainContent ol {
    margin: 0 0 1em 1em;
    padding: 0;
    color: #520063;
    list-style: decimal;
}
#mainContent ol li {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6em;
    margin: 0;
    padding: 5px 8px 5px 0;
    text-decoration: none;
}

.fltrt {
    float: right;
    margin: 0 0 0 12px;
}
.fltlft,
.fltlft4shadow {
    float: left;
    margin: 0 12px 0 0;
}
.fltlft4shadow {
    margin-right: 20px;
}
#mainContent a:visited, #AsideContent a:visited {
    color: #096B91;
}
#mainContent .lastUpdated {
    color: #999999;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 11px;
    font-style: italic;
    clear: both;
}
#mainContent img.bigBoxShadow,
#mainContent img.bigBoxShadow_no_float {
    border: 8px solid #FFFFFF;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.38);
    float: right;
    margin: 0 0 10px 0;
}
#mainContent img.bigBoxShadow_no_float {
    float:none;
}
.twoColLiqLtHdr #NuFooter {
    clear: both;
    height: 75px;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: left;
    width: 980px;
}
#NuFooter img {
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
}
#NuFooter p {
    color: #666;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
    padding: 0 0 0 200px;
}
#NuFooter p.allCaps {
    text-transform: uppercase;
    padding-top: 28px;
}
#NuFooter a {
    color: #666;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}
#NuFooter a:link {
    color: #666;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}
#NuFooter a:visited {
    color: #666;
    text-decoration: none;
}
#NuFooter a:hover {
    text-decoration: underline;
}
#AsideContent {
    border-left: 2px solid #DADADA;
    float: right;
    margin: 0 0 10px 10px;
    padding: 0 0 20px 20px;
    width: 200px;
}

#AsideContent p,
#AsideContent em,
.news_img_caption {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 0.78em;
    font-style: italic;
    line-height: 1.5em;
}
.news_img_caption { 
    text-align: center; 
    margin: 0 auto;
    *margin: 0 8px; /* IE 7 hack with margin - same as image border */
    width: 250px;
}
.news_img_caption em{
    font-style: normal;
}
#banner #search {
    float: right;
    margin: 15px 18px 5px 0;
}
#banner #search_form {
    position: relative;
}
#banner #search_form #search_options {
    background: none repeat scroll 0 0 #CCCCCC;
    clear: both;
    display: none;
    padding: 3px;
    position: absolute;
    min-width: 214px;
    min-height: 25px;
    z-index: 99;
}
#banner #search_form #search_options label {
    color: #6D6E71;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 12px;
    padding: 0 8px 0 4px;
}
#banner #search_form #search_options .radio {
    margin: 0;
    padding: 0;
}
#banner #search .search_box {
    background: url(//deptcommon.fsm.northwestern.edu/images/bg_search_box_200.png) no-repeat scroll 0 0 transparent;
    height: 31px;
    width: 220px;
}
#banner #search .search_box #q {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #6D6E71;
    float: left;
    margin-left: 5px;
    outline: medium none #FFFFFF;
    padding: 0;
    width: 172px;
}
#banner #search .search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

#NuFooter a#NU-Home, #NuFooter a#NU-Home:hover {
    background:url(../gfx/common/fsm-img2.png) center -259px no-repeat scroll;
    float: left;
    width: 180px;
    height: 60px;
    margin: 20px 0 0 0;
    padding: 0px;
}
#NuFooter a#NU-Home:hover {
    background-position: center -199px;
}
#brandFooter {
    font-size: 0.7em;
    margin: 20px 0 0;
    padding: 13px 0;
    width: 100%;
    overflow: auto;
    /*border-top: 10px solid #520063;*/
    background: url(//deptcommon.fsm.northwestern.edu/images/purple-gradient.png) repeat-y scroll left top #331D54;
    color: #fff;
}

#brandFooter a {
    color: #fff;
    text-decoration: none;
}
#brandFooter a:link {
    color: #fff;
    text-decoration: none;
}
#brandFooter a:visited {
    color: #fff;
    text-decoration: none;
}
#brandFooter a:hover {
    text-decoration: underline;
}

#brandFooter .fsmLogo {
    float: right;
    margin: 0;
    padding: 0 12px 12px 0;
    width: 140px;
}
#brandFooter #footer_wrapper_left {
    margin-left: 20px;  
    /*float:left;*/
}
#brandFooter .fsmLinks {
    margin: 0;
    font-weight: bold;
}
#brandFooter .fsmLinks ul {
    color: #fff;
    font-weight: bold;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#brandFooter .fsmLinks li {
    display: block;
    margin: 0;
    padding: 0 0.5em;
    float: left;
    border-right: 1px solid #eee;
}
#brandFooter .fsmLinks li.first {
    padding-left: 0;    
}
#brandFooter .fsmLinks li.last {
    border-right: none;
}
#brandFooter .footer_misc {   
    /*color: #666;*/
    padding: 3px 0;
    clear: left;
}
#brandFooter .footer_misc p{
    margin: 0;
    margin-top: 3px;
}
#brandFooter .footer_misc a {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
}
#brandFooter .unitAddress {
    color: #fff;
   /* float: left;width: 180px;*/
    line-height: 1.3em;
    margin: 0;
    padding: 2px 0 0;
    clear: left;
    font-size: 0.9em;
}
#brandFooter .unitAddress a, #brandFooter .unitAddress a:link {
    font-weight: bold;
}
#brandFooter a#Feinberg-School-of-Medicine-Home, #brandFooter a#Feinberg-School-of-Medicine-Home:hover {
    background: url(../gfx/common/fsm-img2.png) no-repeat left -60px scroll;
    float: right;
    font-size: 0;
    width: 140px;
    height: 60px;
    display: block;
}

#brandFooter a#Feinberg-School-of-Medicine-Home:hover {
    background-position: 0 0;
}

#brandFooter a#Facebook, #brandFooter a#Facebook:hover,
#brandFooter a#Twitter, #brandFooter a#Twitter:hover,
#brandFooter a#Flickr, #brandFooter a#Flickr:hover,
#brandFooter a#LinkedIn, #brandFooter a#LinkedIn:hover {
    height: 23px;
    display: block;
    float: left;
    font-size: 0;
    text-indent: -6000px;
}

#brandFooter a#Facebook, #brandFooter a#Facebook:hover {
    background: url(../gfx/common/fsm-img2.png) 0 -342px no-repeat scroll;
    width: 25px;
}
#brandFooter a#Facebook:hover {
    background-position: 0 -319px;
}

#brandFooter a#Twitter, #brandFooter a#Twitter:hover {
    background: url(../gfx/common/fsm-img2.png) -26px -342px no-repeat scroll;
    width: 25px;
}
#brandFooter a#Twitter:hover {
    background-position: -26px -319px;
}

#brandFooter a#Flickr, #brandFooter a#Flickr:hover {
    background: url(../gfx/common/fsm-img2.png) -52px -342px no-repeat scroll;
    width: 25px;
}
#brandFooter a#Flickr:hover {
    background-position: -52px -319px;
}

#brandFooter a#LinkedIn, #brandFooter a#LinkedIn:hover {
    background: url(../gfx/common/fsm-img2.png) -78px -342px no-repeat scroll;
    width: 28px;
    margin-right: 10px;
}
#brandFooter a#LinkedIn:hover {
    background-position: -78px -319px;
}
#breadcrumb p span.current {
    font-weight: bold;
}
a .alt { display: none; }

a.hide_text {
    text-indent: -9999px;
}

/* table style */
#mainContent table th {
    border-bottom: 4px solid #333333;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 10px 3px;
    text-align: left;
    text-transform: uppercase;
}
#mainContent table th.required {
    border-bottom: 4px solid #00B1C0;
    color: #00B1C0;
    text-align: left;
}
#mainContent table td {
    background: url(//deptcommon.fsm.northwestern.edu/images/silver-bg-vertical.jpg) repeat-x scroll bottom center transparent;
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.3em;
    border-left: 1px solid #efefef;
    padding: 10px;
}
#mainContent table td.required {
    border-bottom: 1px solid #00B1C0;
    color: #000000;
}

#mainContent table.no_bg td {
    background-image: none;
}

/* 
    Document   : mega_nav
    Created on : Jun 1, 2011, 12:14:20 PM
    Author     : mkk256, modified by crs453 Jun 3 ,2011
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
ul#mega {
    margin: 0; padding: 0;
    float:left;
    width: 100%;
    list-style: none;
    /*font-size: 1.1em;*/
}
ul#mega li {
    float: left;
    margin: 0; 
    padding: 0;
    position: relative; /*--Important--*/
    background: none;
}

ul#mega li.first {
    border-left: 1px solid #9c9c9c;
}
ul#mega li a {
    float: left;
    /*text-indent: -9999px;*/ /*--Push text off of page--*/
    /*height: 44px;*/
    margin: 0;
    padding: 9px 10px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #9c9c9c;
    display: block;
    font-size: 0.95em;
    font-family: Arial, Helvetica, sans-serif;
    color: #5d5d5d;
    text-decoration: none;
    font-weight: normal;
}
ul#mega li a img {
    padding: 0 0 0 10px;
    border: none;
}
ul#mega li:hover a, ul#mega li a:hover { 
    background-position: left bottom; 
    background-color: #ebebeb;
    color: #0082bf;
    font-weight: normal;
    } /*--Hover State--*/
    
ul#mega li a.current {
    color: #6d6e71;
    cursor: default;
    background: #FFF;
    border: 1px solid #CCC;
    border-bottom: none;
    margin-top: -2px;
    padding-top: 11px;
}
ul#mega li a.current:hover {
    color: #0082bf;
}

ul#mega li .sub {
    position: absolute; /*--Important--*/
    top: 38px; left: 0;
    z-index: 99999;
    background: #ebebeb;
    padding: 15px 20px 20px;
    float: left;
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    display: none; /*--Hidden for those with js turned off--*/
}
ul#mega li .row {
 /*--If needed to break out into rows--*/
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 2px solid #ccc;
}
ul#mega li .sub ul{
    list-style: none;
    margin: 0; padding: 0;
    width: 180px;
    float: left;
}
ul#mega .sub ul li {
    width: 100%; /*--Override parent list item--*/
    color: #6d6e71;
    margin: 0; 
    padding: 0;
}
ul#mega .sub ul li h2  { /*--Sub nav heading style--*/
    margin: 7px 0 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}


ul#mega .sub ul li a {
    padding: 0px 5px 7px 10px;  
    margin: 0;
    float: none;
    text-indent: 0; /*--Override text-indent from parent list item--*/
    height: auto; /*--Override height from parent list item--*/
    display: block;
    text-decoration: none;
    color: #6D6E71;
    font-size:12px;
    border: none;
}
ul#mega .sub ul li a:hover {
    color: #0082bf;
    text-decoration: underline;
    background: url(//deptcommon.fsm.northwestern.edu/images/sidebar-arrow-gray.gif) no-repeat left 5px;
}

/* customized */

ul#mega .sub ul li a.folder {
    font-size: 13px;
    font-weight: bold;
}

ul#mega .sub ul li a.sub_item {
    margin-left: 7px;
}

div.space {
    display:block; 
    height: 23px
}
ul#mega li .right {
    left: auto;
    right: 0;
}

/* End Mega Menu */

#tabs ul,
#mainContent .tabs ul{
    margin: 0;
}
#tabs ul li,
#mainContent .tabs ul li {
    width: auto;
    border-bottom: 1px solid #eee;
}
#tabs dl {
    font-size: 0.8em;
    margin: 0 0 5px;
}
#tabs dl dt {
    float: left;
    width: 35px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.8em;
    color: #6d6e71;
  
}
#tabs dl dd {
    margin-left: 39px;
    border-bottom: 1px solid #eee;
}
#tabs dl dt.prev {
    width: 120px;
}
#tabs dl dd.prev {
    margin-left: 125px;
}
#tabs dl dd div.headline-source {
    font-style: italic;
    font-size: 1em;
    font-family: Georgia, "Times New Roman", serif;  
    color: #6d6e71;
}

#tabs.with-aside-content {
    float: right;
    width: 510px;
}

span.Header_1, span.Header_2 {
    display: none;
}
img.boxshadow,
.twoColLiqLtHdr #left_col #wrapper #news dl dt img.boxshadow {
    border: 2px solid #FFFFFF;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.38);
}


/* Right side bar news items */
#AsideContent #headlines,
#AsideContent #headlines ul li h4,
#mainContent ul.recent-news,
.honors,
.news-feature-caption {
    font-family: Georgia,"Times New Roman",Times,serif;
}

#AsideContent h3 a.heading-with-arrow  {
    background: url(../gfx/common/fsm-img2.png) no-repeat scroll right -447px transparent;
    color: #520063;
    font-weight: normal;
    padding-right: 20px;
}
#AsideContent h3 a.heading-with-arrow:hover {
    background-position: right -470px;
    text-decoration: none;
}

#AsideContent #headlines ul {
    margin: 5px 0;
}
#AsideContent #headlines ul li {
    border: none;
    font-size: 75%;
    font-style: italic;
    width: 90%;
}
#AsideContent #headlines ul li h4{
    font-size: 110%;
    line-height: 1.3em;
    font-style: normal;
    font-family: Georgia,"Times New Roman",Times,serif;
}

/* news list style */
#mainContent ul.recent-news li,
#mainContent ul.recent-news-aside li {
    border: none;
    clear: left;
    width: 100%;
}
#mainContent ul.recent-news li span.news-date,
#mainContent ul.recent-news-aside li span.news-date {
    display: block;
    margin-right: 5px;
    float: left;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 10px;
}
#mainContent ul.recent-news-aside li span.news-date {
    float: none;
    margin-bottom: 0;
}
#mainContent ul.recent-news li a,
#mainContent ul.recent-news li .news_summary {
    display: block;
    margin-left: 70px;  
}

#mainContent ul.recent-news li a {
    font-size: 14px;
}
#mainContent ul.recent-news-aside li a,
#mainContent ul.recent-news-aside li .news_summary {
    display: block;
}
/* news jcarousel */
#mainContent #content-wrap {
    width: 516px;   
    font-family: Georgia,"Times New Roman",Times,serif;
}
#mainContent #content-wrap .recent-news {
    float: left;
}
#mainContent .feature-carousel {
    width: 516px;   
}
#mainContent .feature-carousel ul li a {
    color: #eee;
}
#mainContent .feature-carousel ul li a img {
    border: none;   
}
.news-feature-caption {
    padding: 5px 3px 3px;
    text-align:center;
}
ul#feature-carousel li {
    width: 150px;
    padding: 0;
    border: none;
    margin-right: 33px;
}
ul#feature-carousel li .item-wrap { 
    float: left;
}
.col-left {
    width: 48%;
    float: left;
}
.col-right {
    float: right;
}
#mainContent ul.w415 li {
    width: 415px;
}
#mainContent ul.w300 li {
    width: 300px;
}
#mainContent ul.w180 li {
    width: 180px;
}
.SectionBg {
    background: url(../gfx/common/section-break.png) repeat-x scroll center top transparent;
    border-top: 1px solid #CCCCCC;
    margin: 8px 0 0;
    padding: 10px;
    clear: left;
}
/* Latest News on Left Sidebar */

#sidebarLeft #latest-news-on-sidebar-left h3 {
    font-size: 1.3em;   
    margin-bottom: 5px; 
    margin-top: 30px;
}
#sidebarLeft #latest-news-on-sidebar-left a, #latest-news-on-sidebar-left a:link {
    text-decoration: none;
    margin-left: 15px;
    padding-left: 0px;
}
#sidebarLeft #latest-news-on-sidebar-left a:hover {
    text-decoration: underline;
    background: none;
}
#sidebarLeft #latest-news-on-sidebar-left h3 a.heading-with-arrow  {
    background: url(../gfx/common/fsm-img2.png) no-repeat scroll right -445px transparent;
    color: #520063;
    font-weight: normal;
    padding-right: 20px;
    margin-left: 0px;
}
#sidebarLeft #latest-news-on-sidebar-left h3 a.heading-with-arrow:hover {
    background-position: right -468px;
    text-decoration: none;
}
#sidebarLeft #latest-news-on-sidebar-left ul {
    font-family: Georgia,"Times New Roman",Times,serif;
    margin: 5px 0;
    list-style: none outside none;
    margin: 0 0 1em;
    padding: 0;
    font-size: 90%;
}
#sidebarLeft #latest-news-on-sidebar-left ul.recent-news li {
    clear: left;
    width: 100%;
    font-size: 90%;
    margin-top: 5px;
    padding-bottom: 5px;
}
#sidebarLeft #latest-news-on-sidebar-left ul.recent-news li a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.9em;
}

/* News Article */
#mainContent .by-line, 
#mainContent p.news-contact {
    font-style:italic;
    color: #5D5D5D;
    font-size: 0.8em;
}
#mainContent #share {
    float: right;
    margin-bottom: 10px;
    width: 138px;
}

/* Panel */
#Panel a#RSS, #Panel a#RSS:hover {
    background: url("../gfx/common/fsm-main-panels-sprite-180.png") no-repeat scroll left bottom transparent;
    float: left;
    font-size: 0;
    height: 70px;
    padding: 0 0 15px;
    width: 180px;
    }
#Panel a#RSS:hover {
                background: url(../gfx/common/fsm-main-panels-sprite-180.png) no-repeat scroll right bottom;
}

a.hide_text {
    text-indent: -9999px;
}

/* Dean */
#AsideContent .publications {
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 210px;
}
#mainContent .arrowPurple ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#mainContent .arrowPurple li{
    background: url(//deptcommon.fsm.northwestern.edu/images/sidebar-arrow-purple.gif) no-repeat scroll 11px 10px transparent;
    background-repeat: no-repeat;
    padding-left: 30px;
    border-bottom: none;
}
#mainContent .arrowPurple-fw li {
    background: url(//deptcommon.fsm.northwestern.edu/images/sidebar-arrow-purple.gif) no-repeat scroll 11px 10px transparent;
    background-repeat: no-repeat;
    padding-left: 30px;
    border-bottom: none;
    width: 90%;
}

#mainContent .list-fw li {
    width: 90%;
}

/* accordion */

#accordion h3 {
    font-size: 1em;
}

/* news article - pull quote and event box */
.w150, .w150r, .w150l,
.w250, .w250r, .w250l,
.w400, .w400r, .w400l { width: 166px; float:right; margin: 0 0 5px 10px}
.w250, .w250r, .w250l { width: 266px;}
.w400, .w400r, .w400l { width: 416px;}
.w150l, .w250l, .w400l { float: left; margin: 0 10px 5px 0}
.w150 .news_img_caption, .w150r .news_img_caption, .w150l .news_img_caption,
.w250 .news_img_caption, .w250r .news_img_caption, .w250l .news_img_caption,
.w400 .news_img_caption, .w400r .news_img_caption, .w400l .news_img_caption { width: 92%; text-align:left; margin: 0 10px}
/* news pull quote */
#mainContent .pull_quote {                  
    clear: right;
    float: right;
    margin: 0 0 5px 10px;
    padding: 8px 15px;
    width: 92%;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-style: italic;
    font-size: 120%;
    line-height: 1em;
}
#mainContent .pull_quote .big {
    font-size: 200%;
    color:#999999;
    vertical-align: bottom;
    }
#mainContent .pull_quote .byline {
    font-size: 70%; 
    text-align: right;
}
/* news event addition */
#event_section {font-size: 85%;}
.event_callout {
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.38);
    clear: right;
    float: right;
    margin: 0 0 5px 10px;
    padding: 15px 12px;
    width: 90%;
    font-size: 85%;
}
#event_section .event_date {
    background: url(../gfx/calendar-icon.jpg) no-repeat scroll 0 0 transparent;
    float: left;
    font-weight: bold;
    height: 52px;
    text-align: center;
    width: 52px;
    font-size: 115%;
    margin-right: 10px;
}
#event_section p.event_month, #event_section p.event_day {
    margin: 0;
    padding: 0;
    width: 46px;
}
#event_section p.event_month {
    color: #000000;
    font-size: 75%;
    text-transform: uppercase;
}
#event_section p.event_day {
    color: #0082BF;
    font-size: 1.4em;
}
#event_section .event_detail {
    margin-bottom: 5px;
}
#event_section .event_detail h2, #event_section .event_detail h3, #event_section .event_detail p {margin: 0;}
#event_section .event_detail h2 {font-size: 16px; color: #0082BF}
#event_section .event_detail h3 {font-size: 14px; color: #520063}
/* pull_quote and event_callout on left */
#mainContent .w150l .pull_quote , #mainContent .w250l .pull_quote, #mainContent .w400l .pull_quote,
#event_section .w150l .event_callout , #event_section .w250l .event_callout , #event_section .w400l .event_callout  {
    float: left; margin: 0 10px 5px 0
}
/* file icon sprite  */
#mainContent a[href$='.doc'], #mainContent a[href$='.docx'], #mainContent a[href$='.pdf'], #mainContent a[href$='.xls'], #mainContent a[href$='.xlsx'], #mainContent a.slideshow, #mainContent a.video {
    display: inline-block;
    padding-left: 20px;
    background: transparent url(../gfx/icons/icons-vertical.png) left -5px no-repeat;
}
#mainContent a[href$='.pdf'] {
    background-position: left -105px;
}
#mainContent a.slideshow {
    background-position: left -205px;
}
#mainContent a.video {
    background-position: left -305px;
}
#mainContent a[href$='.xls'], #mainContent a[href$='.xlsx'] {
    background-position: left -405px;
}
#mainContent a.no_icon {
    padding-left: 0;
    background: none;
}/* to hide icon on linked images */
#mainContent a[href$='.doc'] img, #mainContent a[href$='.docx'] img, #mainContent a[href$='.pdf'] img, #mainContent a[href$='.xls'] img, #mainContent a[href$='.xlsx'] img, #mainContent a.slideshow img, #mainContent a.video img {
    display: inline-block;
    padding-left: 0;
    background: none;
}
#mainContent a.no_icon img {
    padding-left: 0;
    background: none;
}

iframe.video { border: 5px solid #000 }

/* Dean's Media Area */
#mainContent .deans-media h3 {
    font-size: 1em;
    margin-bottom: 6px;
}


#mainContent .deans-media h4 {
    color: #6D6E71;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 0.9em;
    font-style: italic;
}

#mainContent .deans-media p {
    font-size: 75%;
}

#mainContent .deans-media hr {
    border: none;
    border-bottom: 1px solid #EEEEEE;
}
/* News Archive Year Tab Style */
#mainContent #yearTabs ul.ui-tabs-nav li {
    width: auto;
    margin-bottom: 1px;
    padding: 0;
}
/* More Text Style */
/* MORE button style */
#mainContent a.moreText, #mainContent a.moreText:link, #mainContent a.moreText:visited {
    padding: 3px 5px;
    font-family: Arial, Geneva, sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    text-decoration:none;
    font-weight: normal;
    color: #fff;
    background-color:#0082bf;
    text-align: center;
    width: 30%
}

#mainContent a.moreText:hover, #mainContent a.moreText:active {
    color: #fff;
    background-color:#6d6e71;
}
/* styling for text on Contact Us Data Tables Administrative, Academic, etc */
#mainContent table.dataTable td p.contactPhone {
    font-size: 1.2em;
    color: #6d6e71;
    padding: 12px 0 0 0;
}
#mainContent table.dataTable td p.contactAdmin {
     padding: 0 0 12px 0;
}
/* ----- email and profile icons ------*/
#mainContent a.link-profile,
#mainContent a.link-email {
    display: block;
    height: 15px;
    padding-left: 20px;
    padding-right: 0;
    background: url(../gfx/icons/contact-icons.png) no-repeat left 0;
    margin-top: 5px;
}
#mainContent a.link-email:hover, #mainContent a.link-email:active, #mainContent a.link-profile:hover, #mainContent a.link-profile:active  {
 opacity: 0.75;
}

#mainContent a.link-profile {
    background-position: 0 -22px;
    height: auto;
    margin-top: 0;
    margin-bottom: 5px;
}