/**
 * @version $Revision: 194 $ / $Date: 2009-09-23 10:31:21 +0100 (Wed, 23 Sep 2009) $
 */
div.side-bar {
   padding:0;
   font-size:75%;
   background:url(/images/department/menu-border.gif) 0% 0% repeat-y;
   background-color:#ffffff;
   margin-bottom:5px;
}

div.side-bar ul {
   list-style:none;
   margin:0;
   padding:0;
}

div.side-bar ul li.small-link {
   font-size:90%;
   text-align:center;
   cursor:pointer;
   margin:0;
   padding:0;
}

div.side-bar h5 {
   font-size:100%;
   font-weight:bold;
   text-align:center;
   height:20px;
   color:#ffffff;
   line-height:20px;
   margin:0;
   padding:0;
}

div.side-bar ul.navigation span, div.side-bar ul.navigation  a.title-link {
   font-weight:bold;
   display:block;
   padding-top:3px;
   padding-left:5px;
   margin-left:5px;
   letter-spacing:-0.5px;
}

div.side-bar ul.navigation a.title-link {
   margin-bottom:5px;
   font-size:100%;
   margin:0;
}

div.side-bar ul.navigation span {
   margin:0;
}


div.side-bar ul.navigation li {
   margin:0;
   padding:0;
   line-height:120%;
}

div.side-bar ul.navigation ul a {
   display:block;
   color:#666666;   
   padding:0 0 0 13px;
   text-decoration:none;
   font-size:90%;
   height:100%;
}

div.side-bar ul.navigation ul a:hover {
   text-decoration:underline;
}


div.side-bar ul.navigation li ul li.active a {
   font-weight:bold;
}

div.side-bar ul.navigation li ul li p {
   margin-left:10px;
}

div.side-bar a {
   text-decoration:none;
   font-weight:bold;
}

div.side-bar ul.navigation a {
   font-weight:normal;
}

div.side-bar a:hover {
   text-decoration:underline;
}

div.side-bar .footer {
   background:url(/images/department/menu-footer.gif) 0% 0% no-repeat transparent;
   height:10px;
   margin:0;
   padding:0;
}

div.side-bar ul.sidebar li {
   overflow:auto;
   margin-bottom:5px;
}

div.side-bar ul.sidebar li:last-child {
   margin-bottom:0;
}

div.side-bar h4 {
   font-size:90%;
   margin:5px 0 0 0;
   padding:0 5px 0 5px;
   text-align:center;
}

div.side-bar div h4 a {
   color:inherit;
   text-decoration:none;
}

div.side-bar div a:hover {
   text-decoration:underline;
}

div.side-bar p {
   margin:0 0 2px 0;
   font-size:80%;
}

div.side-bar div p a {
   text-decoration:none;
   font-weight:bold;
}

div.side-bar div p a:hover {
   text-decoration:underline;
}

/** -- UPCOMING EVENTS -- **/

div.side-bar ul.upcoming-events li table.event tr td p {
   margin:0;
}

div.side-bar ul.upcoming-events li table.event tr td p.course {
   font-size:100%;
}

div.side-bar ul.upcoming-events li table.event tr td p.city {
   font-size:90%;
}

div.side-bar ul.upcoming-events li table.event tr td p.city-large {
   font-size:120%;
}

div.side-bar ul.upcoming-events li table.event tr td {
   font-size:90%;
   vertical-align:middle;
}

div.side-bar ul.upcoming-events td a:hover span.month {
   text-decoration:underline;
}

div.side-bar ul.upcoming-events li table.event span.day,
div.side-bar ul.upcoming-events li table.event span.month {
   display:block;
   font-weight:bold;
   width:30px;
   text-align:center;
}

div.side-bar ul.upcoming-events li table.event span.day {
   font-size:140%;
}

div.side-bar ul.upcoming-events li table.event span.month {
   font-size:100%;
}

div.side-bar ul.upcoming-events li table.event tr.links {
   font-size:80%;
}

/** -- REVIEWS -- **/

div.side-bar ul.sidebar li.review {
   margin-top:10px;
   text-align:center;
   line-height:130%;
}

div.side-bar ul.sidebar li.review a {
   font-style:italic;
}

div.side-bar ul.sidebar li.review span.name {
   font-weight:bold;
}

div.side-bar ul.sidebar li.review  em {
   font-size:130%;
}

div.side-bar ul.related-courses li {
   text-align:center;
}

/**
 * Fixes a problem shown in Chrome - scrollbars appear next to each li
 */
div.side-bar ul.related-courses p {
   margin:0 5px 0 5px;
   letter-spacing:-0.7px;
}


/** -- side notes -- **/

div.side-bar ul.sidebar li.note,
div.side-bar p.side-bar {
   padding:5px 10px 0 5px;
   text-align:justify;
}

div.side-bar ul.sidebar li.note p {
   font-size:90%;
   line-height:140%;
   margin-bottom:10px;
}

/**
 * no-bm = no bottom margin
 */ 
div.side-bar ul.sidebar li.note p.no-bm {
   margin-bottom:0;
}

div.side-bar ul.sidebar li.note p.c {
   text-align:center;
}

/** -- spinner -- **/

div.side-bar ul.sidebar.spinner {
   background:url(/images/spinner.gif) 50% 50% no-repeat;
}

div.side-bar ul li.more {
   text-align:center;
   overflow:auto;
}

div.side-bar ul li.more img {
   border:0;
   padding:0;
}