﻿@charset "UTF-8";
/* 
USC Shoah Foundation
Version 1.0 12/21/10
Version 1.1 01/23/11
Version 1.5 03/01/11
Version 1.5.5 03/25/11
Author: sean sean tan (seanx2@gmail.com)
*/

/*=== eric meyer's reset, i think =p (with some self modifications) ===*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
iframe {
    margin: auto;
}
textarea {
    resize: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: 0; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;cursor: pointer;color: #900;}
a:hover { text-decoration: underline; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }

/*=== building blocks ===*/
body { background: #fff url(../../images/blue-bg.jpg) left top repeat-x; text-align: center; margin: 0 auto; font: 12px/18px "lucida grande", "lucida sans unicode", arial, verdana, sans-serif; -webkit-font-smoothing: antialiased; }
#wrapper { width: 996px; text-align: left; margin: 0 auto; background: url(../../images/shadow-bg-light.png) left top repeat-y; position: relative; z-index: 10; }
#overlay { width: 996px; background: url(../../images/overlay.png) left top no-repeat }
#introduction, #clips, #links, #general-content { width: 960px; margin: 0 0 0 19px; }
  #introduction { margin-top: -15px; position: relative; }
  #general-content { padding: 25px 30px; width: 900px; position: relative; }
#search-results { width: 920px; margin: 0 0 0 32px; }
#user { margin: 20px 0 0 9px; }
#activity, #taskbar { width: 978px; margin: 0 0 0 10px; }
#video-page { width: 900px; margin: 0 0 0 45px; padding: 0 0 20px 0; }
.shortcuts { width: 191px; margin: 43px 15px 0 34px; float: left; }
  .ie7 .shortcuts { margin: 43px 15px 0 35px; }
#content { width: 500px; margin: 19px 15px 0 0; float: left; }
#groups { width: 193px; margin: 43px 0 0 0; float: left; }
#watch { width: 970px; margin: 0 0 0 19px; }
#browse-topic { width: 925px; margin: 0 0 0 28px; }
#saved-items, #educator-view { width: 926px; margin: 0 0 30px 26px; position: relative; }
/*Shawn added */
#popup-view { position: relative; }
/*End Shawn add */
  #browse-topic.enr-resource { width: 980px; margin: 0 0 0 9px; }
#landscape { width: 920px; margin: 15px 0 30px 38px; }
#registration { width: 480px; padding: 25px 55px; margin: 40px auto 200px auto; }
#registration-landing { width: 593px; float: left; margin: 40px 30px 200px 38px; }
#eligibility { width: 295px; float: left; margin: 40px 0 0 0; }
#registration-landing + #eligibility { margin-top: 74px; }

div.clearfix { padding: 0; margin: 0; }

/*=== header ===*/
header#front, header#dashboard { margin: 0 0 0 19px; width: 960px; background: #fff url(../../images/header-bg.jpg) left top repeat-x; min-height: 77px; height: auto !important; height: 77px; }
header[role=banner] h1, header[role=banner] hgroup h3 { float: left; width: 220px; height: 42px; background: url(../../images/usc-logo.jpg) left top no-repeat; margin: 0 0 0 28px; }
header[role=banner] h1 a, header[role=banner] hgroup h3 a { display: block; width: 220px; height: 42px; text-indent: -9999em; font-size: .01em; line-height: 1; }

header nav { float: left; }
header nav ul li { display: block; float: left; background: url(../../images/nav-pipe.png) right top no-repeat; padding: 7px 9px 0px 11px; height: 31px; margin: 4px 0 0 0; }
header nav ul li:last-child { background: none; }
header nav ul li a { color: #fff; }
header nav ul li.current { background: #fff;
  -webkit-border-top-right-radius: 5px; 
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px; 
  -moz-border-radius-topleft: 5px; 
  border-top-right-radius: 5px; 
  border-top-left-radius: 5px;
  }
/* -- Mills added --> */  
header nav ul li.current { padding-bottom:10px; }  
/* <-- Mills added -- */  
header nav ul li.current a { color: #000; text-shadow: none; filter: none; }
header nav ul li.current a:hover { text-decoration: none; }
header nav ul li.home a { color: #fbc149; }

header p { float: left; margin: 15px 0 0 0; width: 150px; text-align: center; }
header a.register { display: block; color: #fff; padding: 8px 20px 10px 20px; background: url(../../images/register-bg.jpg) left top repeat-x; font-size: 13px; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
header a.register:hover { background: url(../../images/register-bg-shift.jpg) left top repeat-x; }
header em { display: block; font: 14px/1.25 georgia, times, serif; font-style: italic; margin: 7px 0 0 0; }
header em a { color: #900; }

header p + p { width: 50px; margin: 11px 0 0 12px; }
header p + p a { color: #fff; }
header p.login a { color: #fbc149; }

header#front nav { margin: 0 0 0 156px; width: 270px; }

/*=== header (dashboard) ===*/
header#dashboard { background: #fff url(../../images/dashboard-bg.jpg) left top repeat-x; min-height: 75px; height: auto !important; height: 75px; }
/* Mills modified -- header[role=banner] hgroup { width: 588px; float: left; } -- */
header[role=banner] hgroup { float: left; }
header[role=banner] h2 { font-weight: normal; margin: 3px 0 0 0; float: right; color: #000; width: auto; background: #fff; padding: 8px 12px 17px 12px;
  -webkit-border-top-right-radius: 5px; 
  -webkit-border-top-left-radius: 5px; 
  -moz-border-radius-topright: 5px; 
  -moz-border-radius-topleft: 5px; 
  border-top-right-radius: 5px; 
  border-top-left-radius: 5px;
  }
header[role=banner] h2 a { color: #000; }
header[role=banner] h2 a:hover { text-decoration: none; }
/* Mills modified -- header#dashboard nav { margin: 0 0 0 5px; float: left; } -- */
header#dashboard nav { margin: 0 0 0 5px; float: right; }

/*=== header (others) ===*/
header[role=banner] h2.off { color: #fff; background: url(../../images/nav-pipe.png) right top no-repeat; padding: 8px 14px 0 11px; height: 30px; }
header[role=banner] h2.off a { color: #fff; }
header[role=banner] h2.off a:hover { text-decoration: underline; }

header[role=banner] h2.got-mail { padding-right: 53px; }
header[role=banner] h2 a.got-mail { width: 18px; height: 23px; display: inline-block; zoom: 1; background: url(../../images/got-mail.png) left top no-repeat; color: #fff; font-size: 10px; text-decoration: none; position: absolute; top: 2px; right: 11px; padding: 0 0 0 14px; text-align: center; margin: 0 auto; }
/* Mills added -> */
header[role=banner] li.got-mail { padding-right: 53px; position:relative; }
header[role=banner] a.got-mail { width: 18px; height: 23px; display: inline-block; zoom: 1; background: url(../../images/got-mail.png) left top no-repeat; color: #fff; font-size: 10px; text-decoration: none; position: absolute; top: 2px; right: 11px; padding: 0 0 0 14px; text-align: center; margin: 0 auto; }
/* <--- */

/*=== top of the page: introduction ===*/
header#front + section#introduction { margin-top: -20px; }
/* -- Mills modified -> 
section#introduction h1 { width: 249px; height: 101px; background: url(../../images/iwitness.gif) left top no-repeat; text-indent: -9999em; margin: 0 0 0 28px; }
section#introduction h1 a { display: block; width: 249px; height: 101px; }
 <-- */
section#introduction h1 span {  left: -9999em; position:relative;}

/* -- Mills added -> */
section#introduction table.logo { height:101px; }
section#introduction table.logo td {vertical-align: middle;padding-left:28px;}

section#introduction.activity table.logo { height:50px; }
section#introduction.activity table.logo td {vertical-align: middle; padding-left:28px;}
section#introduction.activity table.logo td img {vertical-align: middle;  max-height:50px;}

section#introduction table.sublogo { position: absolute; top: 0px; left: 340px; }
section#introduction table.sublogo td {vertical-align: middle; height: 100px;}
section#introduction table.sublogo td img {vertical-align: middle; max-width:180px; max-height:100px;display:none;}

section#introduction.activity table.sublogo { position: absolute; top: 0px; left: 200px; }
section#introduction.activity table.sublogo td {vertical-align: middle; height: 50px;}
section#introduction.activity table.sublogo td img {vertical-align: middle; max-width:230px; max-height:50px; display:none;}
/* <-- */

/* Mills modified
section#introduction.activity h1 { width: 127px; height: 50px; background: url(../../images/iwitness-mini.gif) left top no-repeat; }
section#introduction.activity h1 a { display: block; width: 127px; height: 50px; } */

section#introduction.activity h1 {  height: 50px; background: left top no-repeat; }
section#introduction.activity h1 a { display: block;  height: 50px; }
section#introduction h2 { font: normal 28px/1 georgia, times, serif; color: #6e6e6e; float: right; margin: -65px 28px 0 0; }
section#introduction h2#enrLogo { font: normal 1px/1 serif; position: absolute; margin: 0; background: url(../../images/enr-logo.jpg) left top no-repeat; width: 293px; height: 40px; text-indent: -9999px; left: 340px; top: 33px; }

/* -- Mills modified
section#introduction.info-quest .notification { width: 700px; border: 1px solid #fccd6d; padding: 12px 10px; position: absolute; right: 30px; top: 0; } */
section#introduction.info-quest .notification { width: 560px; border: 1px solid #fccd6d; padding: 12px 10px; position: absolute; right: 30px; top: 0; } 
section#introduction.info-quest .notification p { color: #969696; padding: 0 0 0 15px; }
section#introduction.info-quest .notification p.actions { position: absolute; right: 20px; top: 10px; font-size: 11px; }
section#introduction.info-quest .notification p.actions a.exit { background: url(../../images/iq-icon-exit.png) left top no-repeat; width: 105px; padding: 8px 0 11px 38px; color: #900; }
section#introduction.info-quest .notification p.actions a.help { background: url(../../images/iq-icon-help.png) left top no-repeat; width: 105px; padding: 8px 20px 11px 38px; color: #900; }

p#start { margin: 0 0 0 40px; padding: 15px 0 10px 0; font: 16px/1.25 georgia, times, serif; color: #3b6f8f; width: 416px; }
p#start strong { font-size: 20px; }
/*=== old design:

ul#start { margin: 0 0 0 28px; padding: 0; }
ul#start li { font-size: 12px; color: #444; margin: 7px 7px 0; width: 425px; }
ul#start li strong { font: 21px/1 georgia, times, serif; color: #6e6e6e; }
ul#start li a { color: #900; }

===*/

#main-video-holder { width: 440px; float: right; margin: -60px 13px 0 0; }
#main-video-holder img, .main-video-holder video, .main-video-holder object { padding-left: 15px; }
section#introduction #main-video-holder h2 { text-align: center; background: url(../../images/intro-text-shadow.jpg) left top no-repeat; padding: 22px 35px 0 18px; color: #000; font: 24px/1.3 georgia, times, serif; margin: 0; float: none; }
section#introduction #main-video-holder h2 em { display: block; font-style: normal; font-size: 16px; }

section#introduction p.exit { position: absolute; right: 20px; top: 20px; font-size: 11px; }
section#introduction p.exit a { background: url(../../images/exit.jpg) right top no-repeat; width: 105px; padding: 4px 32px 7px 0; color: #900; }
section#introduction p.exit a:hover { background: url(../../images/exit-hover.jpg) right top no-repeat; }


/*=== front page: clips ===*/
#clips { margin-top: -5px; margin-bottom: 35px; }
#clips ul { display: block; }
#clips ul.listing li { display: block; float: left; width: 140px; min-height: 133px; margin: 0 15px 0 0; position: relative; }
#clips ul.listing li:last-child { margin: 0; }
#clips ul.listing li .meta-name { display: block; font-size: 12px; color: #444; margin: 0 0 -4px 0; } 
#clips ul.listing li span.topic { display: block; font-size: 11px; color: #929292; line-height: 1.15; margin: 3px 0 0; padding: 0; }
#clips ul.listing li .topic em { font-style: normal; color: #444; }
#clips ul.listing li a .selection { border: 2px solid #fff; }
#clips ul.listing li a:hover .selection { border: 2px solid #fbc149; }
#clips ul.listing li .play-that { position: absolute; top: 56px; left: 106px; }
#clips ul.listing li a:hover { text-decoration: none; }
/* mills modified
#clips p { position: absolute; margin: -18px 0 0 828px; width: 140px; height: 31px; } */
#clips p { position: absolute; margin: -14px 0 0 830px; width: 140px; height: 31px; } 
#clips p a.browse { color: #fff; font: 12px/1 arial, helvetica, sans-serif; background: url(../../images/browse.png) left top no-repeat; display: block; width: 125px; height: 18px; padding: 13px 0 0 15px; }

/*=== front page: bottom links ===*/
aside#links { min-height: 165px; height: auto !important; height: 165px; background: #fff url(../../images/links-bg.jpg) left top repeat-x; }
/*.link-box { display: block; width: 280px; float: left; margin: 19px 0 19px 19px; padding: 0 19px 0 0; border-right: 1px dotted #858585; height: 130px; } */
.link-box { display: block; width: 200px; float: left; margin: 19px 0 19px 19px; padding: 0 19px 0 0; border-right: 1px dotted #858585; height: 170px; }
.link-box.last { padding: 0; border-right: none; }
  .link-box h3 { font: 13px/1 georgia, times, serif; font-style: italic; color: #dca127; text-transform: uppercase; display: inline-block; zoom: 1; }
  .link-box ul, .link-box li { display: inline-block; zoom: 1; }
  .link-box ul { margin: 0 0 0 1px; }
  .link-box li { width: 5px; height: 12px; }
  .link-box li.prev { background: url(../../images/left-button.jpg) left 3px no-repeat; }
  .link-box li.next { background: url(../../images/right-button.jpg) left 3px no-repeat; }
  .link-box li a { display: block; width: 5px; height: 12px; text-indent: -9999em; }
  .link-box h4 { color: #444; font-size: 14px; line-height: 1.15; margin: 7px 0; }
  .link-box p { font-size: 11px; line-height: 1.35; }
  .link-box a { color: #900; }
  img.box-image, input[type=image].box-image { display: block; float: right; margin: 0 0 0 12px; max-width: 72px; max-height:68px} /* additonal image */
  
/*=== home page template ===*/
#general-content h1 { font: normal 21px/1.55 georgia, times, serif; color: #000; border-bottom: 1px solid #ffbd40; }
#general-content h2, #general-content h3 { font-size: 14px; padding: 20px 0 0 0; margin: 0; color: #444; }
#general-content a { color: #900; }
#general-content .split { float: left; width: 430px; }
#general-content .split.left { margin: 0 40px 0 0; }
  .split ul { padding: 0; }
  .split ul li { line-height: 1.2; margin: 9px 0; }
  .split ul.features { list-style: disc; margin: 0 0 0 30px; }
  .split ul.features li { margin: 0; padding: 5px 0 15px 0; }
  #general-content .split ul.features li h3 { font-size: 13px; line-height: 1.75; display: inline; padding: 0; }
  .split p, p.who-what { color: #444; line-height: 1.75; padding: 5px 0 0 0; }
  p.who-what { padding: 20px 0; border-bottom: 1px solid #ffbd40; }
  .split p + p { padding: 10px 0 0 0; }
  .split .opening { padding: 20px 0 0 0; }
  .who-what .right, .split .right { display: block; float: right; margin: 0 0 0 20px; }
#general-content ol { list-style: none; margin: 10px 0; }
#general-content ol li { font-size: 13px; margin: 3px 0; }
#general-content section > h3 { padding: 10px 0 0; }
#general-content h3 + p { padding: 2px 0 15px 0; color: #444; }
#general-content .split ul.features li h3 + p { display: inline; padding: 0; }
#general-content aside.students { background: #ecf0f3; padding: 15px; margin: 15px 0; }
#general-content aside.students h2 { padding: 0; }
#general-content .split aside.students p { }
#general-content aside.students ul { color: #444; list-style: disc; margin: 0 0 0 35px; }
#general-content aside.students ul li { line-height: 1.75; padding: 5px 0; }

/*=== extension of the home page template: news pages ===*/
#news-nav { position: absolute; right: 29px; margin: -24px 0 0 0; }
#news-nav li { display: inline; margin: 0 0 0 10px; }
#news-nav li a { font-weight: bold; font-size: 13px; }
#news-nav li.current a { color: #464545; cursor: text; }
#news-nav li.current a:hover { text-decoration: none; }

#general-content article.piece { width: 690px; margin: 20px 0 0 0; float: left; color: #444; }
  #general-content article.piece h2 { font: normal 23px/1.1 georgia, times, serif; padding: 0; color: #dda228; }
  #general-content article.piece h3 { padding: 0; }
  #general-content article.piece h4 { font-size: 13px; }
  article.piece .timestamp { display: block; font-weight: bold; font-size: 11px; color: #929393; padding: 0 0 15px 0; }
  article.piece p,  article.piece .newsContent, article.piece div { font-size: 13px; line-height: 1.55;}
  article.piece p,  article.piece .newsContent {padding: 0 0 15px 0; }
	#general-content article.piece h2 + p { padding: 30px 0 15px 0; }
  article.piece p.in-closing { padding: 15px 0; border-top: 1px dashed #6b6b6b; clear:both; }
  #general-content article.piece ul { font-size: 13px; padding: 0 0 15px 0; margin: 0 0 0 45px; list-style-type: disc; }
  #general-content article.piece ul li { margin: 5px 0; padding: 0 0 0 10px; }
  article.piece figure { float: right; padding: 7px; border: 1px solid #ffac03; min-width: 50px; margin: 0 0 15px 15px; }
  article.piece figure figcaption { font-size: 11px; color: #929292; line-height: 1.25; padding-top:7px; max-width: 400px; }
  article.piece figure img { max-width: 400px; }

#general-content aside.archive { width: 186px; margin: 20px 0 0 714px; background: #e6e6ea url(../../images/news-archive-ear.jpg) left bottom no-repeat; padding: 0 0 58px 0; }
#general-content .piece aside.archive { float: right; margin: 20px 0 0 0;}
  aside.archive h4 { font: normal 18px/1 georgia, times, serif; color: #464545; background: url(../../images/news-archive-pin.jpg) left top no-repeat; padding: 35px 15px 0 15px; }
  aside.archive section { padding: 10px 15px 5px 15px; }
  aside.archive section h5 { color: #838282; font-size: 13px; padding: 0 0 2px 0; }
  aside.archive section p { line-height: 1.2; }
  

/*=== login page ===*/
#login-panel { width: 380px; padding: 30px 40px; 
  border: 1px solid #c0c0c0; 
  background: #f7f7f7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 7px #fff;
  -moz-box-shadow: inset 0 0 7px #fff;
  box-shadow: inset 0 0 7px #fff;
  margin: 40px auto 200px auto;
  color: #444;
}
#login-panel h1 { font: normal 24px/1 georgia, times, serif; color: #3b6f8f; }
#login-panel p { line-height: 1.25; padding: 10px 0; }
#login-panel p a { color: #900; }
#login-panel p.error, #login-panel .need { font-weight: bold; color: #b10606; padding: 0; }
#login-panel #divForm legend { display: none; }
#login-panel #divForm div { margin: 15px 0; }
#login-panel #divForm label { display: block; font-size: 18px; line-height: 1; color: #000; margin: 0 0 3px 0; }
  #login-panel #divForm .remember-me label { color: #444; font-size: 11px; padding-left: 15px; text-indent: -15px; }
  #login-panel #divForm .remember-me input[type=checkbox] { width: 13px; height: 13px; vertical-align: bottom; position: relative; top: 1px; margin: 0 2px 0 0; }
#login-panel #divForm input[type=text], #login-panel #divForm input[type=password] { font-size: 18px; width: 354px; border: 1px solid #c0bfbf;
  background: #fff;
  -webkit-box-shadow: inset 1px 1px 10px #ddd;
  -moz-box-shadow: inset 1px 1px 10px #ddd;
  box-shadow: inset 1px 1px 10px #ddd;
  padding: 4px 2px;
}
#login-panel #divForm input[type=password] + p { padding: 5px 0 0; margin: 0 20px 0 0; text-align: right; }
#login-panel #divForm input[type=submit] { font-weight: bold; font-size: 13px; line-height: 1; display: block; color: #fff; background: url(../../images/activity-begin.png) left 5px no-repeat; width: 142px; height: 38px; padding: 0 0 0 45px; text-align: left; border: none; overflow: visible; margin: 0 auto; }
#login-panel #divForm input[type=submit]:hover { background: url(../../images/activity-begin-hover.png) left 5px no-repeat; }

#login-panel.teacher #divForm input[type=submit] { padding: 0 0 0 40px; }

/*=== register page ===*/
/* Mills modify form => #divForm */
#registration, #registration-landing section { border: 1px solid #c0c0c0; 
  background: #f7f7f7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 7px #fff;
  -moz-box-shadow: inset 0 0 7px #fff;
  box-shadow: inset 0 0 7px #fff;
  color: #444;
}
#registration h1, #registration-landing section h2 { font: normal 24px/1 georgia, times, serif; color: #3b6f8f; }
/*#registration a, #registration-landing a { color: #900; }*/
#registration p {padding: 10px 0 0; color: #969696; }
#registration p.error, #registration .need { font-weight: bold; color: #b10606; padding: 0; }
#registration p.error { padding: 10px 0 0; }
#registration #divForm legend { display: none; }
#registration #divForm div { margin: 15px 0; }
#registration #divForm label { display: block; font-size: 18px; line-height: 1; color: #000; margin: 0 0 3px 0; }
/* Mills added  ->*/
#registration #divForm td label { display: inline;}
/* <- */
 #registration label .note { font-size: 12px; }
 #registration #divForm .remember-me label { color: #444; font-size: 11px; padding-left: 15px; text-indent: -15px; }
  #registration #divForm .remember-me input[type=checkbox] { width: 13px; height: 13px; vertical-align: bottom; position: relative; top: 1px; margin: 0 2px 0 0; }
#registration #divForm input[type=text], #registration #divForm input[type=password], #registration #divForm textarea, #registration #divForm select { font-size: 18px; width: 354px; border: 1px solid #c0bfbf;
  background: #fff;
  -webkit-box-shadow: inset 1px 1px 10px #ddd;
  -moz-box-shadow: inset 1px 1px 10px #ddd;
  box-shadow: inset 1px 1px 10px #ddd;
  padding: 4px 2px;
}
#registration #divForm select { width: 236px; font-weight: normal; font-size: 14px; }
#registration #divForm textarea { height: 100px; font-size: 13px; }
#registration #divForm input[type=submit] { font-weight: bold; font-size: 13px; line-height: 1; display: block; color: #fff; background: url(../../images/activity-begin.png) left 5px no-repeat; width: 142px; height: 38px; padding: 0 0 0 37px; text-align: left; border: none; overflow: visible; margin: 0 auto; }
#registration #divForm input[type=submit]:hover { background: url(../../images/activity-begin-hover.png) left 5px no-repeat; }

#login-panel.student { width: 510px; padding: 25px 25px 25px 55px; }
#login-panel.student p { line-height: 1.25; padding: 10px 0 0; }
#login-panel.student a { color: #900; }
#login-panel.student div + p, #login-panel.student input[type=password] + p { text-align: left; color: #969696; padding: 5px 0; }
#login-panel.student input[type=submit] { margin: 0; font-size: 14px; padding: 0 0 0 43px; }

#eligibility { color: #444; }
#eligibility a { color: #900; }
#eligibility a.invite { display: block; text-align: center; margin: 10px auto 0 auto; background: url(../../images/registration-invite.jpg) left top no-repeat; width: 131px; padding: 2px 0 5px 0; }
#eligibility section { border: 1px solid #fbc149; padding: 15px; }
#eligibility h2 { font: normal 18px/1 georgia, times, serif; color: #464647; margin: 0 0 10px 0; }
#eligibility h3 { color: #000; margin: 15px 0 0 0; }
#eligibility section + p { font-size: 11px; padding: 10px 5px; line-height: 1.2; }

/* -- Mills Added */
#registration #divForm #divRecaptcha div, #registration #divForm #divRecaptcha div div
{
	margin:0px;
	padding:0px;
}

/*=== register landing page ===*/
#registration-landing h1 { font: normal 24px/1 georgia, times, serif; color: #969696; font-style: italic; }
#registration-landing section { margin: 10px 16px 0 0; padding: 50px;display: inline-block;text-align: center; }
#registration-landing section p { padding: 10px 0; line-height: 1.55; }
#registration-landing p.register { text-align: right; padding: 0; line-height: 1;margin: 20px 0 0 0;}
#registration-landing p.register a { width: 174px; height: 27px; display: inline-block; zoom: 1; background: url(../../images/activity-finish.png) left top no-repeat; font-weight: bold; font-size: 14px; color: #fff; text-align: center; padding: 7px 0 0 0px; letter-spacing: -.015em; }
#registration-landing p.register a:hover {  background: url(../../images/activity-finish-hover.png) left top no-repeat; }
#registration-landing p.student a { padding: 7px 0 0 26px; width: 185px; }
#registration-landing section + p { font-size: 14px; margin: 10px 0 0; color: #444; }

#registration-landing + #eligibility h3 { font: normal 18px/1 georgia, times, serif; color: #464647; margin: 0 0 15px 0; }
#registration-landing + #eligibility p { color: #000; padding: 0 0 25px 0; }
#registration-landing + #eligibility ul { list-style: disc; color: #000; margin: 0 0 5px 20px; }

/*=== dashboard navigation ===*/
#user #controls { background: url(../../images/dashboard-controls.png) left top no-repeat; width: 980px; height: 47px; }
#controls ul { margin: 0 0 0 30px; padding: 4px 0 0 0; }
#controls ul li { display: block; float: left; font-size: 13px; padding: 14px 17px 11px 15px; background: url(../../images/dashboard-pipe.jpg) right 8px no-repeat; }
#controls ul li a { color: #fff; text-shadow: 1px 1px 1px #000; filter: dropshadow(color=#000000, offx=1, offy=1); }
#controls ul li a:hover { text-shadow: none; filter: none; }

/* Mills Modified, add li.dashboard */
#controls ul li.current, #controls ul li.dashboard { position: relative; background: #fff url(../../images/border-replacement.jpg) left top repeat-x;
  -webkit-border-top-right-radius: 5px; 
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px; 
  -moz-border-radius-topleft: 5px; 
  border-top-right-radius: 5px; 
  border-top-left-radius: 5px;
  }
#controls ul li.current a, #controls ul li.dashboard a { color: #000; text-shadow: none; filter: none; }
#controls ul li.current a:hover, #controls ul li.dashboard a:hover { text-decoration: none; }

#user #sublink { background: url(../../images/sublink-bg.jpg) left top repeat-x; width: 960px; height: 36px; margin: 0 0 0 10px; }
#sublink ul { margin: 0 0 0 21px; }
#sublink ul li { display: block; float: left; padding: 10px 11px 5px 10px; background: url(../../images/sublink-pipe.jpg) right 13px no-repeat; }
#sublink ul li:last-child { background: none; }
/* Mills added */
#sublink ul li.ie { background: none; }

#sublink ul li a { color: #777; }
/* -- Mills modified
#sublink ul li.current a { display: block; color: #000; background: url(../../images/sublink-current.jpg) center bottom no-repeat; padding: 0 0 8px 0; }
*/
#sublink ul li.current a { color: #000; background: url(../../images/sublink-current.jpg) center bottom no-repeat; padding: 0 0 9px 0; }
#sublink ul li.current a:hover { text-decoration: none; }

/*=== dashboard dropdown ===*/
#controls .dashboard-drop ul { width: 228px; border-right: 1px solid #464646; border-bottom: 1px solid #464646; border-left: 1px solid #464646; position: absolute; background: #fff; padding: 0; margin: 11px 0 0; z-index: 50; left: -1px; padding: 10px; }
#controls .dashboard-drop ul li { clear: left; float: none; padding: 0; background: none; font-size: 11px; color: #444; }
#controls .dashboard-drop ul li h2 { border-bottom: 1px solid #b2b2b2; padding: 0 0 3px 0; margin: 0 0 3px 0; color: #900; display: block; }
#controls .dashboard-drop ul li h2 a { float: right; color: #444; }
#controls .dashboard-drop ul li a { text-shadow: none; filter: none; }
#controls .dashboard-drop ul li a:hover { text-decoration: underline; }
#controls .dashboard-drop ul li ol { margin: 3px 0 0; padding: 0 0 7px 0; }
#controls .dashboard-drop ul li ol li { line-height: 1.35; display: block; margin: 7px 0; }
#controls .dashboard-drop ul li ol em { font-style: normal; display: block; line-height: 1.15; }

/*=== dashboard notification ===*/
#user .gen-notifications { width: 918px; margin: 0 0 0 35px; position: relative; }
.gen-notifications .close a { display: block; position: absolute; top: -10px; right: 0; width: 27px; height: 27px; background: url(../../images/dialog-close.png) left top no-repeat; text-indent: -99999px; }
.gen-notifications .close a:hover { background: url(../../images/dialog-close-hover.png) left top no-repeat; }
.gen-notifications .holder { border: 1px solid #fbc149; background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  width: 865px;
  margin: 15px 0 0;
}
.gen-notifications h1 { display: inline; font: normal 22px/1 georgia, times, serif; padding: 0 15px 0 0; }
.gen-notifications p { display: inline; color: #444; width: 540px; }


/*=== dashboard left panel ===*/
/*=== this is the old design, disable and find in student-dashboard.htm
.shortcuts { }
.shortcuts .profile-badge { border: 1px solid #fbc149; padding: 15px 10px; text-align: center; }
  .profile-badge h2 { font-size: 16px; }
  /* Mills modified
  .profile-badge em { font-style: normal; color: #900; } */

  .profile-badge em, .profile-badge em a { font-style: normal; color: #900; }
  .profile-badge img { display: block; margin: 10px auto; }
  .profile-badge p { color: #969696; }
  .profile-badge ul li { display: block; color: #444; margin: 0; line-height: 1.15; }
  .profile-badge p.edit-info { width: 106px; background: url(../../images/dashboard-profile-edit-left.jpg) left top no-repeat; margin: 10px auto 0 auto; }
  .profile-badge p.edit-info a { display: inline-block; zoom: 1; color: #900; background: url(../../images/dashboard-profile-edit-right.jpg) right top no-repeat; padding: 1px 0 10px 10px; width: 75px; margin: 0 0 0 25px; text-align: left; }

.sidebar-videos { border: 1px solid #fbc149; margin: 10px 0; }
.sidebar-videos h2 { font: 15px/1 georgia, times, serif; color: #dda228; 
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: .07em;
  background: url(../../images/dashboard-connections.png) left top no-repeat; margin: 0; padding: 5px 0 0 47px; height: 22px; }
.sidebar-videos ul { padding: 20px 20px 0 20px; }
.sidebar-videos ul li { display: block; border-bottom: 1px dashed #fbc149; padding: 0 0 10px 0; margin: 0 0 15px 0; position: relative; }
.sidebar-videos ul li:last-child { border-bottom: none; }
.sidebar-videos ul li img { border: 1px solid #fbc149; }
/* Mills modified
.sidebar-videos ul li img.play-that { position: absolute; top: 57px; left: 107px; border: none; }

.sidebar-videos ul li img.play-that { position: absolute; top: 50px; left: 107px; border: none; }
.sidebar-videos ul li a { display: block; }
.sidebar-videos ul li a:hover { text-decoration: none; }
.sidebar-videos ul li span { color: #000; line-height: 1.2; }
.sidebar-videos ul li span.video-name { color: #929292; font-size: 11px; padding: 0 0 0 5px; }
===*/

.shortcuts { border: 1px solid #fbc149; }
.shortcuts h2 { font: 15px/1 georgia, times, serif; color: #fff; 
  text-shadow: 1px 1px 2px #f09d20;
  filter: dropshadow(color=#f09d20, offx=1, offy=1);
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: .07em;
  background: url(../../images/dashboard-connections.png) left top no-repeat; margin: 0; padding: 5px 0 0 47px; height: 22px; }
.shortcuts ul { padding: 20px 20px 0 20px; }
.shortcuts ul li { display: block; padding: 0 0 10px 0; position: relative; }
.shortcuts ul li:last-child { border-bottom: none; }
.shortcuts ul li img { border: 1px solid #fbc149; }
/* Mills modified
.shortcuts ul li img.play-that { position: absolute; top: 57px; left: 107px; border: none; } */
.shortcuts ul li img.play-that { position: absolute; top: 46px; left: 110px; border: none; } 
.shortcuts ul li a { display: block; }
.shortcuts ul li a:hover { text-decoration: none; }
.shortcuts ul li a span { color: #000; display: block; line-height: 1.2; }
.shortcuts ul li a:hover span { text-decoration: underline; }
.shortcuts ul li span { color: #929292; font-size: 11px; }

/*=== dashboard content ===*/
#content h1 { font: normal 24px/1 georgia, times, serif; color: #000; }
#content h1 + p.date { padding: 2px 10px 4px 10px; background: url(../../images/newsfeed-on.jpg) left top repeat-x; text-transform: uppercase; color: #5d461a; font-size: 11px; margin: 2px 0 0; }

#feed { padding: 5px 0 0 0; }
#feed li { display: block; margin: 10px 0 0 0; width: 500px; border-bottom: 1px dashed #cdcdcd; padding: 0 0 10px 0; }
#feed .friend { float: left; width: 50px; margin: 0 12px 0 0; }
#feed .feed-detail { float: left; width: 435px; margin: 2px 0 0 0; }
#feed .feed-detail h2, #feed .feed-detail h4 { font-size: 13px; line-height: 1; color: #444; display: inline; }
#feed .feed-detail a { color: #900; }
#feed .feed-detail .timestamp { color: #666; font-size: 11px; line-height: 1; margin: 0; }
#feed .feed-detail .comment-count { font-size: 11px; }
#feed .feed-detail p { font-size: 12px; line-height: 1.25; color: #444; padding: 3px 0 0; }
#feed .feed-detail img { float: left; padding: 3px; border: 1px solid #aaa; margin: 0 10px 0 0; }
#feed .feed-detail h3 { margin: 10px 0 0; color: #444; }

#feed .feed-detail .comments { background: #e8eaed; padding: 5px 10px; margin: 10px 0 0; clear: both; }
#feed .feed-detail .feed-detail { width: 350px; margin: -2px 0 0; line-height: 1; }
#feed .feed-detail .feed-detail p { padding: 5px 0 0; }
#feed .feed-detail .comments h3 { margin: 0; }
#feed .feed-detail .comments li { width: auto; }
#feed .feed-detail .comments img { padding: 0; border: 0; clear: left; margin: 0; }
#feed .feed-detail ol + p { padding: 5px 0 0; }
#feed .feed-detail ol + p a { color: #900; font-size: 11px; }

p.archives { text-align: right; padding: 5px 0 50px 0; }
p.groups { padding: 0 0 10px 0; height: 27px; background: url(../../images/ear-bottom-left.jpg) left top no-repeat; width: 195px; }
  #activity #groups p.groups { width: 190px; }
p.all a { color: #900; font-size: 11px; }

#feed + p { padding: 10px 0 40px 0; }
#feed + p a { color: #900; }


/*=== dashboard groups ===*/
#groups .fancy, #browse-topic .fancy { background: #eaeaed url(../../images/ear-top-right.jpg) right top no-repeat; padding: 0 12px; }
/*Mills modified
#groups .fancy a { color: #900; }
*/
#groups .fancy a, #groups a { color: #900; }
#groups h3 { font: 17px/1 georgia, times, serif; color: #464646; padding: 10px 0; border-bottom: 1px solid #fff; }
#groups h4 { font-weight: bold; font-size: 12px; color: #444; padding: 10px 0 5px 0; }
#groups h5 { font-weight: normal; font-size: 12px; line-height: 1.25; color: #838282; }
#groups h5 a { color: #900; }
#groups ul { padding: 5px 0 0 0; margin: 0; border-top: 1px solid #d5d5d7; }
#groups .fancy h3 + section { border-top: 1px solid #d5d5d7; padding: 5px 0; }
#groups section { color: #666; padding: 0 0 10px 0; }
#groups section:last-child { padding: 0; }
#groups section + h4 { padding: 5px 0; }
#groups section p { font-size: 11px; line-height: 1.15; }
  #groups section.profile { padding: 20px 0 10px 0; border-bottom: 1px solid #fff; }
  #groups section.profile img { float: left; margin: 0 10px 0 0; }
  #groups section.profile h2 { font-weight: bold; color: #444; line-height: 1; }
  #groups section.profile h2 + span a { font-size: 11px; color: #900; }
  #groups section.profile + p { border-top: #d5d5d7; font-size: 12px; padding: 10px 0 0; }
  #groups section.profile + p a { color: #900; }
  #activity #groups nav { border-top: 1px solid #fff; }
  #activity #groups nav ul { border-top: 1px solid #d5d5d7; padding: 0 0 10px 0; border-right: none; border-bottom: none; border-left: none; }
  #activity #groups nav ul li { margin: 10px 0; padding: 0; }

#groups ul li { display: block; font-size: 11px; line-height: 1.15; margin: 10px 0 0 10px; }
#groups ul li.new-items a { color: #900; font-weight: bold; }
#groups ul li a { color: #515151; }

#groups #alerts a { color: #900; }
#groups #alerts { border-top: none; padding: 0; }
#groups #alerts li { border-top: 1px solid #d5d5d7; border-bottom: 1px solid #fff; margin: 0; padding: 10px 0; }
#groups #alerts li ul { border-top: none; }
#groups #alerts li li { border-top: none; border-bottom: none; padding: 5px 0; }
#groups #alerts li:last-child { border-bottom: none; }
#groups #alerts li img { float: left; margin: 0 10px 0 0; }
#groups #alerts li h4 { line-height: 1; padding: 0; margin: 0; }
#groups #alerts li em { color: #666; display: block; font-size: 11px; line-height: 1; font-style: normal; margin: 3px 0; }
#groups #alerts .alerts { font-size: 11px; line-height: 1; background: url(../../images/alerts-off.png) right 1px no-repeat; display: inline-block; zoom: 1; padding: 0 10px 0 0; }
#groups #alerts .alerts-on { background: url(../../images/alerts-on.png) right 4px no-repeat; padding: 0 13px 0 0; font-size: 11px; line-height: 1; display: inline-block; zoom: 1; }

#groups #alerts .alerts-show { clear: left; padding: 10px 0 0; }
#groups #alerts .alerts-show h5 { font-weight: bold; font-size: 12px; color: #444; }

/*=== watch, media panel ===*/
/* Mills modified
#watch h1 { margin: 22px 0 0 15px; font: normal 22px georgia, times, serif; color: #000; }  georgia does not support some special chars in names*/
#watch h1 { margin: 22px 0 0 15px; font: normal 24px times, serif; color: #000; }
#watch .media { float: left; margin: 10px 0 0 -19px; background: url(../../images/media-cap.png) left top no-repeat; width: 513px; }
#watch #video-slideshow ~ p { font: 12px/1.25 georgia, times, serif; font-style: italic; color: #838282; margin: 0 0 0 38px; padding: 20px 0 0 0; }
#watch #video-slideshow ~ p strong { display: block; font-weight: normal; font-style: normal; text-transform: uppercase; color: #000; }
#video-slideshow ul { display: block; }
#video-slideshow span { display: block; padding: 10px; line-height: 1.25; }
#watch .media-share { text-align: center; padding: 10px 0 0 0; }
#watch .media-share strong { zoom: 1; display: inline-block; margin: 5px 10px 0 0; }
#watch .media-share a { color: #900; }
#watch .media-share a.share { zoom: 1; display: inline-block; width: 58px; height: 24px; background: url(../../images/share-big.png) left top no-repeat; padding: 6px 0 0 10px; text-align: left; }
#watch .media-share a.save { zoom: 1; display: inline-block; width: 52px; height: 24px; background: url(../../images/save-big.png) left top no-repeat; padding: 6px 0 0 9px; text-align: left; }

/*=== watch, more information ===*/
#watch .more { float: left; width: 400px; margin: -20px 0 0 35px; }
.more .search-links { float: left; width: 245px; }
.more .search-links li { display: inline-block; zoom: 1; padding: 0 3px; }
.more .search-links li.return { background: url(../../images/watch-pipe.jpg) right 4px no-repeat; padding: 0 7px 0 3px; }
.more .search-links a, .pagination a { color: #900; }
.more .pagination { float: right; width: 120px; }
  .pagination li { display: inline-block; zoom: 1; }
  .pagination li.prev { width: 25px; height: 18px; padding: 0 25px 0 0; background: url(../../images/prev.jpg) right top no-repeat; margin: 0; }
  .pagination li.next { width: 20px; height: 18px; padding: 0 0 0 25px; background: url(../../images/next.jpg) left top no-repeat; margin: 0; }
.more #more-info { margin: 10px 0; background: url(../../images/more-bg.jpg) left 5px repeat-x; height: 700px; }
.more #more-info > div > p.tidbit { border-right: 1px solid #dadada; border-left: 1px solid #dadada; padding: 0px 10px 0 10px; color: #838383; width: 378px; }
.more #more-info > div > p.tidbit strong { color: #000; }
.more #biography-info, .more #keywords-info, .more #people-info, .more #search-info { width: 378px; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; }


/* -- Mills Modified #segments -> table.segments -- */
div.segments { width: 406px; margin: 0 0 0 -6px; height:540px; }
table.segments { width: 100%; margin: 0 0 0 0px; border-right: 1px solid #dadada; }
table.segments thead { display: block; width: 405px; }
table.segments tbody { padding: 0; display: block; overflow: auto; width: 100%; border-right: 1px solid #dadada; }
table.segments th { padding: 7px 10px 0 15px; text-transform: uppercase; font-weight: normal; color: #fff; height: 18px; }
table.segments th.time { width: 50px; background: url(../../images/th-time.png) left top no-repeat; }
table.segments th.details { width: 311px; background: #838282; background: url(../../images/th-details.jpg) left top repeat-x; padding-left: 40px; }
table.segments tr.selected td { background: #f1f1f1;  }
table.segments tr.selected td.number { background: none; vertical-align: top; }
/* --> Mills Added -- */
table.segments tr td img { display:none; }

table.segments tr.selected td img { float: left; display: block; /*position: absolute;*/ z-index: 50; margin: 0 0 0 -6px; }
table.segments td { padding: 10px 0; border-bottom: 1px dashed #cbcbcb; }
table.segments td.number { width: 6px; padding: 0; border-right: 1px solid #dadada; border-bottom: none; }
table.segments td.desc { width: 300px; padding-right: 10px; padding-left: 2px; }
table.segments td.info { padding: 0 10px 0 0; border-bottom: 1px dashed #cbcbcb; border-right: 1px solid #dadada; margin: 0 0 0 -10px; width:70px;}
table.segments td.last { border-bottom: none; padding-bottom: 15px; }
table.segments td span { display: block; padding: 0 0 0 10px; }
/* --> Mills Added -- */
table.segments td span span { display:table; padding: 0; }
table.segments td span span a, .timecode{ color:#900; }

table.segments td span.name { color: #999; }
table.segments tr.selected td span.duration { color: #900; }
/* --> Mills Added -- */
table.segments tr.selected td span.duration a { color: #900; }

table.segments td .media-share { text-align: right; margin: -15px 0 0 0; }
table.segments td p a { color: #900; }
table.segments td p a.share-mini { zoom: 1; display: inline-block; width: 54px; height: 20px; background: url(../../images/share-mini.png) left top no-repeat; padding: 1px 0 0 10px; text-align: left; }
table.segments td p a.save-mini { zoom: 1; display: inline-block; width: 60px; height: 20px; background: url(../../images/save-mini.png) left top no-repeat; padding: 1px 0 0 9px; text-align: left; }


.short th.category { width: 191px; background: url(../../images/th-category.png) left top no-repeat; }
.short th.details { width: 191px; background: url(../../images/th-details.jpg) left top repeat-x; }
.short td.info { padding: 0 10px; }
.short td.desc { width: 180px; padding-right: 10px; padding-left: 10px; }
.short tr.last td, .plain tr.last td { padding-bottom: 30px; }

.plain td.info { padding: 0 10px 10px 10px; }
.plain td.info a { color: #900; }
.plain td.desc { width: 280px; padding-right: 20px; padding-left: 12px; }

/*-- Michael Modified
.buffer td.search-box { width: 398px; height: 540px; border-bottom: none; text-align: center; margin: 0; padding: 0; }
.buffer td.search-box form { background: #f1f1f1; padding: 40px 0; margin: 0; }
.buffer td.search-box form fieldset, .buffer td.search-box form input[type=submit] { zoom: 1; display: inline-block; }
.buffer td.search-box form legend, .buffer td.search-box form label { display: none; }
.buffer td.search-box form input[type=text] { width: 246px; border: 1px solid #bfbfbf; font-size: 14px; padding: 2px; }
.buffer td.search-box form input[type=submit] { background: url(../../images/watch-search.png) left top no-repeat; color: #900; border: none; width: 77px; height: 27px; overflow: visible; padding: 0; }
*/
.buffer td.search-box { width: 398px; border-bottom: none; text-align: center; margin: 0; padding: 0; }
.buffer td.search-box { background: #f1f1f1; padding: 40px 0; margin: 0; }
.buffer td.search-box fieldset, 
.buffer td.search-box input[type=submit] { zoom: 1; display: inline-block; }
.buffer td.search-box legend, 
.buffer td.search-box label { display: none; }
.buffer td.search-box input[type=text] { width: 246px; border: 1px solid #bfbfbf; font-size: 14px; padding: 2px; }
.buffer td.search-box input[type=submit] { background: url(../../images/watch-search.png) left top no-repeat; color: #900; border: none; width: 77px; height: 27px; overflow: visible; padding: 0; }

  /*=== the other tables ===*/
  table.highlight tr:nth-child(2n+0) td.info, table.highlight tr:nth-child(2n+0) td.desc, table.highlight tr.even-steven td.info, table.highlight tr.even-steven td.desc { background: #f1f1f1; }

.more p.all-share { text-align: center; background: url(../../images/segment-bottom.png) left top no-repeat; width: 407px; height: 35px; margin: -10px 0 20px -6px; padding: 13px 0 0 0; }
.more p.all-share strong { zoom: 1; display: inline-block; margin: 5px 10px 0 0; }
.more p.all-share a { color: #900; }
.more p.all-share a.share { zoom: 1; display: inline-block; width: 58px; height: 24px; background: url(../../images/share-big.png) left top no-repeat; padding: 6px 0 0 10px; text-align: left; }
.more p.all-share a.save { zoom: 1; display: inline-block; width: 52px; height: 24px; background: url(../../images/save-big.png) left top no-repeat; padding: 6px 0 0 9px; text-align: left; }

/*=== search results page ===*/
#all-results { position: relative; }
#search-results h1 { font: normal 22px/1 georgia, times, serif; margin: 0; padding: 20px 0 15px 0; }
#search-results h2 { font-weight: normal; font-size: 14px; line-height: 1.2; color: #666; padding: 15px 0 10px 0; margin: 0; }
  #search-results h2 strong { color: #000; font-weight: bold; }
  #search-results .search-keyword, #search-results .search-keyword a { font-style: normal; color: #000; background: #fdf355; padding: 2px; }
  #search-results h2 a { font-size: 12px; color: #900; display: inline-block; zoom: 1; margin: 0 0 0 15px; }


/* -- Mills Modified
#search-results .topic-listing { clear: both; padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px solid #fbc048; }
*/
#search-results .topic-listing { clear: both; padding: 0; margin: 0; }
#search-results .topic-listing h3 { color: #fbc048; font-size: 13px; float: left; width: 55px; }
#search-results .topic-listing ul { float: left; display: inline; }
#search-results .topic-listing li { display: inline; }
#search-results .topic-listing li a { zoom: 1; display: inline-block; font-size: 11px; line-height: 1; color: #000; padding: 4px 23px 5px 7px;
  background: #ebebeb url(../../images/search-close.jpg) right 3px no-repeat;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
}
#search-results .topic-listing li a:hover { text-decoration: none; background: #dadada url(../../images/search-close-hover.jpg) right 3px no-repeat; }


#search-results .filters { background: #f8f2dd; padding: 9px 0 9px 12px; margin: 0 0 15px; }
#search-results .filters h3 { font-weight: normal; font-size: 12px; }
#search-results .filters h3 a { color: #900; background: url(../../images/alerts-off.png) right 3px no-repeat; padding: 0 12px 0 0; }
#search-results .filters h3 a.activate { background: url(../../images/alerts-on.png) right 5px no-repeat; padding: 0 15px 0 0; }

#search-results .filters fieldset { padding: 0 0 5px 0; color: #444; }
#search-results .filters legend { display: none; }
#search-results .filters fieldset div { padding: 0; float: left; padding: 10px 0 5px 0; margin: 0 12px 0 0; border-right: 1px solid #fbc048; }
#search-results .filters fieldset div.last { border-right: 0; margin: 0; }
#search-results .filters label { display: block; margin: 0 0 2px 0; line-height: 1; }
#search-results .filters select { width: 130px;margin-right: 12px; }
#search-results .filters div.last select { width: 120px;margin:0; }

/* Mills added -> */
#search-results .filters .count { color: #838382; }
#search-results .filters span label { display: inline-block; margin: 0px 10px 0px 4px;  }
#search-results .filters span input { vertical-align: baseline;  }

#search-results aside.encyclopedia div.citing .title{ font-weight: bold;display: block;}
#search-results aside.encyclopedia div.citing ul{ padding-left: 1.25em;list-style: inherit;}
#search-results aside.encyclopedia div.citing ul li{ padding: 5px 0;}

#search-results aside.mediaTypeFilter .provider{padding:0 0 15px 0;}
#search-results aside.mediaTypeFilter .provider div.mediaType{padding: 3px 0 2px 12px;}
#search-results aside.mediaTypeFilter input[type="checkbox"]{ margin: 0;}

#search-results aside.mediaTypeFilter .provider .collapse { width: 9px;display: inline-block;height: 9px;cursor: pointer;background-repeat: no-repeat;background-position: center;}
#search-results aside.mediaTypeFilter .provider .collapse.on { background-image: url(../../images/right-button.jpg);}
#search-results aside.mediaTypeFilter .provider .collapse.off { background-image: url(../../images/down-button.jpg);}

#search-results aside.mediaTypeFilter .mediaTypes{ display: none;}

/* <- */

#search-results aside.searches h3 { font-size: 14px; line-height: 1; color: #000; padding: 0; margin: 0; }
#search-results article h3 { font-weight: normal; font-size: 16px; color: #000; }
#search-results article h3 a { color: #000; }
#search-results article h3 em { font-style: normal; color: #666; margin: 0 0 0 5px; }

#search-results .save-search { position: absolute; top: 13px; right: 10px; }
#search-results .save-search a { zoom: 1; display: inline-block; background: url(../../images/save-search.png) left top no-repeat; width: 120px; height: 21px; padding: 1px 0 0 20px; color: #900; font-size: 11px; }
#search-results .save-search a:hover { color: #fff; background: url(../../images/save-search-hover.png) left top no-repeat; text-decoration: none; }

#search-results .filter { height: 35px; background: url(../../images/more-bg.jpg) left 3px repeat-x; }

/* --> Shawn modified */
#search-results .paginate, #user #search-results .paginate { position: absolute; top: 15px; right: 10px; font-size: 11px; color: #444; }
#content .paginate { position: relative; top: 2px; right: 0px; font-size: 11px; color: #444; float:right; margin: 0 -20px 0 0;  } /*Dashboard feed listing*/
#user .paginate { position: relative; top: 2px; right: 18px; font-size: 11px; color: #444; float:right;  } /*Activity listing*/
#search-results #search-images .paginate { right: 90px; }
.paginate li { display: inline-block; margin: 0 2px; }
.paginate li.previous a { zoom: 1; display: inline-block; width: 22px; height: 20px; text-indent: -99999px; background: url(../../images/search-paginate-prev.png) left top no-repeat; }
.paginate li.previous a:hover { background: url(../../images/search-paginate-prev-hover.png) left top no-repeat; }
.paginate li.next a { zoom: 1; display: inline-block; width: 22px; height: 20px; text-indent: -99999px; background: url(../../images/search-paginate-next.png) left top no-repeat; }
.paginate li.next a:hover { background: url(../../images/search-paginate-next-hover.png) left top no-repeat; }
/* <-- */

#search-results #search-images .views { position: absolute; top: 15px; right: 10px; }
#search-results #search-images .views li { display: inline-block; margin: 0 0 0 -4px; padding: 0; }
#search-results #search-images .views li.list-view a { zoom: 1; display: inline-block; width: 31px; height: 25px; text-indent: -99999px; background: url(../../images/search-thumb-view.png) 10px top no-repeat; border-left: 1px solid #929292; padding: 0 0 0 10px; }
#search-results #search-images .views li.list-view.on a { background: url(../../images/search-list-view.png) 10px top no-repeat; }
#search-results #search-images .views li.thumb-view a { zoom: 1; display: inline-block; width: 29px; height: 25px; text-indent: -99999px; background: url(../../images/search-list-view.png) right top no-repeat; }
#search-results #search-images .views li.thumb-view.on a { background: url(../../images/search-thumb-view.png) right top no-repeat; }

#search-results aside.searches { float: left; clear: right; width: 160px; margin: 0 30px 15px 15px; color: #444; }
#search-results article { float: left; width: 700px; color: #444; padding: 0 0 30px 0; }
#search-results aside.searches a, #search-results article a { color: #900; }
#search-results a.needKeywordDef { position: relative;}

#search-results aside.searches .topics { border-bottom: 1px solid #fbc048; padding: 0 0 10px 0; margin: 0 0 15px 0; }
#search-results aside.searches .topics ul { padding: 10px 0 0; }
#search-results aside.searches .topics li { position: relative; }
  #search-results aside.searches .topics ul ul { padding: 0; }
#search-results aside.searches .topics ul > li > a { display: inline-block; zoom: 1; background: url(../../images/alerts-off.png) left 2px no-repeat; padding: 0 12px; line-height: 1.2; margin: 7px 0; }
#search-results aside.searches .topics ul li a.the-rest { background: url(../../images/alerts-on.png) left 5px no-repeat; }
#search-results aside.searches .topics li a .count { color: #838382; }
#search-results aside.searches .topics li a:hover { text-decoration: none; }

#search-results aside.searches .topics ul ol { list-style: circle; margin: 0 0 0 25px; }
#search-results aside.searches .topics ul ol li { line-height: 1.12; margin: 0 0 5px 0; font-size: 11px; }

#search-results aside.searches .history ol { padding: 0 0 0 20px; }
#search-results aside.searches .history li { color: #000; padding: 0 13px 0 0; margin: 10px 0; line-height: 1.2; }

#search-results aside.encyclopedia { border: 1px solid #fbc149; width: 155px; padding: 15px 10px; margin: 0 28px 15px 0; }
#search-results aside.encyclopedia h3 { font: normal 12px/1 georgia, times, serif; text-transform: uppercase; color: #fbc149; padding: 0 0 10px 0; margin: 0; border-top: none; font-style: italic; }
/*#search-results aside.search-images h3 { text-transform: none; }*/
#search-results aside.encyclopedia p, #search-results aside.encyclopedia div.citing { font-size: 11px; line-height: 1.35; margin: 0 0 10px 0; }
#search-results article.encyclopedia h3 { font-weight: normal; font-size: 16px; color: #000; width: 375px; line-height: 1.35; }

#search-results article .search-item { margin: -10px 0 0 0; }
#search-results article .search-item li { position: relative; display: block; border-bottom: 1px solid #a6a6a6; padding: 10px 0; margin: 10px 0; }
#search-results article .search-item li .name { font-weight: bold;font-size: 14px;}
#search-results article .search-data { width: 520px; float: right; }
#search-results article .search-data h3 span { font-size: 12px; color: #464646; }
#search-results article .search-data li { border-top: 1px dashed #adacac; border-bottom: none; color: #666; position: relative; padding: 10px 0 0 0; }
#search-results article .search-data li.appear { display: block; }
#search-results article .search-data li.show { font-size: 11px; }
#search-results article .search-data li.show-later { display: none; }
#search-results article .search-data li.show a { display: inline-block; zoom: 1; background: url(../../images/alerts-off.png) left 4px no-repeat; font-weight: bold; padding: 0 0 0 12px; }
#search-results article .search-data li.activate a { background: url(../../images/alerts-up.png) left 4px no-repeat; }
#search-results article .search-data li .play a { display: inline-block; zoom: 1; font-weight: bold; font-size: 14px; background: url(../../images/activity-play.jpg) left 2px no-repeat; padding: 0 0 0 23px; }
#search-results article .search-data li .play a:hover { background: url(../../images/activity-play-hover.jpg) left top no-repeat; }
#search-results article .search-data li .list { width: 420px; min-height: 30px; height: auto !important; height: 30px; padding: 10px 0 0 0; margin: 0 0 0 23px; }
  #search-results article .search-data ul.list li { border-top: none; padding: 0 0 0 7px; display: inline-block; zoom: 1; width: auto; background: url(../../images/dot.png) left 7px no-repeat; }
  #search-results article .search-data ul.list li:first-child { background: none; padding: 0; }
  .ie7 #search-results article .search-data ul.list li, .ie8 #search-results article .search-data ul.list li { display: inline; }
  
#search-results article .search-data li .blurb { width: 425px; color: #010101; }
#search-results article .search-data li .blurb .search-keyword { background: #fde6b6; padding: 0 1px; }
#search-results article .search-item .full-article { display: block; position: absolute; top: 12px; right: 0; }
#search-results article .search-item .full-article a { display: block; font-size: 13px; background: url(../../images/search-go.png) right 2px no-repeat; padding: 0 17px 0 0; }

#search-results article ul.thumbs li { display: block; float: left; width: 151px; height: 103px; margin: 0 24px 24px 0; position: relative; }
#search-results article ul.thumbs li img { border: 5px solid #fff; }
#search-results article ul.thumbs li a:hover img { border: 5px solid #900; }
#search-results article ul.thumbs li a:hover { text-decoration: none; }

#search-results .snippet { display: none; width: 169px; height: 62px; padding: 18px 20px 50px 20px; position: absolute; z-index: 55; color: #3b3b3b; background: url(../../images/tooltip.png) left top no-repeat; font-size: 11px; line-height: 1.5; top: -120px; left: 30px; } 

  /* the fun media buttons */
#search-results article .search-data li .social { position: absolute; top: 20px; right: 0; }
  #search-results article .social .save a { display: block; background: url(../../images/save-button.png) left top no-repeat; width: 45px; height: 18px; padding: 1px 0 0 23px; font-size: 11px; margin: 0 0 5px 0; }
  #search-results article .social .save a:hover { background: url(../../images/save-button-hover.png) left top no-repeat; text-decoration: none; color: #fff; }
  #search-results article .social .share a { display: block; background: url(../../images/share-button.png) left top no-repeat; width: 45px; height: 18px; padding: 1px 0 0 23px; font-size: 11px; }
  #search-results article .social .share a:hover { background: url(../../images/share-button-hover.png) left top no-repeat; text-decoration: none; color: #fff; }

  /* the search suggestion */
  .search-suggestion {width: 350px; border: 1px solid #f8c14a; background: #fff; z-index: 200;
    -webkit-box-shadow: 0px 0px 1px 1px #acacac;
    -moz-box-shadow: 0px 0px 1px 1px #acacac;
    box-shadow: 0px 0px 1px 1px #acacac;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    top: -60px;
    right: 120px;
  }

  .search-suggestion p.close { padding: 5px; }
  .search-suggestion p.close a { display: block; width: 8px; height: 7px; text-indent: -99999px; background: url(../../images/icon-close-x.png) left top no-repeat; float: right; }
  .search-suggestion .search-list-chunk { overflow: auto;  max-height: 450px; }
  .search-suggestion .search-list-chunk h3 { color: #333; font-weight: bold; padding-left: 5px; }
  .search-suggestion .search-list-chunk h3 a { display: inline-block; zoom: 1; width: 13px; height: 17px; text-indent: -99999px; background: url(../../images/icon-question-color.png) left 4px no-repeat; }
  .search-suggestion .search-list-chunk ul { padding: 0 0 15px 0; }
  .search-suggestion .search-list-chunk li { margin: 0; padding: 0; }
  .search-suggestion .search-list-chunk a { display: block; color: #444; padding: 2px 0 2px 5px; }
  .search-suggestion .search-list-chunk a span { color: #666; }
  .search-suggestion .search-list-chunk a:hover { text-decoration: none; background: #f8f2dd; }
    .search-suggestion .search-list-chunk h3 a:hover { background: url(../../images/icon-question-color.png) left 4px no-repeat; }
    
/* Mills Added ->*/    
.search-suggestion .search-list-chunk div { display: block; color: #444; padding: 4px 0 4px 5px;cursor: pointer;line-height: 14px; }
.search-suggestion .search-list-chunk div:hover { text-decoration: none; background: #f8f2dd; }
/* <- */
    
  /* all the popups in the world */
.keyword-definition { position: absolute; width: 380px; padding: 20px; background: #fff; border: 1px solid #f8c14a; z-index: 500; font: normal 16px/1.2 times, serif; 
  -webkit-box-shadow: 0px 0px 1px 1px #acacac;
  -moz-box-shadow: 0px 0px 1px 1px #acacac;
  box-shadow: 0px 0px 1px 1px #acacac;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #444;
  }
.keyword-definition.top { top: 25px; left: -130px; }
.keyword-definition.right { left: 100px; top: -30px; }
.keyword-definition.left { left: -310px; top: auto; margin-top: -30px; }
.keyword-definition dt { font-weight: bold; }

/*=== video page ===*/
#video-page > p { padding: 20px 0; }
#video-page a { color: #900; }
#video-page article { width: 665px; color: #444; }
#video-page article p { padding: 10px 0; }
#video-page article h2 { color: #3b6f8f; padding: 5px 0 0 0; }
#video-page article h2 + p { padding: 0 0 10px 0; }
#video-page .video-holder { background: #1a1a1a url(../../images/video-page-bg.jpg) left top repeat-x; padding: 10px 15px 20px 15px; }
#video-page .video-holder header { position: relative; color: #c7c7c7; }
#video-page .video-holder h1 { display: inline; font: normal 20px/1 georgia, times, serif; color: #fff; }
#video-page .video-holder span { font: normal 14px/1 georgia, times, serif; }
#video-page .video-holder span a { color: #daa73f; }
#video-page .video-holder p.time { position: absolute; top: -22px; right: 0; }
#video-page .video-holder .media-object { margin: 10px 0 10px 65px; width: 505px; }
#video-page .video-holder + p { font-size: 11px; }
#video-page section.comments { padding: 40px 0 10px 0; }
#video-page section.comments article { padding: 10px 0; margin: 10px 0; border-bottom: 1px dashed #cecece; }
#video-page section.comments h3 { font: normal 20px/1 georgia, times, sans-serif; color: #3b6f8f; line-height: 1; padding: 0 0 10px 0; border-bottom: 1px solid #fbc149; }
#video-page section.comments h3 span { display: inline-block; background: url(../../images/bubble-comment.jpg) left top no-repeat; width: 35px; height: 26px; color: #fff; padding: 0;text-align: center; }
#video-page section.comments .avatar { float: left; width: 50px; }
#video-page section.comments .message { float: right; width: 590px; }
#video-page section.comments .message h4 { font-size: 14px; }
#video-page section.comments .message p { padding: 10px 0 0 0; margin: 0; }
#video-page section.comments .message .time-stamp { color: #929292; font-size: 10px; }

/* -- Mills Added --*/
#video-page article a.delete {background: url(../../images/icon-delete.png) no-repeat 0px center; padding-left: 12px; margin: 0 5px;}

#video-page section.leave-comment { border: 1px solid #edcc89;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff6d8;
  -webkit-box-shadow: inset 5px 5px 15px #fff;
  -moz-box-shadow: inset 5px 5px 15px #fff;
  box-shadow: inset 5px 5px 15px #fff;
  padding: 18px;
}
#video-page section.leave-comment h3 { font: normal 18px/1 georgia, times, serif; color: #900; }

#video-page section.leave-comment textarea { border: 1px solid #c4bfaf; 
  background: #fff;
  -webkit-box-shadow: inset 3px 3px 15px #ccc;
  -moz-box-shadow: inset 3px 3px 15px #ccc;
  box-shadow: inset 3px 3px 15px #ccc;
  width: 618px;
  height: 170px;
}
#video-page section.leave-comment div { width: 200px; display: block; margin: 10px auto 0 auto; }
/* -- Mills modified
#video-page section.leave-comment form { padding: 15px 0 0 0; }
-- */
#video-page section.leave-comment #leave-comment { padding: 15px 0 0 0; }

#video-page section.leave-comment input[type=submit] { font-size: 12px; text-align: left; display: block; width: 136px; height: 32px; background: url(../../images/post-comment.png) left 1px no-repeat; border: none; color: #900; line-height: 1; padding: 0 0 0 15px; overflow: visible; }

.video-list { color: #444; position: relative; }
.video-list h1 { font: 23px/1 georgia, times, serif; padding: 40px 0 20px 0; color: #000; }
.video-list li { display: block; width: 848px;  padding: 20px; margin: 0 0 10px 0;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
  background: #fff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f3f3));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f3f3',GradientType=0 );
}
.video-list p.add { position: absolute; top: 27px; right: 0; height: 44px; padding: 0 0 0 39px; background: url(../../images/add-left.png) left top no-repeat; }
#video-page p.add a { display: block; font-weight: bold; color: #fff; background: url(../../images/add-right.png) right top no-repeat; height: 29px; padding: 15px 25px 0 5px; line-height: 1; }
.video-list div#sort { position: absolute; top: 42px; right: 10px; }
  .video-list form#sort legend { display: none; }
  .video-list form#sort select { width: 140px; margin: 0 0 0 5px; }
.video-preview { width: 151px; height: 103px; float: left; }
.video-info { float: left; width: 430px; padding: 0 20px 0 0; border-right: 1px solid #c4c4c4; min-height: 110px; height: auto !important; height: 110px; margin: 0 20px; }
  .video-info h2 { font: normal 20px/1 georgia, times, serif;line-height: 1.2em; }
  .video-info span { font: 14px/1 georgia, times, serif; }
  .video-info p { padding: 10px 0 0 0; line-height: 1.55; }
.video-meta { float: left; width: 190px; font-size: 11px; }
  .video-meta h3 { font-weight: normal; line-height: 1.25; }
  .video-meta p { padding: 3px 0; display: block; }
  .video-meta p.comments span { color: #fff; display: inline-block; background: url(../../images/bubble-red.png) left top no-repeat; height: 22px; width: 26px;text-align: center; }
  .video-meta p.no-comments span { color: #fff; display: inline-block; background: url(../../images/bubble-blue.png) left top no-repeat; height: 22px; width: 26px;text-align: center; }
  .video-meta .aux { padding: 7px 0 0 0; }

	.aux li { font-size: 11px; width: 75px; height: 7px; margin: 0; display: inline-block; padding: 0 4px 10px 8px;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  }
	.aux li a { display: block; }
	.aux li.edit-video a { background: url(../../images/edit-video-icon.png) left 2px no-repeat; padding: 0 0 5px 17px; margin: 0; }
	.aux li.edit-details { width: 80px; }
	.aux li.edit-details a { background: url(../../images/edit-details-icon.png) left 4px no-repeat; padding: 0 0 5px 15px; margin: 0; }
	
    .aux li.delete-video a { background: url(../../images/icon-delete.png) left 5px no-repeat; padding: 0 0 5px 17px; margin: 0; }

    .aux li.download-video{
          margin-top: 10px;height:7px; width:80px;
          background: #f00005;background: -moz-linear-gradient(top,  #D04645 0%, #C33838 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D04645), color-stop(100%,#C33838));
          background: -webkit-linear-gradient(top,  #D04645 0%,#C33838 100%);
          background: -o-linear-gradient(top,  #D04645 0%,#C33838 100%);
          background: -ms-linear-gradient(top,  #D04645 0%,#C33838 100%);
          background: linear-gradient(top,  #D04645 0%,#C33838 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D04645', endColorstr='#C33838',GradientType=0 );
          border: 1px solid #D04645;
    }
    .aux li.download-video a{padding: 0 0 5px 17px; margin: 0;background: url(../../images/download.png) left 4px no-repeat;color:white;}

/*=== activity pages; template styling ===*/
#activity { background: url(../../images/activity-strip.png) left top no-repeat; }
/* Mills Modified 
#activity.info-quest { background: url(../../images/info-quest-strip.png) left top no-repeat; }
*/
#activity.builder { background: url(../../images/info-quest-strip.png) left top no-repeat; }
  #controls + #activity { background: none; }
  #controls + #activity h1 { font: normal 24px/1 georgia, times, serif; margin: 30px 0 20px 32px; } 
/* Mills added */
#activity.assessmentList{ background: none; }
#activity.assessmentList h1 { font: normal 24px/1 georgia, times, serif; margin: 30px 0 20px 32px; }
  
#activity header { position: relative; padding: 18px 0 0 0; }
#activity header h1 { color: #fff; font-size: 16px; line-height: 1; margin: 0 0 0 32px; }
/* Mills Modified
#activity header h1 strong { font: normal 18px georgia, times, serif; color: #b10606; text-transform: uppercase; padding: 0 0 0 115px; display: block; position: absolute; margin: -16px 0 0; }
*/
#activity header h1 strong { font: normal 18px georgia, times, serif; color: #900; text-transform: uppercase; padding: 0; display: block; position: absolute; margin: -16px 0 0 115px; }
/* Mills added -> */
#activity.builder header h1 strong { font: normal 18px georgia, times, serif; color: #900; text-transform: uppercase; padding: 0; display: block; position: absolute; margin: -16px 0 0 180px; }
#activity header h1 strong a, #activity.builder header h1 strong {color:#900;}
/* <- */

/* Mills removed
#activity.info-quest header h1 strong { padding: 0 0 0 195px; }
*/
#activity header h1 em { display: block; text-transform: none; margin: -4px 0 0; }
#activity header .steps { position: absolute; right: 28px; top: 20px; }
#activity section.module nav .steps { margin: 10px 0; padding: 0; }
#activity header .steps li, #activity section.module nav .steps li, #activity .sort-functions .steps li { zoom: 1; margin: 0 1px; display: inline-block; height: 32px; }
#activity header .steps li a, #activity section.module nav .steps li a, #activity .sort-functions .steps li a { padding: 5px; background: none; border: 1px solid #d8d6d3; color: #7d7b7b; cursor: text; }
#activity header .steps li a:hover, #activity section.module nav .steps li a:hover, #activity .sort-functions .steps li a:hover { text-decoration: none; }
#activity header .steps li.completed a, #activity section.module nav .steps li.completed a, #activity .sort-functions .steps li.completed a { border: 1px solid #bdbcbc; color: #900;
  background: #fff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
#activity header .steps li.completed a:hover, #activity section.module nav .steps li.completed a:hover, #activity .sort-functions .steps li.completed a:hover { color: #fff; background: #737373; border: 1px solid #737373; text-decoration: none; cursor: pointer; }
#activity header .steps li.current a, #activity section.module nav .steps li.current a, #activity .sort-functions .steps li.current a { border: 1px solid #b10606; background: #fcda92; color: #362f2d; }

#activity header .tracker { background: #fef9f0; width: 960px; padding: 20px 0; margin: 15px 0 0 9px; position: relative; } 
#activity header .tracker h2 { font: normal 22px/1 georgia, times, serif; color: #950101; margin: 0 0 0 45px; }
/* Mills Modified 
#activity header .tracker .the-bar { position: absolute; top: 5px; right: 38px; } */
#activity header .tracker .the-bar { position: absolute; top: 5px; right: 38px; text-align:right; } 

#activity header .tracker .returning { top: 10px; right: 33px; }

.ie6 #activity .sort-functions .steps li, .ie7 #activity .sort-functions .steps li, .ie8 #activity .sort-functions .steps li { display: inline; }

#help-text { width: 960px; padding: 0; margin: 0 0 0 9px; text-align: center; color: #969696; }
#help-text p { line-height: 1.25; }

#taskbar { background: url(../../images/activity-footer-strip.png) left top no-repeat; color: #444; margin-top: 10px; }
#taskbar a { color: #900; }
#taskbar .progress { padding: 18px 0; margin: 0 0 0 40px; }
#taskbar .progress li, #taskbar .help-bar li { line-height: 1; display: inline-block; }

/* taskbar styling for all the pages */
#taskbar .progress .back, #taskbar .progress .back-to-editor { width: 690px; }
#taskbar .progress .save-this, #taskbar .progress .cancel { padding: 0 5px 0 0; }
#taskbar .progress .back a { display: block; width: 84px; height: 26px; background: url(../../images/activity-previous-white.png) left top no-repeat; padding: 9px 0 0 40px; font-weight: bold; color: #b10606; }
#taskbar .progress .next a { display: block; width: 75px; height: 26px; background: url(../../images/activity-next-red.png) left top no-repeat; padding: 9px 0 0 25px; font-weight: bold; color: #fff; }
#taskbar .progress .save-this a { display: block; width: 60px; height: 26px; background: url(../../images/activity-save-white.png) left top no-repeat; padding: 9px 0 0 30px; font-weight: bold; color: #b10606; }
#taskbar .progress .cancel a { display: block; width: 65px; height: 26px; background: url(../../images/activity-save-white.png) left top no-repeat; padding: 9px 0 0 25px; font-weight: bold; color: #b10606; }
#taskbar .progress .back-to-editor a { display: block; width: 141px; height: 34px; background: url(../../images/iq-taskbar-grey.png) left top no-repeat; padding: 9px 0 0 30px; font-weight: bold; color: #fff; }


#taskbar .help-bar { text-align: center; margin: 0 auto; font-size: 11px; padding: 5px 0 20px 0; }
#taskbar .help-bar .contact { background: url(../../images/activity-contact.png) left top no-repeat; padding: 0 0 7px 20px; }
#taskbar .help-bar .return { background: url(../../images/activity-return.png) left top no-repeat; padding: 0 0 7px 20px; margin: 0 15px 0 0; }

/* specific task bar styling for the last page */
#taskbar .progress .save a { zoom: 1; display: inline-block; width: 157px; height: 30px; background: url(../../images/activity-save-big.png) left top no-repeat; padding: 11px 0 0 30px; }
#taskbar .progress .save a:hover { background: url(../../images/activity-save-big-hover.png) left top no-repeat; color: #fff; text-decoration: none; }
#taskbar .progress .turn-in { width: 590px; text-align: center; margin: 0 auto; }
#taskbar .progress .turn-in a { font-weight: bold; font-size: 12px; text-transform: uppercase; line-height: 1; display: block; color: #fff; background: url(../../images/activity-launch.jpg) left top no-repeat; width: 181px; height: 25px; padding: 9px 0 0 30px; text-align: left; margin: 0 auto; }
#taskbar .progress .turn-in a:hover { background: url(../../images/activity-launch-hover.jpg) left top no-repeat; text-decoration: none; }

#taskbar .assessment li.next a { background: url(../../images/educator-red-119x34.png) left top no-repeat; width: 106px; padding: 9px 7px 0;}

/*=== activity pages; contents ===*/
#activity aside { float: right; width: 190px; margin: 30px 40px 0 0; }
#activity.info-quest aside { width: 205px; }
  #activity aside.collect { margin: 121px 40px 0 0; }
  #activity aside#groups { margin: 0 55px 0 0; }
  #activity aside#info-quest { margin: -83px 55px 0 0; }
#activity aside ul { border: 1px solid #fbc149; padding: 15px 10px 25px 10px; }
#activity aside ul li { margin: 5px 0; line-height: 1.35; background: url(../../images/bullet-arrow.png) left 3px no-repeat; padding: 0 0 0 13px; }
  #activity aside#groups ul li { background: none; }
#activity aside ul li a { color: #900; }
#activity aside.guidelines { width: 186px; margin: 0 40px 0 0; background: #e6e6ea url(../../images/news-archive-ear.jpg) left bottom no-repeat; padding: 0 0 58px 0; }
  aside.guidelines h4 { font: normal 18px/1 georgia, times, serif; color: #464545; background: url(../../images/activity-compass.jpg) left top no-repeat; padding: 41px 15px 5px 15px; }
  aside.guidelines section { padding: 10px 15px 5px 15px; }
  aside.guidelines section h5 { color: #838282; font-size: 13px; padding: 0 0 2px 0; }
  aside.guidelines section p { line-height: 1.2; }
#activity aside.guidelines section ul { background: none; padding: 0; list-style: none; border: none; }
#activity aside.guidelines section ul li { list-style-type: none; margin: 10px 0; color: #444; font-size: 11px; }
  
#activity article { float: left; width: 665px; margin: 0 0 0 45px; padding: 0 0 30px 0; }
  #activity aside#groups + article { margin: 0 0 0 32px; }
#activity article a { color: #900; }
#activity article h2 { font: normal 24px/1 georgia, times, serif; }

/* -- Mills modified 
#activity article h2 span { display: inline-block; width: 29px; height: 37px; margin: 0 8px 0 0; background: url(../../images/step.jpg) left top no-repeat; color: #fff; padding: 5px 0 0 13px; }
-- */
/*
#activity article h2 span {text-align: center; display: inline-block; width: 40px; height: 40px; margin: 0 8px 0 0; background: url(../../images/step.jpg) left top no-repeat; color: #fff; padding: 3px 2px 0px 0px; }
*/
/* --> Mills Added  -- */
#activity article #search-results { width: 920px; margin: 0 0 0 -13px; }  

/*=== activity pages; info quest ===*/
#activity.info-quest aside h4 { font: normal 16px/1 georgia, times, serif; color: #3b6f8f; }
#activity.info-quest aside h4 a { color: #3b6f8f; }
#activity.info-quest aside h5 { font: normal 18px/1 georgia, times, serif; color: #3f9cd5; margin: 20px 0 10px 0; }
#activity.info-quest aside h6 { color: #969696; font-weight: normal; font-size: 14px; }
#activity.info-quest aside ul { border: 1px solid #3f9cd5; margin: 0; padding: 10px; }
#activity.info-quest aside ul ul { border: none; padding: 0; margin: 0 0 0 15px; }
#activity.info-quest aside ul li { background: none; color: #444; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 11px; border-bottom: 1px solid #3f9cd5; }
#activity.info-quest aside ul li.last { border-bottom: none; margin: 0; padding: 0; }
#activity.info-quest aside ul ul li { list-style-type: disc; margin: 5px 0; border-bottom: none; padding: 0; }
#activity.info-quest aside a.generic-white-small { display: inline-block; zoom: 1; width: 76px; height: 19px; font-size: 11px; padding: 3px 0 0 22px; float: right; background: url(../../images//iq-white-small-bar.png) left top no-repeat; margin: -20px 0 0; }
#activity.info-quest aside ol { list-style-type: none; margin: 10px 0 0; }
#activity.info-quest aside ol li { margin: 0; padding: 0; border-bottom: none; }
#activity.info-quest aside ol li a.delete { visibility: hidden; float: right; display: inline-block; zoom: 1; width: 38px; background: url(../../images/saved-items-delete.png) left 3px no-repeat; padding: 0 0 0 13px; }
#activity.info-quest aside ol li:hover a.delete { visibility: visible; }
#activity.info-quest aside ol li:hover a.delete:hover { text-decoration: none; }
#activity.info-quest aside ul li.add-text { margin: 5px 0 0; }
#activity.info-quest aside ul li.add-text a { display: inline-block; zoom: 1; background: url(../../images/solid-add-med.png) left top no-repeat; padding: 4px 0 0 28px; width: 127px; height: 18px; line-height: 1; }
#activity.info-quest aside ul li.add-text a:hover { text-decoration: none; }

  /*=== editor ===*/
#activity.info-quest.editor aside .add-testimony label, #activity.info-quest.editor aside .add-testimony p { color: #444; }
#activity.info-quest.editor aside .add-testimony p a.solid-add-med { display: inline-block; zoom: 1; background: url(../../images/solid-add-med.png) left top no-repeat; padding: 4px 0 0 28px; width: 127px; height: 18px; line-height: 1; color: #900; margin: 0 0 10px 0; }
#activity.info-quest.editor aside .add-testimony p { line-height: 1.2; }
#activity.info-quest.editor aside .add-testimony input[type=checkbox] { width: 12px; height: 12px; vertical-align: bottom; position: relative; top: 0; }
#activity.info-quest.editor aside h5 { margin: 20px 0 0; }
#activity.info-quest.editor aside h5 + p { font-size: 11px; color: #969696; padding: 2px 0 10px 0; margin: 0; line-height: 1.25; }

#activity.info-quest article.preview a.generic-white-med { display: inline-block; zoom: 1; width: 142px; height: 21px; font-size: 11px; padding: 1px 0 0 19px; background: url(../../images//iq-white-med-bar.png) left top no-repeat; letter-spacing: -.015em; }
  
#activity article { float: left; width: 665px; margin: 0 0 0 45px; padding: 25px 0 5px 0; }
  #activity aside#groups + article { margin: 0 0 0 32px; }
#activity article a { color: #900; }
/*
#activity article h2 { font: normal 24px/1 georgia, times, serif; }
#activity.info-quest article h2 { font-size: 18px; color: #3b6f8f; }
#activity article h2 span { display: inline-block; width: 29px; height: 37px; margin: 0 8px 0 0; background: url(../../images/step.jpg) left top no-repeat; color: #fff; padding: 5px 0 0 13px; }
*/

/*=== activity pages; list - elements ===*/
#activity.info-quest { position: relative; }
#activity.info-quest h1 + .build { position: absolute; top: 0; right: 40px; }
#activity.info-quest h1 + .build a { font-weight: bold; color: #900; display: inline-block; zoom: 1; background: url(../../images/educator-white-151x35.png) left top no-repeat; text-align: center; width: 151px; height: 28px; padding: 7px 0 0; }
#activity.info-quest article { padding-top: 10px; }

/*=== activity pages; list - info quest ===*/

#activity.info-quest section.module h2 { text-transform: none; padding: 25px; color: #444; font: normal 18px/1 "lucida grande", "lucida sans unicode", arial, verdana, sans-serif; }
#activity.info-quest section.module h2 strong { font-weight: bold; }

#activity.info-quest article section.module p { padding: 0 0 10px 0; }
#activity.info-quest article section.module p.more-info a { color: #444; font-weight: bold; background: url(../../images/alerts-off.png) right 4px no-repeat; padding: 0 12px 0 0; }
#activity.info-quest article section.module p.more-info a.on { color: #444; font-weight: bold; background: url(../../images/alerts-on.png) right 7px no-repeat; padding: 0 15px 0 0; }
#activity.info-quest article section.module p.more-info + p { padding: 0 0 3px 0; }

#activity.info-quest article section.module .data p { margin: 0 0 0 25px; padding: 0; }
#activity.info-quest article section.module .data ul { margin: 0 0 0 25px; padding: 0; }
#activity.info-quest article section.module .data ul li { list-style-type: none; margin: 2px 0; padding: 0;display: block; }
  
#activity.info-quest ul.task-buttons { padding: 0 0 10px 0; margin: 0; }
#activity.info-quest section.module h2 + ul.task-buttons { padding: 10px 0; }
#activity.info-quest ul.task-buttons li { display: inline-block; zoom: 1; list-style: none; margin: 0 10px 0 0; line-height: 1; }
#activity.info-quest ul.task-buttons li a { font-size: 13px; font-weight: bold; letter-spacing: -.02em; display: inline-block; zoom: 1; color: #900; line-height: 1; }
#activity.info-quest ul.task-buttons li.assign a { width: 129px; height: 26px; background: url(../../images/activity-revise.png) left top no-repeat; padding: 9px 0 0 14px; }
#activity.info-quest ul.task-buttons li.edit a { font-weight: normal; background: url(../../images/icon-edit-flip.png) left 10px no-repeat; padding: 9px 0 0 16px; font-size: 12px; }
  #activity.info-quest .data ul.task-buttons li.edit a { background: url(../../images/icon-edit-flip.png) left 1px no-repeat; padding: 0 0 0 16px; }

#activity.info-quest .generic-toggle-space { clear: left; padding: 0 0 10px 0;display: none; }

#activity.info-quest .summary dl { color: #444; font-size: 13px; }
#activity.info-quest .summary dt { float: left; margin: 0 3px 0 0; line-height: 1.2; font-weight: bold; }
#activity.info-quest .summary dd { line-height: 1.2; padding: 0 0 5px 0; font-weight: normal; }


#activity.info-quest .summary + .track { background: #e8e8e8; padding-left: 15px; padding-top: 5px; padding-bottom: 5px;  position: relative; float: none; clear: left; }
#activity article .track ol { margin: 0; }
#activity article .track ol ol { margin: 3px 0 0; }
#activity.info-quest .track .default { float: right; margin: 0 150px 0 0; padding: 5px 0 10px 0; }
#activity.info-quest .track .status { width: 150px; position: absolute; top: 7px; right: 15px; text-align: right; line-height: 1.25;text-align: center; }
#activity.info-quest .track .status em { font-style: normal; display: block; }
#activity.info-quest .track .status a { font-weight: normal; background: url(../../images/icon-edit.png) left 12px no-repeat; padding: 9px 0 0 15px; font-size: 12px; }
#activity.info-quest .track .status em.resume a { background: none; padding: 0; }
#activity.info-quest .track .status a.begin { display: inline-block; zoom: 1; font-weight: bold; width: 118px; height: 26px; background: url(../../images/activity-revise.png) left top no-repeat; padding: 9px 0 0 24px; margin: 0 0 0 -20px; text-align: left; }


/*=== video "holder" for both contents and collect ===*/
#activity .video-holder { background: #1a1a1a url(../../images/video-page-bg.jpg) left top repeat-x; padding: 10px 15px 0 15px; margin: 20px 0 0 0; }
  #activity .connections { background: #fff url(../../images/activity-connections-bg.jpg) left bottom repeat-x; border: 1px solid #fbc149; padding: 10px 15px 30px 15px; }
#activity .video-holder header { position: relative; color: #c7c7c7; margin: 0; padding: 0; height: auto; }
#activity .video-holder hgroup { display: inline; }
#activity .video-holder h3, #activity .connections h4 { display: inline; font: normal 20px/1 georgia, times, serif; color: #fff; margin: 0; padding: 20px 0 0 5px; }
  #activity .video-holder h3.holder { display: block; font-style: italic; color: #fbc149; text-transform: uppercase; background: url(../../images/connections-icon.jpg) left top no-repeat; padding: 2px 0 10px 45px; letter-spacing: .05em; }
  #activity .connections h4 { font-size: 17px; color: #3b6f8f; }
#activity .video-holder span { font: normal 14px/1 georgia, times, serif; padding: 0 0 0 5px; }
  #activity .connections span { color: #3b6f8f; }
#activity .video-holder span a { color: #daa73f; }
#activity .video-holder p.clip { position: absolute; top: -24px; right: 5px; text-align: right; }
#activity .video-holder p.checked { position: absolute; top: -24px; right: 5px; width: 35px; height: 35px; }
#activity .video-holder p.checked a { display: block; text-indent: -99999px; font-size: .01em; line-height: .01; width: 35px; height: 35px; background: url(../../images/panel-thumb-grey.jpg) left top no-repeat; }
#activity .video-holder p.checked a:hover { background: url(../../images/panel-thumb.jpg) left top no-repeat; }
#activity .video-holder .media-object { margin: 10px 0 0 65px; width: 505px; }
#activity .video-holder + p { padding: 20px 0 10px 0; }
#activity .video-holder + h5 { padding-top: 40px; }

/*=== thumbnails ===*/
/* -- Mills Modified 
#activity .thumbnails { display: block; width: 300px; height: 80px; padding: 10px; margin: 0; background: #1a1a1a url(../../images/activity-thumbnail-bg.jpg) left top repeat-x; position: relative; margin: 25px 0 10px 0; }
 -- */
#activity .thumbnails { display: block;  padding: 10px; margin: 0; background: #1a1a1a url(../../images/activity-thumbnail-bg.jpg) left top repeat-x; position: relative; margin: 25px 0 10px 0; }
 
#activity .thumbnails img { display: block; float: left; margin: 0 15px 0 0; }
#activity .thumbnails .play-that { position: absolute; top: 61px; left: 100px; }
/*#activity .thumbnails .meta { float: left; width: 140px; } removed by mills*/
#activity .thumbnails h3 { font: normal 18px/1.15 georgia, times, serif; color: #fff; }
#activity .thumbnails em { font-style: normal; color: #c7c7c7; font-size: 13px; display:block; }

/*=== activity pages; contents ===*/
#activity article { padding: 10px 0; font-size: 13px; line-height: 1.65; color: #444; }
#activity article p.intro { width: 550px; }
#activity article p.goal { padding: 25px 0 10px 0; }
#activity article blockquote { width: 550px; color: #3b6f8f; margin: 10px auto; font-size: 14px; line-height: 1.6; font-style: italic; }
#activity article hr { border-top: 1px dashed #cdcdcd; border-right: none; border-bottom: none; border-left: none; margin: 20px 0; }
#activity article h4, #activity article h5, #activity #MainContent_lbDescription h3 { color: #3b6f8f; font-size: 14px; }
#activity article ul, #activity article ul li { list-style-type: square; }
#activity article ul, #activity article ol { font-size: 13px; margin: 10px 0 10px 30px; }
#activity article li { margin: 7px 0; color: #444; }
#activity article img { margin: 0; padding: 0; }
#activity article .caption { font: 12px/1.2 georgia, times, serif; color: #3b6f8f; background: #f3f6f7; padding: 10px; border: 1px solid #cdd4d8; font-weight: bold; display: block; margin: -7px 0 0 0; }
#activity article #questions { padding: 10px 0; }
#activity article #questions fieldset, #activity article .suggested { border: 1px solid #edcc89;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff6d8;
  -webkit-box-shadow: inset 5px 5px 15px #fff;
  -moz-box-shadow: inset 5px 5px 15px #fff;
  box-shadow: inset 5px 5px 15px #fff;
  padding: 18px;
  position: relative;
  margin: 0 0 20px 0;
}
#activity article #questions legend { font: normal 18px/1 georgia, times, serif; font-style: italic; color: #900; background: none; position: absolute; }
#activity article #questions legend + label { padding-top: 30px; font-size: 14px; }
#activity article #questions label + div { padding: 20px 0 10px 0; }
#activity article #questions div { padding: 10px 0; margin: 0 0 0 15px; color: #444; font-size: 14px; }
#activity article #questions label { display: block; padding-left: 15px; text-indent: -15px; }
/* -- Mills added  --> */
#activity article #questions table label { display: inline; padding-left: 15px; text-indent: -15px; }
#activity article #questions table td { padding: 10px 0; margin: 0 0 0 15px; color: #444; font-size: 14px; }
/* <-- Mills added  -- */
#activity article #questions input[type=radio] { width: 13px; height: 13px; vertical-align: bottom; position: relative; top: -2px; margin: 0 15px 0 0; }
#activity article #questions span { display: inline-block; margin: 0 0 0 10px; }

#activity article #questions textarea { border: 1px solid #c4bfaf; 
  background: #fff;
  -webkit-box-shadow: inset 3px 3px 15px #ccc;
  -moz-box-shadow: inset 3px 3px 15px #ccc;
  box-shadow: inset 3px 3px 15px #ccc;
  width: 618px;
  height: 170px;
  margin: 10px 0 0 0;
}
#activity article #questions .save-answer { width: 180px; display: block; margin: 0 auto; }
#activity article #questions input[type=submit] { font-size: 12px; text-align: left; display: block; width: 136px; height: 33px; background: url(../../images/post-comment.png) left 2px no-repeat; border: none; color: #900; line-height: 1; padding: 0 0 0 20px; overflow: visible; }

/*=== activity pages; construct ===*/
#activity #saved-clips { padding: 10px 0; margin: 0 0 10px 0; border-top: 1px solid #fbc149; border-bottom: 1px solid #fbc149; }
#activity #saved-clips h3 { font-size: 14px; color: #3b6f8f; }
#activity #saved-clips h3 + p { padding: 0 0 20px 0; }
#activity #saved-clips ul, #activity #saved-clips li { list-style-type: none; margin: 0; padding: 0; }
/*=== Mills modified
#activity #saved-clips li { width: 300px; height: 81px; padding: 10px; background: #f3f3f3; border: 1px dashed #b3b2b2; margin: 0 10px 10px 0; float: left; }
===*/
#activity #saved-clips li { width: 300px; min-height: 81px; padding: 10px; background: #f3f3f3; border: 1px dashed #b3b2b2; margin: 0 10px 10px 0; float: left; }
#activity #saved-clips li img { float: left; }
#activity #saved-clips li .meta { float: left; width: 160px; margin: 10px 0 0 15px; }
#activity #saved-clips li .meta h4 { color: #000; font-weight: normal; font-size: 13px; line-height: 1.15; }
#activity #saved-clips li .meta em { font-style: normal; }
#activity #saved-clips li .meta p { padding: 5px 0 0 0; font-size: 11px; }
#activity #saved-clips li .meta p a { font-weight: bold; font-size: 12px; display: inline-block; padding: 0 0 0 25px; background: url(../../images/activity-play.jpg) left top no-repeat; zoom: 1; }
#activity #saved-clips li .meta p a:hover { background: url(../../images/activity-play-hover.jpg) left top no-repeat; }

#activity article p.launch { padding-bottom: 30px; }
#activity article p.launch a { font-weight: bold; font-size: 12px; line-height: 1; display: block; color: #fff; background: url(../../images/activity-launch.jpg) left top no-repeat; width: 191px; height: 26px; padding: 8px 0 0 20px; }
#activity article p.launch a:hover { text-decoration: none; background: url(../../images/activity-launch-hover.jpg) left top no-repeat; }

/*=== activity pages; list ===*/
#activity .sort-functions { width: 665px; padding: 0; margin: 0 0 0 35px; position: relative; }
#activity .sort-functions nav { position: absolute; float: none; top: 1px; right: 10px; margin: 0; }
#activity .sort-functions .steps li { display: inline-block; zoom: 1; margin: 0 0 0 20px; }
#activity .sort-functions .steps li.previous a { zoom: 1; display: inline-block; width: 22px; height: 20px; background: url(../../images/search-paginate-prev.png) left top no-repeat; cursor: pointer; border: none; margin: 0; padding: 0 0 0 25px; color: #900; }

#activity .sort-functions .steps li.next a { zoom: 1; display: inline-block; width: 22px; height: 20px; background: url(../../images/search-paginate-next.png) right top no-repeat; cursor: pointer; border: none; padding: 0 31px 0 0; color: #900; }

#activity .sort-functions label { color: #444; font-size: 11px; }
#activity .sort-functions select { font-size: 11px; }
#activity .sort-functions .show, #activity .sort-functions .sort-by { display: inline-block; zoom: 1; margin: 0 10px 0 0; }
#activity .sort-functions select { width: 133px; }

#activity .sort-functions { width: 665px; padding: 15px 0 30px 0; margin: 0 0 0 35px; }
#activity .sort-functions nav { position: relative; float: right; margin: 0 0 30px 0; }
#activity h1 + .sort-functions { position: relative; padding: 0 0 15px 0; }
#activity h1 + .sort-functions nav { position: absolute; float: none; top: -45px; right: 0; margin: 0; }

#activity .sort-functions .steps li.previous a { zoom: 1; display: inline-block; width: 22px; height: 20px; text-indent: -99999px; background: url(../../images/search-paginate-prev.png) left 4px no-repeat; cursor: pointer; border: none; margin: 0 -10px 0 0; }
#activity .sort-functions .steps li.previous a:hover { background: url(../../images/search-paginate-prev-hover.png) left 4px no-repeat; }

#activity .sort-functions .steps li.next a { zoom: 1; display: inline-block; width: 22px; height: 20px; text-indent: -99999px; background: url(../../images/search-paginate-next.png) left 4px no-repeat; cursor: pointer; border: none; }
#activity .sort-functions .steps li.next a:hover { background: url(../../images/search-paginate-next-hover.png) left 4px no-repeat; }

#activity .sort-functions label { color: #969696; font-size: 11px; }
#activity .sort-functions select { font-size: 11px; }
#activity .sort-functions .show { width: 245px; float: left; margin: 0 20px 0 200px; padding: 0; }
#activity .sort-functions .show select { width: 175px; }
#activity .sort-functions .sort-by { width: 180px; float: right; margin: 0; padding: 0; }
#activity .sort-functions .sort-by select { width: 125px; }


/* Mills modified
#activity section.module { border: 1px solid #c4bfaf; 
  background: #fdfaf4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 7px #e3a62c;
  -moz-box-shadow: inset 0 0 7px #e3a62c;
  box-shadow: inset 0 0 7px #e3a62c;
  width: 615px;
  margin: 0 0 10px -12px;
  padding: 40px 20px 20px;
}
*/
/* mdr removed
#activity section.module { border: 1px solid #c4bfaf; 
  background: #fdfaf4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 7px #e3a62c;
  -moz-box-shadow: inset 0 0 7px #e3a62c;
  box-shadow: inset 0 0 7px #e3a62c;
  width: 630px;
  margin: 0 0 10px -12px;
  padding: 40px 20px 20px;
}
#activity section.completed { border: 1px solid #c0c0c0; 
  background: #f7f7f7;
  -webkit-box-shadow: inset 0 0 7px #b6b6b5;
  -moz-box-shadow: inset 0 0 7px #b6b6b5;
  box-shadow: inset 0 0 7px #b6b6b5; 
}
#activity section.module .data { float: left; width: 158px; background: url(../../images/activity-book.png) 10px top no-repeat; padding: 136px 0 0 0; }
#activity section.module .summary { float: left; width: 433px; margin: 0 0 0 20px; position: relative; }
*/
#activity section.module { border: 1px solid #c0c0c0; 
  background: #f7f7f7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 7px #fafafa;
  -moz-box-shadow: inset 0 0 7px #fafafa;
  box-shadow: inset 0 0 7px #fafafa;
  width: 655px;
  margin: 0 0 15px -12px;
}

#activity section.module .data { float: left; width: 158px; background: url(../../images/activity-book.png) 20px top no-repeat; padding: 137px 0 20px 0; }
#activity section.module .summary { float: left; width: 445px; margin: 0 0 0 20px; }

/*=== "the bar" ===*/
#educator-view .the-bar, #activity .the-bar { margin: 0; padding: 0; }
#educator-view .the-bar li, #activity .the-bar li { display: inline-block; zoom: 1; position: relative; background: url(../../images/the-bar-pipe.jpg) right 0 no-repeat; margin: 0 -4px 0 0; padding: 0 2px 0 0; list-style-type: none; font-size: 12px; }

/* Mills modified
#educator-view .the-bar li a, #activity .the-bar li a { color: #fff; display: inline-block; zoom: 1;
  text-shadow: 1px 1px 2px #000;
  filter: dropshadow(color=#, offx=1, offy=1);
  background: url(../../images/the-bar-off.jpg) left top repeat-x;
  padding: 9px 8px 12px 8px;
  margin: 0;
  cursor: text;
} */
#educator-view .the-bar li a, #activity .the-bar li a { color: #fff; display: inline-block; zoom: 1;
  text-shadow: 1px 1px 2px #000;
  background: url(../../images/the-bar-off.jpg) left top repeat-x;
  padding: 9px 7px 12px 7px;
  margin: 0;
  cursor: text;
}

#educator-view .the-bar.returning li a:hover, #activity .the-bar.returning li a:hover { color: #900; text-decoration: underline; text-shadow: none; filter: none; }
/* Mills Added */
#educator-view .the-bar.returning li a.aspNetDisabled:hover, #activity .the-bar.returning li a.aspNetDisabled:hover { cursor:default; color:inherit; text-decoration:inherit; }

#educator-view .the-bar li.on a, #activity .the-bar li.on a { background: url(../../images/the-bar-on.jpg) left top repeat-x; cursor: pointer; }
#educator-view .the-bar li.current a, #activity .the-bar li.current a { background: url(../../images/the-bar-current.jpg) left top repeat-x; cursor: pointer; color: #900; text-shadow: none; filter: none; }
#educator-view .the-bar li.on.contextualize, #activity .the-bar li.on.contextualize { background: url(../../images/the-bar-pipe.jpg) right 5px no-repeat; }
  #educator-view .the-bar.returning li.on.contextualize, #activity .the-bar.returning li.on.contextualize { background: url(../../images/the-bar-pipe.jpg) right top no-repeat; }
  #educator-view .the-bar.returning li.current.contextualize, #activity .the-bar.returning li.current.contextualize { background: url(../../images/the-bar-pipe.jpg) right top no-repeat; }
  #educator-view .the-bar.returning li.current.contextualize.ol, #activity .the-bar.returning li.current.contextualize.ol { background: url(../../images/the-bar-pipe.jpg) right 5px no-repeat; }
#educator-view .the-bar li.contextualize a, #activity .the-bar li.contextualize a { 
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  }
#educator-view .the-bar li.on.contextualize a, #activity .the-bar li.on.contextualize a { padding: 9px 1px 12px 8px; }
#educator-view .the-bar.returning li.on.contextualize a, #activity .the-bar.returning li.on.contextualize a { padding: 9px 8px 12px 16px; } 
#educator-view .the-bar.returning li.current.contextualize a, #activity .the-bar.returning li.current.contextualize a { background: url(../../images/the-bar-contextualize.png) left top no-repeat; padding: 9px 8px 12px 14px; }

#educator-view .the-bar li.contextualize li a, #activity .the-bar li.contextualize li a {   
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; 
}

#educator-view .the-bar li.communicate, #activity .the-bar li.communicate { background: none; }
#educator-view .the-bar li.communicate a, #activity .the-bar li.communicate a {
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px; 
  }
#educator-view .the-bar.returning li.communicate a, #activity .the-bar.returning li.communicate a { padding: 9px 14px 12px 8px; }
#educator-view .the-bar.returning li.current.communicate a, #activity .the-bar.returning li.current.communicate a { background: url(../../images/the-bar-communicate.png) right top no-repeat; padding: 9px 16px 12px 8px; }

#educator-view .the-bar li a:hover, #activity .the-bar li a:hover { text-decoration: none; }
#educator-view .the-bar ol, #activity .the-bar ol { display: inline-block; zoom: 1; background: url(../../images/the-bar-off.jpg) left top repeat-x; margin: -10px 0 0; padding: 0; }
/* Mills modified
#educator-view .the-bar li.on ol, #activity .the-bar li.on ol { background: url(../../images/the-bar-on.jpg) left 5px repeat-x; padding: 11px 7px; margin: 0 0 0 -5px; }
*/
#educator-view .the-bar li.on ol, #activity .the-bar li.on ol { background: url(../../images/the-bar-on.jpg) left 5px repeat-x; padding: 11px 7px; }
/*
#educator-view .the-bar li.current ol, #activity .the-bar li.current ol { background: url(../../images/the-bar-current.jpg) left 5px repeat-x; padding: 11px 7px; margin: 0 0 0 -5px; }
*/
#educator-view .the-bar li.current ol, #activity .the-bar li.current ol { background: url(../../images/the-bar-current.jpg) left 5px repeat-x; padding: 11px 7px;  }
#educator-view .the-bar li li, #activity .the-bar li li { background: none; }
#educator-view .the-bar li li a, #activity .the-bar li li a { background: none; color: #969696; text-shadow: none; filter: none; }
#educator-view .the-bar li.on.contextualize li a, #activity .the-bar li.on.contextualize li a, #educator-view .the-bar.returning li.on.contextualize li a, #activity .the-bar.returning li.on.contextualize li a { background: #fde085; border: 1px solid #eba229; text-shadow: none; filter: none; padding: 2px 4px; }

/* Mills Added ->*/
#educator-view .the-bar li.on.contextualize li.on a, 
#activity .the-bar li.on.contextualize li.on a, 
#educator-view .the-bar.returning li.on.contextualize li.on a,
#activity .the-bar.returning li.on.contextualize li.on a 
{ background: #fde085; border: 1px solid #eba229; text-shadow: none; filter: none; padding: 2px 4px; color:#900 }
/*/


/*-- Mills added>*/
#educator-view .the-bar.returning li.current.contextualize li a, #activity .the-bar.returning li.current.contextualize li a { background: #fff; padding: 2px 4px; text-shadow: none; filter: none; border: 1px solid #bfbebe; color:#aaa }
#educator-view .the-bar.returning li.current.contextualize li.on a, #activity .the-bar.returning li.current.contextualize li.on a { border: 1px solid #bfbebe; background: #fcda92; color:#900}
#educator-view .the-bar.returning li.current.contextualize li.current a, #activity .the-bar.returning li.current.contextualize li.current a { border: 1px solid #900; background: #fcda92; color:#900}
#educator-view .the-bar.returning li.on.contextualize.ol, #activity .the-bar.returning li.on.contextualize.ol { background: url(../../images/the-bar-pipe.jpg) right 5px no-repeat; }
/*<--*/

.ie6 #activity .the-bar li, .ie7 #activity .the-bar li, .ie8 #activity .the-bar li, .ie6 #activity .the-bar ol, .ie7 #activity .the-bar ol, .ie8 #activity .the-bar ol, .ie6 #activity .the-bar li a, .ie7 #activity .the-bar li a, .ie8 #activity .the-bar li a, .ie6 #educator-view .the-bar li, .ie7 #educator-view .the-bar li, .ie8 #educator-view .the-bar li, .ie6 #educator-view .the-bar ol, .ie7 #educator-view .the-bar ol, .ie8 #educator-view .the-bar ol, .ie6 #educator-view .the-bar li a, .ie7 #educator-view .the-bar li a, .ie8 #educator-view .the-bar li a { display: inline; }

.ie7 #activity .the-bar, .ie8 #activity .the-bar, .ie7 #educator-view .the-bar, .ie8 #educator-view .the-bar { padding: 10px 0 0; }
.ie7 #activity .the-bar li, .ie8 #activity .the-bar li, .ie7 #educator-view .the-bar li, .ie8 #educator-view .the-bar li { background: url(../../images/the-bar-pipe.jpg) right 2px no-repeat; margin: 0 -5px 0 0; padding: 12px 2px 20px 0; }
.ie7 #activity .the-bar li.communicate, .ie8 #activity .the-bar li.communicate, .ie7 #educator-view .the-bar li.communicate, .ie8 #educator-view .the-bar li.communicate { background: none; }
.ie7 #activity .the-bar li.contextualize li, .ie8 #activity .the-bar li.contextualize li, .ie7 #educator-view .the-bar li.contextualize li, .ie8 #educator-view .the-bar li.contextualize li { background: none; height: auto; }
.ie7 #activity .the-bar li.on.contextualize, .ie8 #activity .the-bar li.on.contextualize, .ie7 #educator-view .the-bar li.on.contextualize, .ie8 #educator-view .the-bar li.on.contextualize { background: url(../../images/the-bar-pipe.jpg) right 2px no-repeat; position: relative; z-index: 35; }
.ie7 #activity .the-bar li.on.contextualize a, .ie8 #activity .the-bar li.on.contextualize a, .ie7 #educator-view .the-bar li.on.contextualize a, .ie8 #educator-view .the-bar li.on.contextualize a { padding-right: 8px; }
.ie7 #activity .the-bar li.on.contextualize ol a, .ie8 #activity .the-bar li.on.contextualize ol a, .ie7 #educator-view .the-bar li.on.contextualize ol a, .ie8 #educator-view .the-bar li.on.contextualize ol a { padding-right: 4px; }
.ie7 #activity .the-bar li.on ol, .ie8 #activity .the-bar li.on ol, .ie7 #educator-view .the-bar li.on ol, .ie8 #educator-view .the-bar li.on ol { background: url(../../images/the-bar-on.jpg) left top repeat-x; padding: 9px 5px 14px 5px; }

.ie7 #educator-view .the-bar.returning li.current ol, .ie7 #activity .the-bar.returning li.current ol, .ie8 #educator-view .the-bar.returning li.current ol, .ie8 #activity .the-bar.returning li.current ol { background: url(../../images/the-bar-current.jpg) left 2px repeat-x; padding-bottom: 13px; }

.ie7 #activity .the-bar li.on.contextualize + li a, .ie8 #activity .the-bar li.on.contextualize + li a, .ie7 #educator-view .the-bar li.on.contextualize + li a, .ie8 #educator-view .the-bar li.on.contextualize + li a { padding-left: 12px; }

.ie7 #activity .the-bar.returning li.current.contextualize a, .ie8 #activity .the-bar.returning li.current.contextualize a, .ie7 #educator-view .the-bar.returning li.current.contextualize a, .ie8 #educator-view .the-bar.returning li.current.contextualize a { background: url(../../images/the-bar-current.jpg) left top repeat-x; border-left: 1px solid #999; }
.ie7 #activity .the-bar.returning li.current.communicate a, .ie8 #activity .the-bar.returning li.current.communicate a, .ie7 #educator-view .the-bar.returning li.current.communicate a, .ie8 #educator-view .the-bar.returning li.current.communicate a { background: url(../../images/the-bar-current.jpg) left top repeat-x; border-right: 1px solid #999; }


/*=== activity pages; list - elements ===*/
#activity section.module h2 { font-size: 18px; line-height: 1; color: #b10606; text-transform: uppercase; margin: 0; padding: 0 0 10px 0; }
  #activity section.module h2 em { font-size: 14px; display: block; text-transform: none; margin: 2px 0 0; }
#activity section.module h3 { border-top: 1px solid #edcc89; padding: 10px 0; font-size: 15px; line-height: 1; color: #454444; }
#activity section.module h3 a { color: #b10606; }
#activity section.module h3.activate { background: url(../../images/activity-content-arrow-toggle.png) left 13px no-repeat; }
  #activity section.module h3.activate + nav { display: none; }
#activity section.module p.do-activity, #activity section.module p.revise-activity { padding: 5px 0; }
#activity section.module p.do-activity a { font-weight: bold; font-size: 12px; line-height: 1; display: block; color: #fff; background: url(../../images/activity-begin.png) left top no-repeat; width: 122px; height: 36px; padding: 8px 0 0 20px; text-align: left; }
  #activity section.module p.resume a { padding: 8px 0 0 15px; width: 127px; }
#activity section.module p.do-activity a:hover { text-decoration: none; background: url(../../images/activity-begin-hover.png) left top no-repeat; }

#activity section.module p.revise-activity a { font-weight: bold; font-size: 12px; line-height: 1; display: inline-block; color: #b10606; background: url(../../images/activity-revise.png) left top no-repeat; width: 122px; height: 35px; padding: 9px 0 0 20px; text-align: left; zoom: 1; }
#activity section.module p.revise-activity a:hover { text-decoration: none; background: url(../../images/activity-revise-hover.png) left top no-repeat; color: #fff; }
#activity section.module p.revise-activity a.turn-in { display: inline-block; background: url(../../images/activity-finish.png) left 1px no-repeat; width: 174px; height: 35px; color: #fff; margin: 0 0 0 5px; }
#activity section.module p.revise-activity a.turn-in:hover { background: url(../../images/activity-finish-hover.png) left 1px no-repeat; }

#activity section.module p.assignment { background: #fab70c; color: #fff;
  text-shadow: 1px 1px 2px #000;
  filter: dropshadow(color=#000000, offx=1, offy=1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  padding: 2px 0;
  margin: 15px 5px;
}
#activity section.module p.in-progress { background: #3e7190; }
#activity section.module p.complete { background: #838282; text-transform: uppercase; }
#activity section.module p.revised { background: #3e7190; text-transform: uppercase; }

#activity section.module dl { font-size: 11px; }
#activity section.module dt { float: left; margin: 0 3px 0 0; line-height: 1.2; }
#activity section.module dd { line-height: 1.2; padding: 0 0 10px 0; font-weight: bold;  }
#activity section.module dd em { font-style: normal; font-weight: normal; display: block; }
#activity section.module dd strong { color: #b10606; }

#activity section.module nav { position: relative; z-index: 25; margin: 0 0 0 15px; }

#activity section.module .table-of-contents { position: relative; z-index: 26; margin: 0 0 0 15px; }
#activity .table-of-contents ol { list-style: none; }
#activity .table-of-contents ol li { display: block; margin: 15px 0; }
#activity .table-of-contents ol li a { color: #7d7b7b; }
#activity .table-of-contents ol li a:hover { text-decoration: none; cursor: text; }
#activity .table-of-contents ol li a span { padding: 5px; background: none; border: 1px solid #d8d6d3; color: #7d7b7b; margin: 0 5px 0 0; }
#activity .table-of-contents ol li a em { font-style: normal; }
#activity .table-of-contents ol li.completed a span { border: 1px solid #bdbcbc; color: #900;
  background: #fff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
#activity .table-of-contents ol li.completed a:hover span { color: #fff; background: #737373; border: 1px solid #737373; text-decoration: none; cursor: pointer; }
#activity .table-of-contents ol li.current a span, #activity .table-of-contents ol li.current a:hover span { border: 1px solid #b10606; background: #fcda92; color: #362f2d; }
#activity .table-of-contents ol li.current a em, #activity .table-of-contents ol li.completed a em { color: #900; }
#activity .table-of-contents ol li.current a:hover em, #activity .table-of-contents ol li.completed a:hover em { text-decoration: underline; cursor: pointer; }



/*=== activity pages; list - info quest ===*/
#activity.info-quest section.module .break-down { border: 1px solid #edcc89; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0 0;
  padding: 10px;
}

#activity.info-quest .break-down ul li { list-style: none; font-size: 11px; line-height: 1.25; }
#activity.info-quest .break-down ul.class-list { margin: 0; padding: 0; }
#activity.info-quest .break-down ul.class-list li { padding: 0 0 7px 0; margin: 0 0 7px 0; border-bottom: 1px solid #edcc89; }
#activity.info-quest article .break-down p { margin: 0; padding: 0 0 5px 0; font-size: 11px; }
#activity.info-quest article p.editing { line-height: 1; }
#activity.info-quest article p.editing .edit { padding: 0 7px 0 0; margin: 0 5px 0 0; }
#activity.info-quest .break-down ul.class-list li strong { color: #900; }
#activity.info-quest .break-down ul.class-list li em { font-style: normal; display: block; padding: 0 0 7px 0; }
#activity.info-quest .break-down ul.class-list li em strong { color: #000; }

#activity.info-quest article .break-down ul.class-list + p { line-height: 1; }

/*
#activity.info-quest section.module .summary dl { font-size: 12px; padding: 0 0 10px 0; }
#activity.info-quest section.module dt { color: #444; line-height: 1; }
#activity.info-quest section.module dd { line-height: 1; padding: 0; font-weight: normal; }
  #activity.info-quest section.module .summary dd { padding: 0 0 10px 0; font-weight: bold; }
*/

#activity.info-quest .break-down ul.tool-bar { margin: 10px 0 0; padding: 10px 8px; border: 1px solid #c8c8c8; background: #e0e0e0; }
#activity.info-quest ul.tool-bar li { margin: 3px 0; padding: 0; }
#activity.info-quest ul.tool-bar li a { display: block; padding: 0 0 0 17px; }
#activity.info-quest ul.tool-bar li.edit a { background: url(../../images/tool-bar-edit.jpg) left 3px no-repeat; }
#activity.info-quest ul.tool-bar li.preview a { background: url(../../images/tool-bar-check.jpg) left 3px no-repeat; }
#activity.info-quest ul.tool-bar li.duplicate a { background: url(../../images/tool-bar-duplicate.jpg) left 3px no-repeat; }

#activity.info-quest section.module h2 { text-transform: none; padding: 25px; color: #444; font: normal 18px/1 "lucida grande", "lucida sans unicode", arial, verdana, sans-serif; }
#activity.info-quest section.module h2 strong { font-weight: bold; }
  
#activity.info-quest ul.task-buttons { padding: 0 0 10px 0; margin: 0; }
#activity.info-quest section.module h2 + ul.task-buttons { padding: 10px 0; }
#activity.info-quest ul.task-buttons li { display: inline-block; zoom: 1; list-style: none; margin: 0 10px 0 0; line-height: 1; }
#activity.info-quest ul.task-buttons li a { font-size: 13px; font-weight: bold; letter-spacing: -.02em; display: inline-block; zoom: 1; color: #900; line-height: 1.2; }
#activity.info-quest ul.task-buttons li.assign a { width: 129px; height: 26px; background: url(../../images/activity-revise.png) left top no-repeat; padding: 9px 0 0 14px; }
#activity.info-quest ul.task-buttons li.edit a { font-weight: normal; background: url(../../images/icon-edit-flip.png) left 10px no-repeat; padding: 9px 0 0 16px; font-size: 12px; }
#activity.info-quest article section.module .data ul.task-buttons li.edit { margin-bottom: 20px;}
#activity.info-quest .data ul.task-buttons li.edit a { background: url(../../images/icon-edit-flip.png) left 1px no-repeat; padding: 0 0 0 16px; }
#activity.info-quest ul.task-buttons li.unpublish a { width: 84px; height: 29px; background: url(../../images/iq-unpublish.png) left top no-repeat; padding: 6px 0 0 15px; }
#activity.info-quest ul.task-buttons li.publish a { width: 85px; height: 29px; background: url(../../images/iq-publish.png) left top no-repeat; padding: 6px 0 0 31px; color: #fff; }
#activity.info-quest ul.task-buttons li.continue-editing a { width: 127px; height: 29px; background: url(../../images/iq-continue.png) left top no-repeat; padding: 6px 0 0 15px; }

.ie7 #activity.info-quest ul.task-buttons li.assign a, .ie8 #activity.info-quest ul.task-buttons li.assign a { padding-left: 7px; width: 120px; }
.ie7 #activity.info-quest ul.task-buttons li.again a, .ie8 #activity.info-quest ul.task-buttons li.again a { padding-left: 15px; width: 112px; }
.ie7 #activity.info-quest ul.task-buttons li.publish a, .ie8 #activity.info-quest ul.task-buttons li.publish a { padding-left: 29px; width: 87px; }
.ie7 #activity.info-quest ul.task-buttons li.unpublish a, .ie8 #activity.info-quest ul.task-buttons li.unpublish a { padding-left: 13px; width: 86px; }
.ie7 #activity.info-quest ul.task-buttons li.continue-editing a, .ie8 #activity.info-quest ul.task-buttons li.continue-editing a { padding-left: 10px; width: 132px; }

#activity.info-quest p.enr { position: absolute; right: 0; margin: -50px 0 0; }
#activity.info-quest p.enr a { width: 71px; height: 24px; display: block; background: url(../../images/activity-list-enr.png) left top no-repeat; text-indent: -99999px; }

#activity.info-quest p.alert { color: #c00; background: url(../../images/icon-alert.png) left 13px no-repeat; padding-left: 18px; font-size: 12px; }
#activity.info-quest ul.alert { margin: 10px 0 30px 30px; padding: 0; }
#activity.info-quest ul.alert li { list-style: none; margin: 0; padding: 0; }
#activity.info-quest ul.alert li, #activity.info-quest ul.alert li a { color: #c00; font-size: 12px; }

/*=== activity pages; contextualize - info quest ===*/
 /*=== preview ===*/
#activity.info-quest article.preview h2 + p { padding: 0 0 30px 0; }
#activity.info-quest article.preview h3 { color: #444; }
#activity.info-quest ol.topics { border: 1px solid #f1940f; padding: 10px 0; margin: 10px 0 10px 20px; width: 350px; list-style: none; }
#activity.info-quest ol.topics li { color: #900; margin: 0; padding: 3px 0 3px 15px; }
#activity.info-quest ol.topics li span { padding: 0 20px 0 10px; }

/*=== activity pages; collect - info quest ===*/
  /*=== preview ===*/
#activity.info-quest article.preview h2 + ol.topics { margin: 20px 0 10px 20px; }
#activity.info-quest ol.topics li.current { background: #fef6e4 url(../../images/iq-collect-current.png) left 2px no-repeat; }
#activity.info-quest ol.topics li.current a { text-decoration: underline; font-weight: bold; }
#activity.info-quest .video-phrases-preview { margin: 25px 0 0; padding: 0 0 25px 0; }
#activity.info-quest .video-phrases-preview .media-holder { width: 325px; float: left; }
#activity.info-quest .video-phrases-preview .phrases { width: 335px; float: right; }
#activity.info-quest .video-phrases-preview .phrases input[type=text] { border: 1px solid #c0c0c0; width: 325px; padding: 5px; color: #444; }
#activity.info-quest .video-phrases-preview .phrases h4 { font-weight: normal; font-size: 14px; border-bottom: 1px solid #a1a1a1; padding: 15px 0 5px 0; color: #444; line-height: 1; }
#activity.info-quest .video-phrases-preview .phrases h4 + p { padding: 0; margin: 0; color: #969696; font-size: 11px; }
#activity.info-quest table.edit-phrases { padding: 0; }
#activity.info-quest table.edit-phrases td { padding: 3px 0; vertical-align: middle; }
#activity.info-quest table.edit-phrases .text { width: 280px; font-weight: bold; }

#activity.info-quest table.edit-phrases .size { width: 65px; }
#activity.info-quest table.edit-phrases th.size, #activity.info-quest table.edit-phrases th.color { text-align: center; }

  #activity.info-quest table.edit-phrases .size a.add { display: inline-block; zoom: 1; width: 23px; height: 19px; background: url(../../images/iq-add-size.png) left top no-repeat; text-indent: -99999px; }
  #activity.info-quest table.edit-phrases .size a.minus { display: inline-block; zoom: 1; width: 23px; height: 19px; background: url(../../images/iq-minus-size.png) left top no-repeat; text-indent: -99999px; margin: 0 0 0 -2px; }

#activity.info-quest table.edit-phrases .color { width: 95px; }

  #activity.info-quest table.edit-phrases .color a.black { display: inline-block; zoom: 1; width: 22px; height: 19px; background: url(../../images/iq-color-black.png) left top no-repeat; text-indent: -99999px; }
  #activity.info-quest table.edit-phrases .color a.blue { display: inline-block; zoom: 1; width: 23px; height: 19px; background: url(../../images/iq-color-blue.png) left top no-repeat; text-indent: -99999px; margin: 0 0 0 -3px; }
  #activity.info-quest table.edit-phrases .color a.red { display: inline-block; zoom: 1; width: 22px; height: 19px; background: url(../../images/iq-color-red.png) left top no-repeat; text-indent: -99999px; margin: 0 0 0 -3px; }

/*=== activity pages; construct - info quest ===*/
  /*=== preview ===*/
#activity.info-quest article.landscape { width: 895px; }
#activity.info-quest article.landscape #cloud { padding: 0 0 20px 0; }
#activity.info-quest article.landscape #cloud h2 { text-align: center; margin: 0 auto; padding: 0 0 15px 0; font-weight: bold; font-size: 21px; }
#activity.info-quest article.landscape #cloud + h2 { margin: 15px 0; }
#activity.info-quest #cloud .collected { width: 250px; float: left; }
#activity.info-quest #cloud .collected p { color: #969696; font-size: 11px; }
#activity.info-quest #cloud .media-holder { width: 318px; float: left; margin: 0 10px 0 35px; }
#activity.info-quest #cloud .media-holder p { text-align: center; font: 15px/1.15 georgia, times, serif; color: #3b6f8f; }
#activity.info-quest #cloud .related { width: 250px; float: right; margin: 0 10px 0 0; }
#activity.info-quest #cloud .related .controls { text-align: right; }
#activity.info-quest #cloud .related label { display: inline; padding: 0 10px 0 0; font-size: 11px; color: #969696; }
#activity.info-quest #cloud .related select { display: inline; font-size: 11px; width: 125px; }
#activity.info-quest #cloud ul { list-style: none; margin: 10px 0 0; padding: 0; }
#activity.info-quest #cloud li { font-weight: bold; display: inline; margin: 0; padding: 0 15px 0 0; line-height: 1.45; }

#activity.info-quest fieldset.findings { padding: 20px 0 0; }
#activity.info-quest fieldset.findings legend { display: none; }
#activity.info-quest fieldset.findings div { margin: 0 0 15px 0; }
#activity.info-quest fieldset.findings .media-holder { float: left; width: 330px; margin: 0; }
#activity.info-quest fieldset.findings label { display: block; font-weight: bold; font-size: 13px; color: #444; line-height: 1.25; margin: 0 0 5px 0; }
#activity.info-quest fieldset.findings input[type=text], #activity.info-quest fieldset.findings textarea { border: 1px solid #c0c0c0; width: 318px; padding: 5px; }
#activity.info-quest fieldset.findings textarea { width: 316px; height: 110px; }
#activity.info-quest fieldset.findings .wide textarea { width: 648px; }
#activity.info-quest fieldset.findings + div { text-align: right; padding: 0 0 20px 0; }
#activity.info-quest fieldset.findings + div input[type=submit] { width: 236px; height: 44px; background: url(../../images/iq-white-long-bar.png) left 1px no-repeat; color: #b10606; font-weight: bold; font-size: 13px; letter-spacing: -.015em; border: none; overflow: visible; line-height: 1; }

/*=== activity pages; communicate - info quest ===*/
  /*=== preview ===*/
#activity.info-quest article.preview h2 + p.introduction { padding: 10px 0 30px 0; }
#activity.info-quest article.preview section.iq-module { padding: 15px 0 0; }
#activity.info-quest article.preview section.iq-module + h2 { padding: 30px 0 0; }
#activity.info-quest section.iq-module h3 { font-weight: normal; font-size: 15px; color: #969696; width: 151px; padding: 0 0 5px 0; }
#activity.info-quest section.iq-module .video-area { width: 151px; float: left; margin: 0 10px 0 0; }
#activity.info-quest section.iq-module .meta-info { width: 495px; float: left; position: relative; margin: -23px 0 0; }
#activity.info-quest section.iq-module .meta-info .date { color: #969696; margin: 0; padding: 0; }
#activity.info-quest section.iq-module .meta-info h4 { font: normal 17px/1 georgia, times, serif; color: #444; margin: 0; padding: 3px 0 0; }
#activity.info-quest section.iq-module .meta-info h4 + p { padding: 5px 0; color: #969696; line-height: 1.25; }
#activity.info-quest section.iq-module .meta-info h4 + p + p { padding: 5px 0 0; }
#activity.info-quest section.iq-module .meta-info p.comments { position: absolute; top: 0; right: 0; padding: 0; }
#activity.info-quest section.iq-module .meta-info .comments a { font-weight: bold; }

#activity.info-quest article.landscape h2 a { color: #3b6f8f; }
#activity.info-quest article.landscape h2 + .summary { padding: 20px 0 10px 0; position: relative; }
#activity.info-quest article.landscape h2 + .summary h3 { font: 17px/1 georgia, times, serif; color: #969696; padding: 0 0 5px 0; }
#activity.info-quest article.landscape h2 + .summary h3 span{ color: #3b6f8f; }
#activity.info-quest article.landscape h2 + .summary .by { width: 190px; position: absolute; top: 10px; right: 0; }
#activity.info-quest article.landscape h2 + .summary .by img { display: block; float: left; margin: 0 10px 10px 0; }
#activity.info-quest article.landscape h2 + .summary .by h4, #activity.info-quest #blink + #comments ol li .text h4 { font: 15px/1 georgia, times, serif; }
#activity.info-quest article.landscape h2 + .summary .by p { font-size: 11px; color: #969696; padding: 0; }
#activity.info-quest article.landscape #blink { background: #f2f2f2; padding: 10px 20px; }
#activity.info-quest #blink #cloud .media-holder { margin: 0 15px; }
#activity.info-quest #blink #cloud .related { margin: 0; }
#activity.info-quest #blink + #comments { padding: 20px 0 50px 0; }
#activity.info-quest #blink + #comments h3 { margin: 0; padding: 0 0 10px 0; font: 17px/1 georgia, times, serif; color: #3b6f8f; }
#activity.info-quest #blink + #comments ol { list-style: none; margin: 0; padding: 0 0 20px 0; }
#activity.info-quest #blink + #comments ol li { margin: 0 0 15px 0; }
#activity.info-quest #blink + #comments ol li img.profile { display: block; margin: 0 10px 10px 0; float: left; }
#activity.info-quest #blink + #comments ol li .text { float: left; width: 820px; }
#activity.info-quest #blink + #comments ol li .text p { padding: 0; line-height: 1.3; }
#activity.info-quest #blink + #comments ol li .text p.date { color: #969696; font-size: 11px; }
#activity.info-quest #blink + #comments fieldset.comment legend { font: 17px/1 georgia, times, serif; color: #3b6f8f; }
#activity.info-quest #blink + #comments fieldset.comment textarea { margin: 10px 0; width: 690px; height: 100px; border: 1px soid #c0c0c0; }
#activity.info-quest #blink + #comments input[type=submit] { color: #b10606; font-weight: bold; font-size: 12px; line-height: 1; width: 141px; height: 36px; background: url(../../images/modal-cancel.png) left 2px no-repeat; border: none; overflow: visible; }

/*=== color control, size just sub in percentages ===*/
#activity.info-quest span.black { color: #000; }
#activity.info-quest span.blue { color: #3b6f8f; }
#activity.info-quest span.red { color: #900; }

/*=== activity pages; congrats! ===*/
#congratulations { width: 550px; text-align: center; margin: 50px auto; }
#congratulations h2 { font: normal 24px/1 georgia, times, serif; }
#congratulations h2 em { display: block; font-style: normal; color: #b10606; text-transform: uppercase; padding: 30px 0; }
#congratulations p { padding: 0; color: #444; font-size: 13px; }

/*=== student assessment ===*/
#activity.assessment { position: relative; }
#activity.assessment a { color: #900; }
#activity.assessment h1 + .build { position: absolute; top: 6px; right: 40px; }

#activity.assessment #masthead { margin: 0 0 0 19px; width: 888px; background: #e8eaed; padding: 20px 15px 0px; border-top: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; position: relative; min-height: 95px; }
/* Mills modified
  #masthead h2  { font: 18px/1 georgia, times, serif; color: #900; }
  #masthead h2 a { font: 12px/1 "lucida grande", "lucida sans unicode", arial, verdana, sans-serif; margin: 0 0 0 7px; } */
  #masthead h2 a { font: 18px/1 georgia, times, serif; color: #900; }
  #masthead h2 a.tips { font: 12px/1 "lucida grande", "lucida sans unicode", arial, verdana, sans-serif; margin: 0 0 0 7px; } 

  #masthead h3 { color: #666; font-weight: normal; font-size: 13px; margin: 0 0 10px; }
  #masthead h3 + p a { display: inline-block; zoom: 1; width: 151px; height: 27px; background: url(../../images/educator-white-151x35.png) left top no-repeat; font-weight: bold; text-align: center; padding: 8px 0 0; }
  #masthead ul.progress { color: #444; position: absolute; left: 175px; margin: -37px 0 0; }
  #masthead ul.progress li { line-height: 1; margin: 5px 0; }
  #masthead ul.utility { width: 170px; padding: 15px 0 15px 15px; position: absolute; right: 0; top: 20px; border-left: 1px dashed #c0c0c2; }
  #masthead ul.utility li, #activity.assessment .the-list .actions li { padding: 0 0 0 15px; margin: 2px 0; font-size: 12px; }
  #masthead ul.utility li.message, #activity.assessment .the-list .actions li.message { background: url(../../images/icon-message.png) left 3px no-repeat; }
  #masthead ul.utility li.view { background: url(../../images/icon-view-left.png) left 6px no-repeat; }
  #masthead ul.utility li.edit, #activity.assessment .the-list .actions li.edit { background: url(../../images/icon-edit-flip.png) left 3px no-repeat; }

#activity.assessment .the-list { width: 926px; padding: 8px 0 0; margin: 0 0 50px 13px; background: url(../../images/ribbon-yellow-926.png) left top no-repeat; }
#activity.assessment .the-list table { margin: 0 0 0 6px; }
#activity.assessment .the-list table th { padding: 6px 0; color: #644a1a; }
#activity.assessment .the-list table td { vertical-align: middle; padding: 20px 0; border-bottom: 1px solid #e5e5e5; }
#activity.assessment .the-list table .assessed { width: 60px; padding: 0 15px; }
  #activity.assessment .the-list table td.assessed { border-left: 1px solid #cbcbcb; text-align: center; }
#activity.assessment .the-list table .name { width: 205px; padding: 0 15px 0 0; }
#activity.assessment .the-list table .status { width: 420px; }
  #activity.assessment .the-list table th.status { text-align: center; }
#activity.assessment .the-list table .actions { width: 155px; padding: 0 0 0 30px; }
  #activity.assessment .the-list table td.actions { border-right: 1px solid #cbcbcb; }

#activity.assessment .the-list .assessed span { display: block; padding: 18px 0 0; text-transform: uppercase; color: #444; font-size: 9px; }
  #activity.assessment .the-list .assessed span.complete { background: url(../../images/check-completed.png) center top no-repeat; }
  #activity.assessment .the-list .assessed span.in-progress { background: url(../../images/check-inprogress.png) center top no-repeat; }
#activity.assessment .the-list .name img { display: block; float: left; margin: 0 10px 0 0; }
#activity.assessment .the-list .name h4 { font-size: 14px; color: #900; line-height: 46px; }
#activity.assessment .the-list .status img { float: right; margin: -19px 0 0; }
#activity.assessment .the-list .status p { clear: right; text-align: center; margin: 7px 0 0; padding: 0 20px 0 0; color: #444; }
#activity.assessment .the-list .actions li { margin: 0; }
#activity.assessment .the-list .actions li.progress { background: url(../../images/icon-progress.png) left 3px no-repeat; }

/*=== student assessment; progress ===*/
#activity.progress #masthead ul.progress { margin: -30px 0 0; }
#activity.progress #masthead ul.utility { padding: 10px 0 10px 15px; }
#activity.progress #masthead ul.utility li { margin: 0; }

/*=== student assessment; working view ===*/
#activity.assessment header { background: url(../../images/info-quest-strip.png) left top no-repeat; min-height: 140px; position: realtive; }
#activity.assessment header h1 { margin: 10px 0 0 25px; }
/* -- Mills modified
#activity.assessment header h1 strong { font: normal 16px georgia, times, serif; margin: -16px 0 0; padding: 0 0 0 170px; }
#activity.assessment header h1 span { color: #444; border-left: 1px solid #444; padding: 0 0 0 10px; margin: 0 0 0 8px; text-transform: none; } */
#activity.assessment header h1 span.title { font: normal 16px georgia, times, serif; margin: -16px 0 0;}
#activity.assessment header h1 span.subtitle, #activity.assessment header h1 a.subtitle { color: #444; border-left: 1px solid #444; padding: 0 0 0 10px; margin: 0 0 0 8px; text-transform: none; } 

#activity.assessment header ul.student-count { color: #444; position: absolute; top: 28px; right: 40px; width: 145px; }
#activity.assessment header ul.student-count li { display: inline-block; zoom: 1; padding: 0 1px; }
#activity.assessment header ul.student-count li.previous a { display: inline-block; zoom: 1; width: 22px; height: 20px; background: url(../../images/search-paginate-prev.png) left top no-repeat; text-indent: -99999px; }
#activity.assessment header ul.student-count li.next a { display: inline-block; zoom: 1; width: 22px; height: 20px; background: url(../../images/search-paginate-next.png) left top no-repeat; text-indent: -99999px; }

#activity.assessment header .track { background: url(../../images/sa-header.png) left top repeat-x; width: 960px; margin: 21px 0 0 9px; position: relative; min-height: 85px; }
#activity.assessment header .user { padding: 20px 0 0 30px; float: left; width: 240px; }
#activity.assessment header .user img { display: block; float: left; margin: 0 10px 0 0; }
#activity.assessment header .user h2 { font-size: 14px; color: #900; margin: 10px 0 0; }
#activity.assessment header .progress-pill { position: relative; float: left; margin: 0 0 0 25px; }
#activity.assessment header ul.utility { position: absolute; right: 60px; top: 20px; }
#activity.assessment header ul.utility li { padding: 0 0 0 15px; margin: 0; font-size: 11px; }
#activity.assessment header ul.utility li.message { background: url(../../images/icon-message.png) left 3px no-repeat; }
#activity.assessment header ul.utility li.print { background: url(../../images/icon-print.png) left 3px no-repeat; }

#activity.assessment section { width: 900px; margin: 20px 0 0 40px; }
#activity.assessment section h1 { font: normal 23px/1 georgia, times, serif; margin: 0 0 5px 0; padding: 10px 0 0; }
#activity.assessment article { float: none; width: 898px; border: 1px solid #e8e8e8; margin: 15px 0; padding: 0; }
#activity.assessment article h2 { background: #e2e2e2 url(../../images/sa-question-bg.png) left top repeat-x; font: bold 14px/1.45 "lucida grande", "lucida sans unicode", arial, verdana, sans-serif; color: #444; padding: 10px 15px; }
/* Mills modified
#activity.assessment article h2 span { display: inline-block; zoom: 1; background: url(../../images/step.png) left top no-repeat; width: 24px; height: 26px; text-align: center; padding: 0 2px 0 0; margin: 0 10px 0 0; font: normal 18px/1 georgia, times, serif; color: #fff; } */
#activity.assessment article h2 span.number { display: block; float: left; background: url(../../images/step.png) left top no-repeat; width: 24px; height: 26px; text-align: center; padding: 0 2px 0 0; margin: 0 10px 0 0; font: normal 18px/1 georgia, times, serif; color: #fff; }
#activity.assessment article h2 strong { display: block; float: left; width: 800px; line-height:20px; }


#activity.assessment article p { font-size: 14px; line-height: 1.55; color: #444; margin: 15px 25px; }
#activity.assessment article p.question { padding: 15px 30px; background: #f3f3f3; border: 1px dashed #bab9b9; }
#activity.assessment article p.add { font-size: 11px; line-height: 1; }
#activity.assessment article p.add a { background: url(../../images/iq-white-bar-107x21.png) left top no-repeat; display: block; width: 107px; height: 18px; text-align: center; padding: 4px 0 0; cursor:pointer; } 
/* Mills added --> */
#activity.assessment article div.comment {padding-bottom:20px}
#activity.assessment article div.comment div {padding:0px; margin:0 25px;}
#activity.assessment article div.comment p {padding:0px; margin:10px 25px 0;}
#activity.assessment article div.comment textarea {display:none;}
/* <-- */

#activity.assessment article ul { margin: 0; padding: 0; }
#activity.assessment article ul.collect li { list-style: none; margin: 15px 10px 15px 25px; padding: 15px 30px; display: block; width: 280px; background: #f3f3f3; border: 1px dashed #bab9b9; float: left; }
#activity.assessment article ul.collect li .video-holder { float: left; width: 100px; background: #fff; border: 1px solid #cfcfcf; padding: 2px; position: relative; margin: 0 10px 0 0; }
#activity.assessment article ul.collect li .video-holder .play-that { display: block; position: absolute; right: 8px; bottom: 8px; }
#activity.assessment article ul.collect li h3 { color: #020202; font-weight: normal; font-size: 14px; }
#activity.assessment article ul.collect li p { font-size: 13px; color: #393939; margin: 0; padding: 0; line-height: 1.2; }

#activity.assessment article ul.construct li { float: none; width: 480px; }

#activity.assessment article ul.communicate li { float: none; width: auto; margin: 15px 25px; position: relative; }
#activity.assessment article ul.communicate li .details { float: left; width: 125px; }
#activity.assessment article ul.communicate li p a { color: #870101; }
#activity.assessment article ul.communicate li .comments { padding: 0 0 0 50px; border-left: 1px solid #d7d5d5; width: 485px; float: right; color: #666; }
#activity.assessment article ul.communicate li .comments h4 { background: url(../../images/comment-bubble.png) left 4px no-repeat; font-weight: bold; font-size: 14px; color: #5998bf; padding: 0 0 5px 28px; }
#activity.assessment article ul.communicate li .comments h4 a { color: #5998bf; }
#activity.assessment article ul.communicate li .comments p { font-size: 12px; line-height: 1.55; }

#activity.assessment .overall h1 { font-size: 16px; padding: 20px 0 0; }
#activity.assessment .overall textarea {
	border: 1px solid #c0bfbf;
	background: #fff;
	-webkit-box-shadow: inset 1px 1px 10px #ddd;
	-moz-box-shadow: inset 1px 1px 10px #ddd;
	box-shadow: inset 1px 1px 10px #ddd;
	padding: 10px;
	width: 670px;
	height: 120px;
	font-size: 13px;
	color: #444;
	margin: 5px 0 0;
}
#activity.assessment .overall p { font-size: 12px; color: #444; padding: 10px 0 0; }
#activity.assessment .overall ul { padding: 10px 0 50px; }
#activity.assessment .overall ul li { padding: 0 0 0 15px; margin: 0; font-size: 11px; }
#activity.assessment .overall ul li.message { background: url(../../images/icon-message.png) left 3px no-repeat; }
#activity.assessment .overall ul li.print { background: url(../../images/icon-print.png) left 3px no-repeat; }

/*=== student assessment; student view ===*/
#activity.view header .user h2 { margin: 2px 0 0; }
#activity.view header .user p { font-size: 13px; line-height: 1; color: #666; margin: 0; padding: 0; float: none; width: auto; text-align: left; }
#activity.view article h3.comment, #activity.view article h4.comment, #activity.view article h5.comment { font-size: 14px; line-height: 1.55; color: #444; margin: 25px 25px 0; }
#activity.view article .comment + p { margin: 0 25px; padding: 0 0 25px 0; }
#activity.view .overall p { font-size: 14px; line-height: 1.55; padding: 0 0 50px; width: 800px; }

/*=== browse topics ===*/
/* Mills modified
#controls + #browse-topic h1 { font: normal 24px/1 georgia, times, serif; margin: 20px 0 20px 5px; }
*/
#browse-topic h1 { font: normal 24px/1 georgia, times, serif; margin: 20px 0 20px 5px; }
#browse-topic .container { width: 711px; float: left; margin: 0 0 30px 0; }
#browse-topic .nav-bar { width: 703px; margin: 0 0 0 6px; border-top: 1px solid #dadada; border-right: 1px solid #dadada; border-left: 1px solid #dadada; position: relative; }
#browse-topic .nav-bar p { color: #666; padding: 15px 0 5px 15px; width: 260px; float: left; }
#browse-topic .nav-bar p strong { color: #000; }

#browse-topic .sort { float: left; margin: 15px 0 0 15px; }
#browse-topic .sort li { display: inline-block; zoom: 1; background: url(../../images/sublink-pipe.jpg) right 3px no-repeat; padding: 0 5px 0 2px; color: #666; }
#browse-topic .sort li:last-child { background: none; text-transform: uppercase; }
#browse-topic .sort li a { color: #900; }
#browse-topic .sort li.current a { color: #000; cursor: text; }
#browse-topic .sort li.current a:hover { text-decoration: none; }

#browse-topic .paginate { position: absolute; top: 15px; right: 15px; font-size: 11px; color: #444; }
#browse-topic .paginate li { display: inline-block; margin: 0 2px; zoom: 1; }
#browse-topic .paginate li.previous a { zoom: 1; display: inline-block; width: 22px; height: 20px; text-indent: -99999px; background: url(../../images/search-paginate-prev.png) left top no-repeat; }
  #browse-topic .paginate li.previous a:hover { background: url(../../images/search-paginate-prev-hover.png) left top no-repeat; }
#browse-topic .paginate li.next a { zoom: 1; display: inline-block; width: 22px; height: 20px; text-indent: -99999px; background: url(../../images/search-paginate-next.png) left top no-repeat; }
  #browse-topic .paginate li.next a:hover { background: url(../../images/search-paginate-next-hover.png) left top no-repeat; }

#browse-topic h2 { background: url(../../images/browse-topic-ribbon.jpg) left top no-repeat; font-weight: normal; font-size: 12px; line-height: 1; padding: 13px 0 7px 22px; color: #fff; }

#browse-topic .accordion section { background: #f0eeef url(../../images/browse-topic-accordion.jpg) left top no-repeat; border-top: 1px solid #dadada; border-right: 1px solid #dadada; border-left: 1px solid #dadada; margin: 0 0 0 6px; }
#browse-topic .accordion section.active { background: url(../../images/browse-topic-accordion-active.jpg) 1px top no-repeat; }
#browse-topic .accordion h2 { background: none; padding: 10px 0 0 45px; color: #900; font-weight: bold; font-size: 14px; line-height: 1; margin: 0; cursor: pointer; }
#browse-topic .accordion h2 em { font-weight: normal; font-size: 12px; color: #666; font-style: normal; }
#browse-topic .accordion p { color: #3b3b3b; padding: 1px 0 7px 45px; margin: 0; }

#browse-topic .accordion .peek { border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; margin: 0 0 0 6px;}

#browse-topic .accordion .container {  
  border: 1px solid #fbc149; 
  background: #fdfaf4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 7px #e3a62c;
  -moz-box-shadow: inset 0 0 7px #e3a62c;
  box-shadow: inset 0 0 7px #e3a62c;
  width: 660px;
  margin: 0 0 10px 10px;
  padding: 20px 10px;
}

#browse-topic .carousel { position: relative; width: 660px; margin: 0 auto; z-index: 50; }
/* Mills modified
#browse-topic .carousel .wrapper { width: 590px; overflow: auto; min-height: 7em; margin: 0 40px 0 30px; position: relative; top: 0; z-index: 52; }
*/
#browse-topic .carousel .wrapper { width: 590px; overflow: auto; min-height: 7em; margin: 0 40px 0 30px; position: relative; top: 0; z-index: 52; height:96px; }
#browse-topic .carousel .wrapper ol { width: 9999px; list-style-image: none; list-style-position: outside; list-style-type: none; margin:0; padding: 0; position: absolute; top: 0; }

#browse-topic .playlist li { float: left; width: 141px; min-height: 100px; padding: 0 4px; line-height: 1.25; /*position: relative; z-index: 50;*/ }
#browse-topic .playlist li a { display: inline-block; position: relative; }
/* Mills modified
#browse-topic .playlist li .play-that { position: absolute; top: 48px; left: 110px; border: none; }
*/
#browse-topic .playlist li .play-that { position: absolute; top: 60px; left: 100px; border: none; }
#browse-topic .playlist li img { border: 3px solid #fff; }
#browse-topic .info-overlay { display: none; width: 169px; height: 62px; padding: 18px 20px 50px 20px; position: absolute; z-index: 55; color: #3b3b3b; background: url(../../images/tooltip.png) left top no-repeat; margin: -210px 0 0 50px; font-size: 11px; line-height: 1.5; }
#browse-topic .info-overlay strong, #search-results .snippet strong { display: block; }
#browse-topic .info-overlay a { color: #900; }

  /* tooltip */
#browse-topic .playlist li a:hover img { border: 3px solid #900; }
#browse-topic .playlist li a:hover img.play-that { border: none; }
#browse-topic .playlist li a span { display: block; }

#browse-topic .carousel .arrow-back { display: block; height: 34px; width: 33px; background: url(../../images/fv-back.png) left top no-repeat; text-indent: -9999px; position: absolute; top: 25px; cursor: pointer; left: 0; }
#browse-topic .carousel .arrow-back:hover { background: url(../../images/fv-back-hover.png) left top no-repeat; }
#browse-topic .carousel .arrow-next { display: block; height: 34px; width: 33px; background: url(../../images/fv-next.png) left top no-repeat; text-indent: -9999px; position: absolute; top: 25px; cursor: pointer; right: 0; }
#browse-topic .carousel .arrow-next:hover { background: url(../../images/fv-next-hover.png) left top no-repeat; }

#browse-topic aside { float: right; width: 193px; margin: 0; }
#browse-topic aside h3 { font: 17px/1.2 georgia, times, sans-serif; color: #464647; padding: 10px 0; border-bottom: 1px solid #fff; }
#browse-topic aside h4 { font-size: 11px; line-height: 1.25; color: #555; padding: 10px 0; border-top: 1px solid #d5d5d7; }
#browse-topic aside ol { padding: 0 0 10px 0; }
#browse-topic aside ol li { padding: 0; color: #464647; margin: 10px 0 10px 20px; line-height: 1.25; }

/*=== enr resources: shares #browse-topic styles ===*/
/*#browse-topic.enr-resource { background: url(../../images/enr-banner.png) left top no-repeat; padding: 81px 0 0 0; }*/
#browse-topic.enr-resource h1 { font: normal 24px/1 georgia, times, serif; margin: 20px 0 20px 30px; }
#browse-topic.enr-resource .container { margin: 0 0 30px 25px; }
#browse-topic.enr-resource aside { margin: 0 30px 0 0; }

.enr-resource .pages { padding: 15px 0 5px 15px; }
.enr-resource .pages li { font-weight: bold; display: inline-block; zoom: 1; background: url(../../images/sublink-pipe.jpg) right 3px no-repeat; padding: 0 7px 0 2px; color: #666; }
.enr-resource .pages li:last-child { background: none; }
.enr-resource .pages li a { color: #900; }
.enr-resource .pages li.current a { color: #000; cursor: text; }
.enr-resource .pages li.current a:hover { text-decoration: none; }
/* Mills modified
#browse-topic.enr-resource .nav-bar p { position: absolute; top: 0; left: 150px; float: none; width: 400px; margin: 0;  }
*/
#browse-topic.enr-resource .nav-bar p { position: absolute; top: 0; left: 150px; float: none; width: 400px; margin: 0; padding-left:100px; }

.enr-resource .welcome-screen { width: 673px; margin: 0 0 0 6px; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; padding: 20px 15px; color: #444; }
.enr-resource .welcome-screen h3 { color: #444; font-weight: normal; font-size: 14px; line-height: 1.6; width: 485px; }
  .welcome-screen p { margin: 15px 0; font-size: 13px; }
  .welcome-screen a { color: #900; }
  .welcome-screen .start-here { float: right; width: 160px; height: 38px; margin: -45px 20px 0 0;  }
  .welcome-screen .start-here a { font-weight: bold; font-size: 12px; line-height: 1; display: block; color: #fff; background: url(../../images/btn-wide-red.png) left top no-repeat; width: 150px; height: 30px; padding: 8px 0 0 30px;  }
  .welcome-screen .start-here a:hover { text-decoration: none; background: url(../../images/btn-wide-red-hover.png) left top no-repeat; }
  .welcome-screen .start-here + p { font-size: 13px; clear: right; margin: 15px 0 0 0; }
  .welcome-screen ul { font-size: 13px; margin: 5px 0 5px 15px; list-style-type: disc; }
  .welcome-screen ul li { list-style-type: disc; margin: 0 0 10px 0; line-height: 1.35; }

#browse-topic.enr-resource .accordion { border-bottom: 1px dashed #dadada; }
#browse-topic.enr-resource .accordion section { background: #fff url(../../images/browse-topic-arrow.jpg) left top no-repeat; border-top: 1px dashed #dadada; min-height: 52px; }
#browse-topic.enr-resource .accordion section.active { background: #fff url(../../images/browse-topic-arrow-active.jpg) left 5px no-repeat; }
#browse-topic.enr-resource .accordion section:first-child { border-top: none; }
#browse-topic.enr-resource .accordion h2 { padding: 20px 0 0 45px; color: #900; }
#browse-topic.enr-resource .accordion .container { margin: 0 0 10px 10px; }

#browse-topic.enr-resource .carousel .wrapper { min-height: 245px; }
#browse-topic.enr-resource .playlist li { min-height: 245px; }
#browse-topic.enr-resource .playlist li strong { font-weight: normal; font-size: 11px; padding: 0 0 0 3px; }
#browse-topic.enr-resource .playlist a.testimony { font-weight: bold; color: #900; background: url(../../images/activity-play.jpg) left top no-repeat; padding: 0 0 1px 25px; display: block; margin: 5px 0 0 3px; }
#browse-topic.enr-resource .playlist a.testimony:hover { background: url(../../images/activity-play-hover.jpg) left top no-repeat; }
#browse-topic.enr-resource .playlist .timestamp { display: block; padding: 0 0 0 28px; font-size: 11px; font-weight: normal; color: #929292; cursor: text; }

#browse-topic.enr-resource .carousel .arrow-back, #browse-topic.enr-resource .carousel .arrow-next { top: 35px; }

#browse-topic.enr-resource .playlist .bits { padding: 10px 0 0 10px; }
#browse-topic.enr-resource .playlist .bits li { background: url(../../images/enr-arrow.png) left 5px no-repeat; float: none; width: auto; min-height: 10px; padding: 0 0 0 12px; margin: 4px 0; }
#browse-topic.enr-resource .playlist .bits li a { color: #900; }
#browse-topic.enr-resource .playlist .bits li.last { color: #000; background: none; padding: 0; }

#browse-topic.enr-resource aside h3 { border-bottom: none; padding: 10px 0 0; }
#browse-topic.enr-resource aside h4 { font-size: 13px; line-height: 1.25; color: #838382; padding: 10px 0 0; border-top: 1px solid #d5d5d7; }
  .enr-resource aside p { color: #464647; padding: 10px 0; font-size: 12px; line-height: 1.2; }
  .enr-resource aside p em { font-style: normal; font-size: 11px; color: #838382; display: block; }
	.enr-resource aside p.intro { border-bottom: 1px solid #fff; }
	.enr-resource aside p.intro img { display: block; margin: 10px auto; }
	.enr-resource aside p.desc { padding: 10px 0 0; }
	.enr-resource aside p.desc img { display: block; float: right; margin: 0 0 15px 5px; }

/* -- Mills added */
.enr-resource aside p a {color:#900;}


/*=== functional videos page ===*/
#landscape h1 { font: normal 20px/1 georgia, times, serif; color: #fff; background: #1a1a1a url(../../images/video-page-bg.jpg) left top repeat-x; padding: 10px 20px; }
#landscape a { color: #900; }
#landscape .video-dock { width: 920px; margin: 0; padding: 0; background: #1a1a1a; }

#landscape .carousel { width: 870px; position: relative; padding: 30px 0; margin: 0 auto; }
#landscape .carousel .wrapper { width: 770px; overflow: auto; min-height: 15em; margin: 0 50px; position: relative; top: 0; }
#landscape .carousel .wrapper ol { width: 9999px; list-style-image: none; list-style-position: outside; list-style-type: none; margin:0; padding: 0; position: absolute; top: 0; }

#landscape ol { list-style: none; }
#landscape .playlist { padding: 30px 0; margin: 0 0 0 3px; }
#landscape .playlist li { position: relative; display: block; float: left; width: 146px; min-height: 100px; padding: 0 4px; line-height: 1.25; }
  #landscape .playlist li:last-child { margin: 0; }
#landscape .playlist li .play-that { position: absolute; top: 48px; left: 110px; border: none; }

#landscape .playlist li img { border: 3px solid #fff; }
#landscape .playlist li a { display: block; padding: 0 10px 0 0; }
#landscape .playlist li a:hover { text-decoration: none; }
  #landscape .playlist li span { display: block; margin: 0 3px; padding: 0; }
  #landscape .playlist li a:hover span { text-decoration: underline; }
#landscape .playlist li.current img { border: 3px solid #900; }
#landscape .playlist li strong { clear: both; text-transform: uppercase; padding: 3px 0 0 3px; }
#landscape .playlist li em { clear: both; font-size: 11px; font-style: normal; color: #929292; padding: 0 3px; }

#landscape .carousel .arrow-back { display: block; height: 34px; width: 33px; background: url(../../images/fv-back.jpg) left top no-repeat; text-indent: -9999px; position: absolute; top: 52px; cursor: pointer; left: 0; }
#landscape .carousel .arrow-back:hover { background: url(../../images/fv-back-hover.jpg) left top no-repeat; }
#landscape .carousel .arrow-next { display: block; height: 34px; width: 33px; background: url(../../images/fv-next.jpg) left top no-repeat; text-indent: -9999px; position: absolute; top: 52px; cursor: pointer; right: 0; }
#landscape .carousel .arrow-next:hover { background: url(../../images/fv-next-hover.jpg) left top no-repeat; }
/* -- Mills Added -- */
#landscape .playlist li.current .play-that { border: none; }

/*=== saved items page ===*/
#saved-items h1 { font: normal 24px/1 georgia, times, serif; margin: 20px 0 20px 15px; }
#saved-items .sort { border-top: 1px solid #dadada; border-right: 1px solid #dadada; border-left: 1px solid #dadada; margin: 0 0 0 6px; padding: 15px 10px 10px; color: #444; }
#saved-items .sort div { display: block; width: 210px; float: left; margin: 0 0 0 20px; }
  #saved-items .sort div select { width: 160px; margin: 0 0 0 5px; }
#saved-items .sort div.all { width: 300px; margin: 0 150px 0 0; }
  #saved-items .sort div.all select { width: 189px; }
  #saved-items .sort div.all input[type=checkbox] { width: 13px; height: 13px; vertical-align: bottom; position: relative; top: -1px; }
#saved-items .sort div.by { float: right; width: 200px; margin: 0; }
  #saved-items .sort div.by select { width: 133px; }
#saved-items .sort div.project { display: block; width: 210px; float: left; margin: 0 0 0 20px; }
  

#saved-items .assets a { color: #900; }
#saved-items .assets legend { padding: 14px 20px 5px 20px; background: url(../../images/saved-items-ribbon.png) left top no-repeat; color: #fff; width: 893px; }
#saved-items .assets ul { margin: 0 0 0 6px; padding: 0 0 30px 0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; width: 918px; }
  #saved-items .assets ul ul { margin: 0; padding: 10px 0; border: 0; width: auto; }
#saved-items .assets ul li { padding: 20px 15px; border: 1px solid #fff; border-bottom: 1px dashed #dadada; }
#saved-items .assets ul li:hover { border: 1px solid #ffc92b; background: #f8f2df; }
  #saved-items .assets ul ul li { padding: 0; border: 0; color: #929292; }
  #saved-items .assets ul ul li:hover { border: none; background: none; }
#saved-items .assets ul li input[type=checkbox] { width: 13px; height: 13px; float: left; margin: 0 15px 0 0; }
#saved-items .assets ul li .media { float: left; width: 151px; position: relative; }

/* Mills modified
#saved-items .assets ul li .media .play-that { position: absolute; top: 70px; right: 7px; }
*/
#saved-items .assets ul li .media .play-that { position: absolute; bottom: 7px; right: 7px; }
#saved-items .assets ul li .media img {max-width:150px}

#saved-items .assets ul li .meta { float: left; width: 335px; margin: 0 20px; color: #444; }
  #saved-items .assets .meta h2, #saved-items .assets .search-keyword h2 { font-size: 15px; color: #666; line-height: 1; padding: 0 0 5px 0; }
  #saved-items .assets .search-keyword h2 { margin: -3px 0 0; padding: 0; line-height: 1.25; }
  #saved-items .assets .meta h2 em { font-style: normal; padding: 0 5px 0 0; margin: 0 5px 0 0; border-right: 1px solid #666; }
  #saved-items .assets .meta p { margin: 5px 0 0; }
/* Mills modified  
  #saved-items .assets .meta p + p, #saved-items .assets .search-keyword ul + p { font-size: 11px; color: #929292; line-height: 1; }
*/
#saved-items .assets .meta p.small, #saved-items .assets .search-keyword ul + p { font-size: 11px; color: #929292; line-height: 1; }
  #saved-items .assets .time { padding: 0 30px 0 0; }
#saved-items .assets ul li .search-keyword { width: 600px; float: left; margin: 0 20px 0 0; }
#saved-items .assets ul li .search-keyword li { display: block; float: left; background: url(../../images/saved-items-pipe.png) right 3px no-repeat; padding: 0 10px 0 0; margin: 0 10px 0 0; }
#saved-items .assets ul li .search-keyword li:last-child { background: none; }
#saved-items .assets ul li .options { float: left; width: 175px; }
  #saved-items .assets .options h3 { color: #454545; font-weight: normal; font-size: 15px; line-height: 1; }
  #saved-items .assets .options a { color: #900; }
  #saved-items .assets .options select { width: 167px; }
#saved-items .assets ul.tasks { width: 120px; float: right; visibility: hidden; padding: 0; }
#saved-items .assets ul.tasks li { font-weight: bold; font-size: 11px; padding: 0 0 3px 15px; }
#saved-items .assets ul.tasks li.share { background: url(../../images/saved-items-share.png) left 5px no-repeat; }
#saved-items .assets ul.tasks li.delete { background: url(../../images/saved-items-delete.png) left 5px no-repeat; }
/* Mills Added */
#saved-items .assets ul.tasks li.edit { background: url(../../images/saved-items-edit.png) left 5px no-repeat; }

#saved-items .assets ul li:hover ul.tasks { visibility: visible; } 

/*=== educator view ===*/
#educator-view h1 { font: normal 24px/1 georgia, times, serif; margin: 20px 0 20px 15px; }
#educator-view p.add { position: absolute; top: -5px; right: 0; }
#educator-view p.add a { display: block; font-weight: bold; font-size: 12px; color: #900; background: url(../../images/educator-white-151x35.png) right top no-repeat; height: 25px; padding: 10px 0 0; line-height: 1; text-align: center; width: 151px; }

#educator-view .student-search { position: absolute; top: -4px; right: 0; }
#educator-view .student-search legend, #educator-view .student-search label { display: none; }
#educator-view .student-search input[type=text] { border: 1px solid #c0bfbf;
  background: #fff;
  -webkit-box-shadow: inset 1px 1px 10px #ddd;
  -moz-box-shadow: inset 1px 1px 10px #ddd;
  box-shadow: inset 1px 1px 10px #ddd;
  padding: 4px 2px;
  color: #5c5b5b;
  width: 205px;
  margin: 0 5px 0 0; }
#educator-view .student-search input[type=submit] { background: url(../../images/educator-search-btn.png) left top no-repeat; width: 79px; height: 35px; padding: 0 0 6px 0; color: #900; font-weight: bold; font-size: 13px; line-height: 1; border: none; vertical-align: middle; text-align: center; }

#educator-view .sort { border-top: 1px solid #dadada; border-right: 1px solid #dadada; border-left: 1px solid #dadada; margin: 0 0 0 6px; padding: 15px 10px 10px; color: #444; }
#educator-view .sort div { display: block; width: 210px; float: left; margin: 0 0 0 20px; }
  #educator-view .sort div select { width: 160px; margin: 0 0 0 5px; }
#educator-view .sort div.all { width: 400px; margin: 0 50px 0 0; }
  #educator-view .sort div.all a { color: #900; }
  #educator-view .sort div.all a.message { display: inline-block; zoom: 1; background: url(../../images/icon-message.png) left 3px no-repeat; font-size: 11px; padding: 0 0 0 13px; }
  #educator-view .sort div.all select { width: 189px; }
  #educator-view .sort div.all input[type=checkbox] { width: 13px; height: 13px; vertical-align: bottom; position: relative; top: -1px; }
  #educator-view .sort div.all a.add { display: inline-block; zoom: 1; background: url(../../images/solid-add-med.png) left top no-repeat; padding: 3px 0 0 33px; width: 122px; height: 19px; line-height: 1; font-size: 12px; color: #900; }
  #educator-view .sort div.all a.add:hover { text-decoration: none; }
#educator-view .sort div.by { float: right; width: 200px; margin: 0; }
  #educator-view .sort div.by select { width: 133px; }
#educator-view .sort span.actions { padding: 0 0 0 10px; }
#educator-view .sort .all .actions a { width: 179px; height: 20px; background: url(../../images/educator-actions-bar.png) left top no-repeat; color: #000; font-size: 11px; padding: 2px 0 0 10px; display: inline-block; zoom: 1; position: relative; z-index: 45; }
#educator-view .sort .actions a:hover { text-decoration: none; }
#educator-view .sort .more-actions { 
  width: 172px;
  padding: 15px 7px;
  border-right: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  border-left: 1px solid #bcbcbc;
  background: #fff;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px #666;
  -moz-box-shadow: 2px 2px 5px #666;
  box-shadow: 2px 2px 5px #666;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=120, Color='#666666')";
  position: absolute;
  z-index: 44;
  left: 108px;
  margin: -3px 0 0;
  font-size: 10px; } 
  
#educator-view .sort .more-actions fieldset { padding: 0; }
#educator-view .sort .more-actions legend { font-weight: bold; padding: 0 0 5px 0; }
#educator-view .sort .more-actions div { padding: 0; margin: 0; }
#educator-view .sort .more-actions label { color: #444; }
#educator-view .sort .more-actions input[type=checkbox] { width: 10px; height: 10px; vertical-align: bottom; position: relative; top: -3px; margin: 0 2px 0 0; }
#educator-view .sort .more-actions .submit { padding: 10px 0 0; }
/* Mills modified
#educator-view .sort .more-actions input[type=submit] { float: none; border: 1px solid #e5e5e5; background: #eceaea; color: #900;
*/
#educator-view .sort .more-actions input[type=submit], #educator-view .sort .more-actions .submit a { float: none; border: 1px solid #e5e5e5; background: #eceaea; color: #900;                                                        
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  margin: 0 0 5px 0;
  font-size: 10px;
}

#educator-view .sort .more-actions ul { margin: 7px 0 0; padding: 7px 0 0; border-top: 1px solid #e5e5e5; }
#educator-view .sort .more-actions ul li { margin: 0; padding: 0; }
#educator-view .sort .more-actions ul li a { color: #444; }
  
#educator-view .assets { background: url(../../images/educator-ribbon-yellow.jpg) left top no-repeat; padding: 8px 0 0; }
#educator-view .assets a { color: #900; }
#educator-view .assets table.got-students { margin: 0 0 0 6px; border-bottom: 1px solid #dadada; }
#educator-view .assets table.got-students th { color: #644818; padding-top: 6px; padding-bottom: 6px; font-size: 12px; }
#educator-view .assets table.got-students tbody { border-right: 1px solid #dadada; border-left: 1px solid #dadada; }
#educator-view .assets table.got-students tbody tr { border-bottom: 1px dashed #dadada; }
#educator-view .assets table.got-students td { padding: 25px 10px 25px 0; vertical-align: top; color: #444; }
#educator-view .assets table.got-students .student-name { width: 275px; padding: 25px 15px 25px 20px; }
  #educator-view .assets table.got-students th.student-name { padding: 6px 15px 6px 23px; width: 257px; }
#educator-view .assets table.got-students .assignments { width: 598px; font-size: 12px; }
  #educator-view .assets table.group-list .assignments { width: 300px }
/*#educator-view .assets table.got-students .video-projects { width: 205px; font-size: 12px; }*/
 #educator-view .assets table.group-list .video-projects { width: 135px; font-size: 12px; }
/*#educator-view .assets table.got-students .comments { width: 193px; }*/
  #educator-view .assets table.group-list .comments { width: 143px; }

#educator-view .assets input[type=checkbox] { width: 13px; height: 13px; float: left; margin: 0 15px 0 0; }
#educator-view .assets .details img { display: block; float: left; margin: 0 15px 15px 0; }
#educator-view .assets .details h2, #educator-view .assets .details h2 a { line-height: 1.15; color: #900; }
#educator-view .assets .details h2 { margin: -3px 0 1px 0; font-size: 14px; float: left; width: 170px; }
#educator-view .assets .details ul { float: left; font-size: 11px; }
#educator-view .assets ul > li { margin: 0 0 2px 0; padding: 0; line-height: 1.35; color: #444; }
#educator-view .assets .details ul li { margin: 0; }
#educator-view .assets .details ul li.email, #educator-view .assets .details ul li.email a { color: #700; }
#educator-view .assets .details ul li.classes { color: #666; }
#educator-view .assets .comments p span { color: #fff; display: inline-block; background: url(../../images/bubble-red.png) left top no-repeat; height: 22px; width: 17px; padding: 0 0 0 9px; }
#educator-view .assets .comments p span a { color: #fff; }
#educator-view .assets .comments p.no-comments span { color: #fff; display: inline-block; background: url(../../images/bubble-blue.png) left top no-repeat; height: 22px; width: 17px; padding: 0 0 0 9px; }

#educator-view .assets td.assignments ul.topics { float: left; }
#educator-view .assets ul.tasks { width: 120px; float: right; visibility: hidden; padding: 0; margin: -25px 15px 0 0; }
  #educator-view .assets table.got-students ul.tasks { margin: 0 15px 0 0; width: 130px; }
  #educator-view .assets table.group-list ul.tasks { float: none; position: relative; margin: 0 15px 0 0; }
#educator-view .assets ul.tasks li, #educator-view #hub ul.tasks li { font-weight: bold; font-size: 11px; padding: 0 0 3px 17px; margin: 0; }
  #educator-view .assets table.group-list ul.tasks li { margin: 0; }
#educator-view .assets ul.tasks li.edit, #educator-view #hub ul.tasks li.edit { background: url(../../images/icon-edit.png) left 3px no-repeat; }
#educator-view .assets ul.tasks li.message, #educator-view #hub ul.tasks li.message { background: url(../../images/icon-message.png) 2px 3px no-repeat;width: inherit; }
#educator-view .assets ul.tasks li.progress { background: url(../../images/icon-progress.png) left 3px no-repeat; }
#educator-view .assets ul.tasks li.view { background: url(../../images/icon-view.png) left 3px no-repeat; }
#educator-view .assets ul.tasks li.add { background: url(../../images/icon-add.png) left top no-repeat; }
#educator-view .assets ul.tasks li.deactivate, #educator-view #hub ul.tasks li.deactivate { background: url(../../images/icon-deactivate.png) left top no-repeat; }
#educator-view .assets tbody tr.inactive { background: #f9f9f9; }
#educator-view .assets tbody tr.inactive .details ul li.status { color: #969696; text-transform: uppercase; }
#educator-view .assets table.got-students tbody tr:hover { background: #f8f2dd; }
#educator-view .assets tbody tr:hover ul.tasks { visibility: visible; }

/* Mills added */
.assessmentList tbody tr:hover { background: #f8f2dd; }
.assessmentList tbody tr:hover ul.tasks { visibility: visible; }
.assessmentList tbody tr ul.tasks { visibility:hidden;} 

#educator-view .no-students { border: 1px solid #c9c8c8; padding: 20px; margin: 30px 0 0 15px; background: #f5f5f5 url(../../images/dashboard-profile-placeholder.jpg) 20px 20px no-repeat; position: relative; min-height: 75px; }
#educator-view .no-students h2 { color: #444; font-weight: bold; font-size: 15px; width: 500px; margin: 0 0 0 100px; }
/* Mills modified 
#educator-view .no-students p { color: #444; width: 620px; margin: 5px 0 0 100px; line-height: 1.3; }
*/
#educator-view .no-students p { color: #444; width: 550px; margin: 5px 0 0 100px; line-height: 1.3; }
#educator-view .no-students p.make { position: absolute; top: 32px; right: 30px; width: auto; }
#educator-view .no-students p.make a { display: inline-block; zoom: 1; color: #900; font-weight: bold; background: url(../../images/educator-white-111x35.png) right top no-repeat; padding: 0; height: 25px; padding: 9px 0 0; text-align: center; width: 111px; }

/*=== educator view, "activities"; two columns ===*/
#educator-view #hub { width: 708px; float: left; }
#educator-view aside.sidebar { width: 192px; float: right; }

#educator-view #hub .file { border-top: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; margin: 0 0 0 6px; padding: 15px 15px 5px 15px; color: #444; position: relative; background: #e9eaee; }
#educator-view #hub .file a { color: #900; }
#educator-view #hub .file img { display: block; float: left; }
#educator-view #hub .file .identification { float: left; width: 370px; margin: 0 0 0 15px; }
  #educator-view #hub .identification h2 { color: #444; font: normal 18px/1 georgia, times, serif; }
  #educator-view #hub .identification p { margin: 5px 0; color: #666; font-size: 13px; line-height: 1.25; }
#educator-view #hub .file ul.tasks { position: absolute; top: 13px; right: 17px; border-left: 1px dashed #cbcbcb; padding: 0 0 0 15px; min-height: 80px; }
#educator-view #hub .file ul.students { min-width: 155px; }
#educator-view #hub .file ul.tasks li { margin: 0; line-height: 1.5; }
#educator-view #hub nav { width: 708px; height: 36px; background: url(../../images/educator-ribbon-grey.jpg) left top no-repeat; }
#educator-view #hub nav ul { padding: 9px 0 0; }
#educator-view #hub nav li { float: left; display: block; border-right: 1px solid #c1c1c1; }
#educator-view #hub nav li a { display: inline-block; zoom: 1; padding: 4px 20px 5px 20px; color: #fff; }
#educator-view #hub nav li.current a { font-weight: bold; background: url(../../images/educator-hub-current.png) center bottom no-repeat; cursor: text; }
#educator-view #hub nav li.current a:hover { text-decoration: none; }
#educator-view #hub .sort { border-top: none; padding-bottom: 15px; }
#educator-view #hub .assets { border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; background: none; padding: 0; margin: 0 0 0 6px; }
  #educator-view #hub .assets.list { border-bottom: none; }
#educator-view #hub .assets ul.checklist { margin: 0 15px 15px; border-top: 1px solid #e3e3e3; padding: 0 0 30px 0; }
#educator-view #hub .assets ul.checklist > li { padding: 25px 0 0; position: relative; }
#educator-view #hub .assets ul.checklist > li input[type=checkbox] { margin: 0 10px 0 0; }
#educator-view #hub .activity-details { float: left; width: 465px; margin: 0; }
#educator-view #hub .other-details { float: left; width: 635px; border-bottom: 1px dashed #d2d2d2; padding: 0 0 15px 0; margin: 0 0 0 5px; }
#educator-view #hub .activity-details h3 { font: normal 18px/1 georgia, times, serif; text-transform: uppercase; border-bottom: 1px solid #cacaca; display: inline; padding: 0 0 1px 0; color: #444; }
#educator-view #hub .activity-details h3 a { color: #444; }
#educator-view #hub .activity-details h3 a:hover { text-decoration: none; }
#educator-view #hub .activity-details p { color: #444; margin: 5px 0 10px 0; }
#educator-view #hub .activity-details p strong { color: #000; }
#educator-view #hub .activity-details p.progress { position: absolute; top: 21px; right: 0; }
#educator-view #hub .activity-details p.progress a { font-size: 11px; background: url(../../images/educator-hub-progress.png) left top no-repeat; display: inline-block; zoom : 1; width: 166px; height: 19px; padding: 3px 0 0; text-align: center; }

#educator-view #hub .other-details .media { margin: 0 20px 0 0; float: left; }
#educator-view #hub .other-details h3 { font-weight: normal; font-size: 15px; line-height: 1.25; width: 510px; margin: 0 0 10px 0; }
#educator-view #hub .other-details p { color: #333; width: 510px; }
#educator-view #hub .comments p { width: auto; margin: 0 5px 0 0; line-height: 1.55; }
#educator-view #hub .other-details p.description { font-size: 11px; }
#educator-view #hub .other-details p.time-details { font-size: 11px; margin: 10px 0 0; color: #929292; line-height: 1; }
#educator-view #hub .other-details p.time-details em { font-style: normal; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #929292; }
#educator-view #hub .comments p.location { font-size: 11px; }

#educator-view #hub .assets .directory { width: 700px; border-top: 1px solid #e3e3e3; padding: 0; }
#educator-view #hub .directory ul > li.clearfix { display: block; padding: 20px 15px; position: relative; border-bottom: 1px solid #e3e3e3; margin: 0; }
#educator-view #hub .directory ul > li.clearfix:hover { background: #f8f2dd; }
#educator-view #hub .directory ul.one > li.clearfix:hover { background: none; }
#educator-view #hub .directory ul > li.clearfix .student-detail { float: left; width: 500px; }
#educator-view #hub .directory ul > li.clearfix img { display: inline-block; zoom: 1; float: left; margin: 0 10px 5px 0; }
#educator-view #hub .directory ul > li.clearfix h2 { font-size: 14px; }
#educator-view #hub .directory ul > li.clearfix p { font-size: 11px; color: #666; }
#educator-view #hub .directory ul > li.clearfix p.topic { font-size: 13px; color: #444; float: left; margin: -10px 0 0 56px; }

#educator-view #hub .directory ul > li.clearfix ul.tasks { width: 150px; margin: 0; }
#educator-view #hub .directory ul > li.clearfix ul.tasks li { margin: 0; }
#educator-view #hub .directory ul > li.clearfix ul.tasks li a { font-weight: normal; }
#educator-view #hub .directory ul > li.clearfix ul.tasks li.delete, #educator-view #hub .directory ol.replies li ul.tasks li.delete { background: url(../../images/saved-items-delete.png) 1px 3px no-repeat; }
#educator-view #hub .directory ul > li.clearfix:hover ul.tasks { visibility: visible; }

/*=== educator view: discussion ===*/
#educator-view #hub .directory ul.discussion > li { position: relative; }
#educator-view #hub .directory ul.discussion > li.clearfix ul.tasks { width: 180px; position: absolute; top: 19px; right: 0; margin: 0; }
#educator-view #hub .directory ul.discussion ul.tasks li { float: left; width: 60px; font-size: 12px; }
#educator-view #hub .directory ul.discussion > li .student-detail { float: none; width: auto; }

#educator-view #hub .directory h3 { font-weight: normal; font-size: 13px; color: #969696; padding: 10px 30px; }
#educator-view #hub .directory ol.replies { list-style: none; }
#educator-view #hub .directory ol.replies > li { padding: 0 60px; position: relative; }
#educator-view #hub .directory ol.replies li:hover { background: #f8f2dd; }
#educator-view #hub .directory ol.replies li div { padding: 20px 0; border-top: 1px solid #e5e5e5; }
#educator-view #hub .directory ol.replies li.last div { border-bottom: 1px solid #e5e5e5; }
#educator-view #hub .directory ol.replies li img { display: inline-block; zoom: 1; float: left; margin: 0 10px 5px 0; }
#educator-view #hub .directory ol.replies li h4 { font-size: 14px; }
#educator-view #hub .directory ol.replies li p { font-size: 11px; color: #666; }
#educator-view #hub .directory ol.replies li p.topic { font-size: 13px; color: #444; float: left; margin: -10px 0 0 56px; }

#educator-view #hub .directory ol.replies li ul.tasks { width: 60px; position: absolute; top: 19px; right: 60px; margin: 0; }
#educator-view #hub .directory ol.replies li:hover ul.tasks { visibility: visible; }

#educator-view #hub .directory fieldset.leave-reply { padding: 0 60px; }
#educator-view #hub .directory fieldset.leave-reply label { font-size: 14px; color: #444; }
#educator-view #hub .directory fieldset.leave-reply textarea {
	border: 1px solid #c0bfbf;
	background: #fff;
	-webkit-box-shadow: inset 1px 1px 10px #ddd;
	-moz-box-shadow: inset 1px 1px 10px #ddd;
	box-shadow: inset 1px 1px 10px #ddd;
	padding: 10px;
	width: 560px;
	height: 80px;
	font-size: 13px;
	color: #444;
	margin: 3px 0 0;
}
#educator-view #hub .directory fieldset.leave-reply + div { padding: 10px 60px 30px 60px; }
#educator-view #hub .directory fieldset.leave-reply + div input[type=submit] { overflow: visible; border: none; color: #900; width: 93px; height: 36px; background: url(../../images/activity-save-white-clean.png) left 1px no-repeat; font-size: 12px; line-height: 1; }
/*
#educator-view #hub .assets table { width: 670px; margin: 0; }
#educator-view #hub .assets table th { background: url(../../images/educator-tile-yellow.jpg) left top repeat-x; color: #644b1a; padding: 5px 10px 5px 30px; text-align: left; }
#educator-view #hub .assets table th.assignments { padding: 5px 10px 5px 0; }
#educator-view #hub .assets table th.student-name { width: 195px; }
#educator-view #hub .assets table th.video-projects { width: 160px; }
#educator-view #hub .assets table tbody tr { border-bottom: 1px dashed #d2d2d2; }
#educator-view #hub .assets table tbody td { position: relative; }
#educator-view #hub .assets table td.student-name { width: 230px; padding: 15px 10px 15px 5px; }
  #educator-view #hub .assets table td.student-name img { display: block; float: left; margin: 0 15px 0 0; }
  #educator-view #hub .assets table td.student-name h3 { font-weight: bold; font-size: 14px; line-height: 1.15; }
  #educator-view #hub .assets table td.student-name p { line-height: 1.25; }
  #educator-view #hub .assets table td.student-name p a { color: #700; }
#educator-view #hub .assets table td.video-projects { width: 145px; padding: 15px 10px 15px 45px; color: #444; }
#educator-view #hub .assets table td.assignments h3 { font-weight: normal; font-size: 13px; color: #444; margin: 0 0 5px 0; }
#educator-view #hub .assets table td.assignments .the-bar + h3 { margin: 10px 0 5px 0; }
#educator-view #hub .assets table td.assignments .the-bar + p { padding: 10px 0; }
#educator-view #hub .assets table td.comments { padding: 15px 0 15px 45px; }
#educator-view #hub .assets table td.comments p.progress { float: right; margin: -24px 0 0; }
#educator-view #hub .assets table td.comments p.progress a { font-size: 11px; background: url(../../images/educator-hub-progress-small.png) left top no-repeat; display: inline-block; zoom : 1; width: 137px; height: 21px; padding: 1px 0 0; text-align: center; }


#educator-view #hub .assets table.assignment-progress td.student-name { width: 190px; }
#educator-view #hub .assets table.assignment-progress tbody tr:hover { border: 2px solid #ffc92b; background: #f8f2df; }
#educator-view #hub .assets table.assignment-progress ul.tasks { margin: 0; }
*/

#educator-view aside.sidebar { margin: -35px 0 0; }
#educator-view aside.sidebar a { color: #900; }
#educator-view aside.sidebar h4 { color: #969696; font: normal 12px/1 georgia, times, serif; padding: 0 11px 15px 11px; text-transform: uppercase; }
#educator-view aside.sidebar h5 { color: #069; padding: 20px 11px 10px 11px; border-top: 1px dashed #b5b5b4; font: bold 14px/1 georgia, times, serif; }
#educator-view aside.sidebar ul { padding: 0 11px 5px 11px; font-size: 11px; }
#educator-view aside.sidebar p { padding: 0 11px 15px 11px; line-height: 1.4; color: #444; }
#educator-view aside.sidebar ul li { line-height: 1.25; padding: 0 0 10px; color: #444; }
#educator-view aside.sidebar ul.group-list li a { font: 13px/1.2 georgia, times, serif; text-transform: uppercase; }
#educator-view aside.sidebar ul li span { display: block; }
#educator-view aside.sidebar ul li span strong { color: #000; }
#educator-view aside.sidebar ul li em { display: block; font-style: normal; font-size: 12px; color: #000; margin: 2px 0 0; }

/*=== messages (uses educator-view template) ===*/
#educator-view p.new-message { position: absolute; top: -5px; right: 0; }
/*Shawn added */
#educator-view span.new-message { display: block; font-weight: bold; font-size: 14px; padding: 0 0 0 20px;}
p.new-note a { float: right; display: block; font-weight: bold; font-size: 12px; color: #900; background: url(../../images/educator-white-111x35.png) right top no-repeat; height: 25px; padding: 10px 0 0; line-height: 1; text-align: center; width: 111px; }
/*End Shawn addition */
#educator-view p.new-message a { display: block; font-weight: bold; font-size: 12px; color: #900; background: url(../../images/educator-white-111x35.png) right top no-repeat; height: 25px; padding: 10px 0 0; line-height: 1; text-align: center; width: 111px; }

#educator-view .assets table.messages td { vertical-align: middle; }
/*Shawn modified */
#educator-view .assets table.messages th.from { padding-left: 45px; width: 333px; }
#educator-view .assets table.messages td.from { padding: 15px; width: 363px; }
#educator-view .assets table.messages .subject { width: 515px; color: #444; position: relative; }
/*End Shawn mods */
#educator-view .assets table.messages input[type=checkbox] { margin: 16px 10px 0 0; }
#educator-view .assets table.messages .details img { margin: 0 10px 0 0; }
#educator-view .assets table.messages .details h2 { margin: 13px 0 1px; width: auto; }
#educator-view .assets table.messages td.subject strong { display: block; font-weight: normal; width: 400px; line-height: 1.15; }
#educator-view .assets table.messages td.subject em { display: block; font-style: normal; }

#educator-view .assets table.messages ul.tasks { width: 100px; float: right; visibility: hidden; padding: 0; margin: -25px 0 0 0; }
#educator-view .assets table.messages ul.tasks li.delete { background: url(../../images/saved-items-delete.png) left 3px no-repeat; }

/*=== new messages ===*/
#educator-view .message{ width: 900px; margin-left: 20px;}
#educator-view fieldset.message { border: 1px solid #dadada; color: #444; position: relative; }
#educator-view fieldset.message .clearfix { padding: 0 0 10px 0;margin: 20px;}
/*Mills modified the following*/
#educator-view fieldset.message input[type=checkbox] { float: left;}
#educator-view fieldset.message label { font-size: 16px; }
#educator-view fieldset.message input[type=checkbox]:checked + label { color: #900;font-weight: bold;}
/*end Mills modified the following*/
#educator-view fieldset.message label.all { font-size: 13px; display: block; float: right; margin: 5px 0 0; }
#educator-view fieldset.message label.all input[type=checkbox] { width: 13px; height: 13px; vertical-align: bottom; position: relative; top: -2px; margin: 0 2px 0 0; }
#educator-view fieldset.message select { margin: 5px 0 0; width: 188px; }
#educator-view fieldset.message input[type=text], #educator-view fieldset.message textarea, #educator-view fieldset.message .selection { 
  border: 1px solid #c0bfbf;
  background: #fff;
  -webkit-box-shadow: inset 1px 1px 10px #ddd;
  -moz-box-shadow: inset 1px 1px 10px #ddd;
  box-shadow: inset 1px 1px 10px #ddd;
  padding: 10px;
  font-size: 13px;
  width: 97%;
  margin: 5px 0 0;
  color: #444;
}
#educator-view fieldset.message textarea { height: 130px; }
#educator-view fieldset.message .selection { float: none; clear: right; height: 160px; overflow: auto; }
#educator-view fieldset.message .selection ul { margin: 5px 0 0 5px; }
#educator-view fieldset.message .selection ul li { display: inline-block; zoom: 1; width: 31%; margin: 0 0 10px 0;vertical-align: top;}
#educator-view fieldset.message .selection ul li label { font-size: 14px; }
#educator-view fieldset.message .selection ul li label input[type=checkbox] { width: 13px; height: 13px; vertical-align: bottom; position: relative; top: -2px; margin: 0 5px 0 0; }
#educator-view fieldset.message input[type=submit].cancel { float: left; color: #900; border: none; text-align: center; overflow: visible; width: 93px; height: 35px; background: url(../../images/activity-save-white-clean.png) left top no-repeat; font-weight: bold; font-size: 12px; line-height: 1; }
#educator-view fieldset.message input[type=submit].send { float: right; color: #fff; border: none; text-align: center; overflow: visible; width: 82px; height: 35px; background: url(../../images/iq-red-small-bar.png) left 1px no-repeat; font-weight: bold; font-size: 12px; line-height: 1; }

#educator-view fieldset.message a{ color: #900;}
#educator-view fieldset.message a.send{ color: #fff;float: right;}

/*Shawn added --*/
/*=== new message popup ===*/
#popup-view {padding:40px;}
#popup-view h1 {padding: 0 0 15px 0; color: #3B6F8F;}
#popup-view fieldset.popup { width: 540px; color: #444; position: relative; padding: 0 0 0 15px;}
#popup-view fieldset.popup .clearfix { padding: 0 0 10px 0; }
#popup-view fieldset.popup label { font-size: 16px; display: inline-block; }
#popup-view fieldset.popup label.all { font-size: 13px; display: block; float: right; margin: 5px 0 0; }
#popup-view fieldset.popup label.all a {color:#900;}
#popup-view fieldset.popup select { margin: 5px 0 0; width: 188px; }
#popup-view fieldset.popup input[type=text], #popup-view fieldset.popup textarea, #popup-view fieldset.popup .selection { 
  border: 1px solid #c0bfbf;
  background: #fff;
  -webkit-box-shadow: inset 1px 1px 10px #ddd;
  -moz-box-shadow: inset 1px 1px 10px #ddd;
  box-shadow: inset 1px 1px 10px #ddd;
  padding: 10px;
  font-size: 13px;
  width: 520px;
  margin: 5px 0 0;
  color: #444;
}
#popup-view h1 {font-size: 18px; padding: 5px 0 8px 0;}
#popup-view fieldset.popup textarea { height: 95px; }
#popup-view fieldset.popup .selection { float: none; clear: right; height: 90px; overflow: auto; }
#popup-view fieldset.popup .selection ul { margin: 5px 0 0 5px; }
#popup-view fieldset.popup .selection ul li { display: inline-block; zoom: 1; width: 220px; margin: 0 10px 10px 0; }
#popup-view fieldset.popup .selection ul li label { font-size: 14px; color:#444;}
#popup-view fieldset.popup .selection ul li label input[type=checkbox] { width: 13px; height: 13px; vertical-align: bottom; position: relative; top: -2px; margin: 0 5px 0 0; }
#popup-view fieldset.popup input[type=submit].cancel { float: left; color: #900; border: none; text-align: center; overflow: visible; width: 93px; height: 35px; background: url(../../images/activity-save-white-clean.png) left top no-repeat; font-weight: bold; font-size: 12px; line-height: 1; }
#popup-view fieldset.popup input[type=submit].send { float: right; color: #fff; border: none; text-align: center; overflow: visible; width: 82px; height: 35px; background: url(../../images/iq-red-small-bar.png) left 1px no-repeat; font-weight: bold; font-size: 12px; line-height: 1; }

#newMessage.video-details .divForm div {padding:0px;}
#popup-view fieldset.popup .selection ul li input[type=checkbox]:checked + label { color: #900;font-weight: bold;}

/*End Shawn additions */

/*=== reply messages ===*/
#educator-view fieldset.message .thread { padding: 0 0 20px 0; }
#educator-view fieldset.message .thread a { color: #900; }
#educator-view fieldset.message .thread .message-details { border-bottom: 1px dashed #cbcbcb; padding: 20px 0 15px 0; }
#educator-view .thread .message-details .clearfix img { float: left; margin: 0 10px 0 0; }
#educator-view .thread .message-details .clearfix h2 { float: left; width: 180px; margin: 13px 10px 0 0; font-size: 14px; }
#educator-view .thread .message-details .clearfix strong { padding: 9px 0 0; font-weight: normal; display: block; line-height: 1.15; }
#educator-view .thread .message-details .clearfix em { font-style: normal; display: block; padding: 0 0 15px 0; }
#educator-view .thread .message-details .clearfix p { font-size: 14px; padding: 20px 20px 0 20px; line-height: 1.25; }

/*=== message details ===*/
#educator-view #message-controls { width: 100%; text-align: right; }
#educator-view #message-controls a, #educator-view .holder a { color: #900; }
#educator-view #message-controls li { display: inline-block; zoom: 1; margin: 0 0 0 20px; }
#educator-view #message-controls li.prev a { display: inline-block; zoom: 1; padding: 0 0 0 30px; background: url(../../images/search-paginate-prev.png) left top no-repeat; height: 20px; text-align: left; }
#educator-view #message-controls li.next a { display: inline-block; zoom: 1; padding: 0 30px 0 0; background: url(../../images/search-paginate-next.png) right top no-repeat; height: 20px; }

#educator-view #message-controls + .holder { width: 100%; border: 1px solid #dadada; margin: 5px 0 30px 0; color: #444; }
#educator-view .holder .message-details .clearfix { background: #e8eaed; padding: 20px; }
#educator-view .holder .message-details img { float: left; margin: 0 10px 0 0; }
#educator-view .holder .message-details h2 { float: left; width: 180px; margin: 13px 10px 0 0; font-size: 14px; }
#educator-view .holder .message-details strong { margin: 9px 0 0; font-weight: normal; display: block; line-height: 1.15; }
#educator-view .holder .message-details em { font-style: normal; display: block; }
#educator-view .holder p { font-size: 14px; padding: 20px 20px 0 20px; line-height: 1.25; }

#educator-view .holder .to-do { border-top: 1px solid #dadada; padding: 10px 20px; margin: 70px 0 0; }
#educator-view .holder .to-do ul { text-align: right; }
#educator-view .holder .to-do li { display: inline-block; zoom: 1; margin: 0 0 0 10px; }
#educator-view .holder .to-do li.reply a { display: inline-block; zoom: 1; width: 69px; height: 20px; background: url(../../images/iq-white-bar-69x21.png) left top no-repeat; text-align: center; padding: 1px 0 0; }

/*=== message details with replies ===*/
#educator-view .with-reply .message-details { padding: 15px 0; margin: 0 20px; }
#educator-view .with-reply .message-details .clearfix { background: none; padding: 0; }
#educator-view .with-reply .message-details + .message-details { border-top: 1px dashed #cbcbcb; }
#educator-view .with-reply p { padding: 20px 0 0; }

/*=== bubbles scattered all over the page ===*/
#search.logged-out:hover span.bubble, a.bubble-left-top:hover span { display: block; width: 193px; height: 132px; background: url(../../images/bubble-left-top.png) left top no-repeat; position: absolute; z-index: 5000; margin: -140px 0 0 -50px; }
  #search.logged-out:hover span.bubble { margin: -65px 0 0 15px; }
a.bubble-right-top:hover span { display: block; width: 193px; height: 132px; background: url(../../images/bubble-right-top.png) left top no-repeat; margin: -140px 0 0 -85px; z-index: 5000; position: absolute; }
a.bubble-right-bottom:hover span { display: block; width: 193px; height: 132px; position: absolute; background: url(../../images/bubble-right-bottom.png) left top no-repeat; z-index: 5000; margin: 0 0 0 -100px; }


/*=== error page ===*/
#error-404 { width: 600px; text-align: center; margin: 50px auto 280px auto; padding: 70px 10px; 
  border: 1px solid #fbc149;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#error-404 h1 { font: normal 24px/1 georgia, times, serif; color: #3b6f8f; }
#error-404 p { padding: 30px 0 0 0; color: #444; font-size: 13px; }

/*=== footer ===*/
footer { margin: 0 0 0 19px; width: 960px; background: #838282; height: 50px; }
/* -- Mills Modified 
footer p { float: left; width: 300px; color: #000; font: 12px/1 georgia, times, serif; text-transform: uppercase; margin: 20px 0 0 20px; }
-- */
footer p { float: left;  color: #000; font: 12px/1 georgia, times, serif;  margin: 20px 0 0 20px; }

/* -- Mills Added -- */
footer p a {color: #000;}

footer p em { text-transform: none; }
/* -- Mills Modified 
footer nav { float: right; width: 225px; font-size: 12px; margin: 0 11px 0 0; }
-- */
footer nav { float: right; font-size: 12px; margin: 0 11px 0 0; }

footer nav ul li { float: left; display: block; padding: 0 12px 0 10px; background: url(../../images/footer-pipe.jpg) right 20px no-repeat; }
footer nav ul li:last-child { background: none; }
footer nav ul li a { display: block; padding: 16px 0 0 0; color: #e4e4e4; }
footer nav ul li a.toggled { text-decoration: underline; color: #ecb950; background: url(../../images/toggled-arrow.jpg) center top no-repeat; }
footer nav ul li a.booyah { text-decoration: none; color: #e4e4e4; background: none; }

/*=== footer: slide up panels ===*/
/* Mills modified
#footer-content .panel { position: relative; display: block; width: 900px; padding: 5px 30px 30px 30px; height: 110px; background: #595757; margin: 0 0 0 19px; }
*/
#footer-content .panel { position: relative; display: block; width: 900px; padding: 5px 30px 30px 30px; min-height: 110px; background: #595757; margin: 0 0 0 19px; }

#footer-content section h1 { font: normal 21px/1 georgia, times, sans-serif; color: #fbc149; padding: 10px 0 0 0; }
#footer-content .panel ul { margin: 10px 0 0 0; }
#footer-content .panel ul li { display: block; float: left; width: 195px; margin: 0 30px 0 0; font-size: 11px; }
#footer-content .panel ul li a { color: #fff; }
/*# mills - footer-content .closer { display: block; width: 16px; height: 16px; background: url(../../images/closer.jpg) left top no-repeat; text-indent: -9999em; position: absolute; top: 10px; right: 10px; }*/
#footer-content .closer { display: block; width: 16px; height: 16px;  position: absolute; top: 10px; right: 10px;font-size: 20px; }
#footer-content .closer:hover{ text-decoration: none;}

/*=== empty style for the footer shadow effect; additional p tag to fix 1px margin bug ===*/
#the-end { text-align: left; width: 962px; margin: 0 auto; }
#the-end nav { background: url(../../images/footer-logo.png) left top no-repeat; height: 50px; margin: 0 0 18px 2px; }
#the-end nav ul { padding: 15px 0 0 13px; font-size: 11px; }
#the-end nav li { display: inline; padding: 0 10px 0 7px; border-right: 1px solid #929292; }
#the-end nav li:last-child { border-right: none; }
#the-end nav li.ie { border-right: none; }
#the-end nav li a { color: #737373; }
#the-end nav .logo { margin: -36px auto 0px auto; height: 72px; width: 240px;cursor: pointer; background: url(../../images/Dornsife_Formal_FullTag_GrayOnTrans.png) no-repeat; }

/*=== shared search ===*/
#search.logged-out { postion: absolute; width: 399px; height: 125px; background: url(../../images/search-left.png) left top no-repeat; margin: 0 0 0 -21px; }
/* -- Mills Modified --> 
#search form { padding: 25px 0 0 0; margin: 0; height: 53px; }
 <--  */
#search #divForm { padding: 25px 0 0 0; margin: 0; height: 53px; }

#search fieldset { padding: 0 0 0 40px; margin: 0; }
#search legend { font: 17px/1 georgia, times, serif; color: #fff; padding: 0 0 6px 0; }
  .ie7 #search legend { margin-left: -7px; }
#search label { display: block; text-indent: -9999em; font-size: .01em; line-height: .01; }
#search input[type=text] { border-top: 1px solid #adadad; border-right: 1px solid #adadad; border-bottom: none; border-left: none; color: #5c5b5b; font: 11px arial, helvetica, sans-serif; width: 220px; padding: 3px 5px; font-size:12px; }
#search input[type=submit] { border: none; background: url(../../images/search-button.png) left top no-repeat; width: 85px; padding: 6px 0 11px 0; overflow: visible; color: #fff; font: bold 12px/1 arial, helvetica, sans-serif; display: block; float: right; margin: -24px 35px 0 0; vertical-align: middle; }
#search input[type=submit]:hover { background: url(../../images/search-button-hover.png) left top no-repeat; }
#search ul#more { position: absolute; padding: 0; margin: 0 0 0 31px; }
#search ul#more li { display: block; float: left; padding: 0 9px; background: url(../../images/search-pipe.jpg) right 4px no-repeat; }
#search ul#more li:last-child { background: none; }
/* Mallory modified
#search ul#more li a { color: #cea85b; font-size: 11px; } */
#search ul#more li a { color: #EECC88; font-size: 12px; }

#search.logged-in { postion: absolute; width: 370px; height: 85px; background: url(../../images/search-top.png) left top no-repeat; margin: -96px 0 0 610px; }
/* -- Mills Modified --> 
#search.logged-in form { padding: 25px 0 0 0; height: 30px; overflow: hidden; }
/* <--  */
#search.logged-in #divForm { padding: 25px 0 0 0; height: 33px; overflow: hidden; }
#search.logged-in fieldset { padding: 3px 0 0 30px; }
#search.logged-in legend { display: none; }
/* Mallory modified
#search.logged-in input[type=text] { width: 200px;} */
#search.logged-in input[type=text] { width: 200px; font-size:12px;}
/* Mills modified
#search.logged-in ul#more { margin: 0 0 0 20px; } */
#search.logged-in ul#more { margin: -3px 0 0 20px; }

#activity .placement { position: absolute; margin: -26px 0 0 620px; }
#search.placement form { padding: 33px 0 0 0; height: 30px; }
#activity .placement-text { position: absolute; right: 36px; width: auto; margin: 60px 0 0 0; text-align: right; }
#activity .placement-text p { font-weight: bold; font-size: 11px; color: #fbc149; padding: 0; margin: 0; }

/*=== the activity helper secret hidden panel ===*/
#activity-helper { width: 704px; height: 608px; position: fixed; top: 250px; right: -670px; z-index: 999; }
#research-guide { width: 34px; height: 183px; background: url(../../images/research-guide.png) left top no-repeat; }
#research-guide a.task { display: block; width: 34px; height: 183px; text-indent: -9999em; }
#panelicious { background: #b10606; width: 670px; height: 425px; position: fixed; top: 250px; right: -670px; padding: 0; margin: 0; }

#panelicious #my-progress { height: 325px; overflow: auto; }
#panelicious #my-progress section { border-bottom: 1px solid #ccc; padding: 0 0 25px; margin: 0 0 5px; position: relative; }
#panelicious section h1 { font-size: 18px; line-height: 1; color: #900; padding: 10px 0 20px; }
  #panelicious #my-progress section h1 { width: 410px; line-height: 1.2; }
#panelicious section h1 a { color: #900; }
#panelicious .track { position: absolute; right: 10px; bottom: 15px; width: 130px; }
#panelicious .track li { font-weight: bold; font-size: 13px; line-height: 1.3; color: #444; }
#panelicious .track li span { display: block; font-weight: normal; }
#panelicious .track li.edit a { font-weight: normal; color: #900; background: url(../../images/icon-edit-flip.png) left 2px no-repeat; padding: 0 0 0 15px; }
/*#panelicious .list-o-things { padding: 10px 0 0 0; }
#panelicious .list-o-things li { font-size: 15px; background: url(../../images/panel-thumb.jpg) left top no-repeat; padding: 7px 0 9px 45px; margin: 0 0 5px 0; }
#panelicious .list-o-things li.unfinished { background: url(../../images/panel-thumb-grey.jpg) left top no-repeat; }
#panelicious .list-o-things li a { color: #700000; font-weight: bold; }
*/
#panelicious p { border-bottom: 1px solid #fbc149; padding: 10px 0; font-size: 13px; }
/*#panelicious .list-o-things + p { border-bottom: none; border-top: 1px dashed #999; padding: 10px 0 0 0; margin: 5px 0 0 0; line-height: 1.25; }*/
#panelicious p a, #panelicious dd a { color: #700000; }
/*#panelicious .list-o-things + p span a { margin: 0 10px 0 0; }*/
#panelicious #glossary dl, #panelicious .panel { display: block; width: auto; height: 276px; overflow: auto; padding: 0; margin: 15px 0 0; }
#panelicious dt { padding: 10px 0 0; color: #3b6f8f; font-weight: bold; font-size: 14px; }
#panelicious dt:first-child { padding: 0; }
#panelicious dd { padding: 0 0 15px 0; color: #444; line-height: 1.4; }

#panelicious #ushmm section h1, #panelicious #yad-vashem section h1,#panelicious #niod section h1 { font: normal 13px/1 georgia, times, serif; color: #444; text-transform: none; border-bottom: none; padding: 15px 0 5px 0; }
#panelicious #ushmm section h2, #panelicious #yad-vashem section h2,#panelicious #niod section h2 { color: #000; font-size: 14px; margin: 15px 0 0; }
#panelicious #ushmm ul li, #panelicious #yad-vashem ul li,#panelicious #niod ul li { font-size: 14px; margin: 3px 0; }
#panelicious #ushmm ul li a, #panelicious #yad-vashem ul li a,#panelicious #niod ul li a { color: #900; }

#panelicious .search-links { float: left; width: 245px; }
#panelicious #ushmm .search-links li, #panelicious #yad-vashem .search-links li,#panelicious #niod .search-links li { display: inline-block; zoom: 1; padding: 0 3px; font-size: 12px; }
#panelicious .search-links li.return { background: url(../../images/watch-pipe.jpg) right 4px no-repeat; padding: 0 7px 0 3px; }
#panelicious .search-links a, .pagination a { color: #900; }
#panelicious .pagination { float: right; width: 110px; }
#ushmm > .clearfix, #yad-vashem > .clearfix { padding: 10px 0; }
#ushmm article, #yad-vashem article { padding: 0; height: 252px; overflow: auto; }
#ushmm article h1, #yad-vashem article h1 { font: 14px/1.35 georgia, times, serif; color: #3b6f8f; }
#ushmm article h1 em, #yad-vashem article h1 em { display: block; text-transform: uppercase; font-size: 16px; font-style: normal; }
#panelicious #ushmm p, #panelicious #yad-vashem p,#panelicious #niod p { border-bottom: none; color: #444; padding: 5px 10px 5px 0; line-height: 1.5; }
#ushmm .media-share, #yad-vashem .media-share { display: block; float: right; margin: -31px 0 0 0; width: 133px; padding: 0; }
#ushmm a.share-mini, #yad-vashem a.share-mini { zoom: 1; display: inline-block; width: 54px; height: 20px; background: url(../../images/share-mini.png) left top no-repeat; padding: 1px 0 0 10px; text-align: left; }
#ushmm a.save-mini, #yad-vashem a.save-mini { zoom: 1; display: inline-block; width: 60px; height: 20px; background: url(../../images/save-mini.png) left top no-repeat; padding: 1px 0 0 9px; text-align: left; }

/*=== activity toolkit; new tabs ===*/
#activity-criteria { height: 325px; overflow: auto; }
#activity-criteria aside { width: 210px; float: left; padding: 0 10px 0 0; }
#activity-criteria section { width: 330px; float: right; border-left: 1px solid #ccc; min-height: 325px; padding: 0 0 0 20px; }
#activity-criteria h1, #activity-criteria h2 { color: #444; font-size: 14px; padding: 5px 0 10px; }
#activity-criteria a { color: #900; }
#activity-criteria ul.generic { padding: 0 0 10px; }
#activity-criteria ul.generic li { background: url(../../images/bullet-arrow.png) left 4px no-repeat; padding: 0 0 0 10px; margin: 2px 0; }
#activity-criteria ul.downloads li { margin: 5px 0; }
/*#activity-criteria ul.downloads li a { background: url(../../images/icon-pdf.png) left top no-repeat; padding: 1px 0 1px 22px; } */
#activity-criteria section p { border-bottom: none; font-size: 12px; color: #646464; }
#activity-criteria section li { padding: 10px 0 0; }
#activity-criteria section .media-holder { float: left; width: 120px; position: relative; margin: 0 10px 0 0; }
#activity-criteria section .media-holder .play-that { position: absolute; right: 10px; bottom: 10px; }
#activity-criteria section .data-holder h2 { font-weight: normal; font-size: 18px; line-height: 1.15; padding: 5px 0 0; }
#activity-criteria section .data-holder h3 { color: #444; font-weight: normal; font-size: 14px; padding: 5px 0 0; }
/* -- mills added */
#activity-criteria section .data-holder h4 { color: #444; font-weight: normal; font-size: 12px; padding: 5px 0 0; }

#researchguide fieldset.sort { position: relative; border-bottom: 1px solid #ccc; padding: 15px 15px 10px; }
#researchguide fieldset.sort a { color: #900; }
#researchguide fieldset.sort div { display: inline-block; zoom: 1; padding: 0 10px 0 0; }
  #researchguide fieldset.sort .make { position: absolute; top: 15px; right: 15px; width: auto; }
  #researchguide fieldset.sort .make a { background: url(../../images/iq-white-bar-107x21.png) left top no-repeat; color: #900; text-align: center; display: block; font-size: 12px; width: 107px; height: 22px; padding: 2px 0 0; }
#researchguide fieldset.sort label { padding: 0 5px 0 0; color: #444; line-height: 1; }
#researchguide fieldset.sort select { width: 130px; }
  #researchguide fieldset.sort select.show { width: 160px; }
#researchguide fieldset.sort option { color: #444; }

#researchguide fieldset.message { margin: 0 15px;}
#researchguide fieldset.message legend { font-size: 12px; color: #666; padding: 15px 0 0; }
#researchguide fieldset.message label { display: none; }
#researchguide fieldset.message div { padding: 10px 0 0; }
#researchguide fieldset.message input[type=text], #researchguide fieldset.message textarea { 
  border: 1px solid #c0bfbf;
  background: #fff;
  -webkit-box-shadow: inset 1px 1px 10px #ddd;
  -moz-box-shadow: inset 1px 1px 10px #ddd;
  box-shadow: inset 1px 1px 10px #ddd;
  padding: 10px;
  font-size: 13px;
  width: 525px;
  color: #444;
}
#researchguide fieldset.message textarea { height: 90px; }

#researchguide fieldset.message + .clearfix { padding: 10px 0 0; }
#researchguide fieldset.message + .clearfix .delete { display: block; float: left; width: auto; margin: 8px 0 0 350px; }
#researchguide fieldset.message + .clearfix .delete a { display: inline-block; zoom: 1; background: url(../../images/icon-x.png) left 5px no-repeat; padding: 0 0 0 12px; color: #900; }
#researchguide fieldset.message + .clearfix input[type=submit] { float: right; color: #fff; border: none; overflow: visible; width: 116px; height: 35px; background: url(../../images/iq-publish.png) left 1px no-repeat; font-weight: bold; font-size: 12px; line-height: 1; margin: 0 15px 0 0; padding: 0 5px 0 0; }

#researchguide .playlist { height: 280px; overflow: auto; }
#researchguide #toolkit-saved-media li, #researchguide #notebook li { display: block; padding: 15px 0; border-bottom: 1px solid #ccc; margin: 0 15px; }
#researchguide ul.audio-style li a { background: url(../../images/icon-play.png) left top no-repeat; padding: 3px 0 3px 30px; display: block; float: left; color: #900; font-size: 14px; width: 310px; line-height: 1.15; }
#researchguide #toolkit-saved-media ul.audio-style li a.playing { background: url(../../images/icon-pause.png) left -1px no-repeat; }
#researchguide ul.audio-style li span { display: block; color: #646464; float: left; width: 50px; padding: 3px 0 0 5px; }
#researchguide ul.audio-style li span.date { width: 175px; }
#researchguide ul.audio-style li:hover, #researchguide ul.audio-style li.current { background: #fcf1db; }

#panelicious #toolkit-saved-media ul.video-style li { position: relative; }
#panelicious #toolkit-saved-media ul.video-style .media-holder { float: left; width: 120px; position: relative; margin: 0 10px 0 0; }
#panelicious #toolkit-saved-media ul.video-style .play-that { position: absolute; bottom: 10px; right: 10px; }
#panelicious #toolkit-saved-media ul.video-style .data-holder h1 { font-weight: normal; font-size: 18px; line-height: 1.15; padding: 5px 0 0; }
#panelicious #toolkit-saved-media ul.video-style .data-holder a { color: #900; }
#panelicious #toolkit-saved-media ul.video-style .data-holder p { border-bottom: none; color: #444; font-size: 14px; line-height: 1.3; padding: 7px 0; min-height: 38px; }
#panelicious #toolkit-saved-media ul.video-style .data-holder em { font-style: normal; color: #646464; }
#panelicious #toolkit-saved-media ul.video-style .data-holder em.date { position: absolute; right: 0; bottom: 15px; }

.ie7 #researchguide #toolkit-saved-media fieldset.sort div, .ie8 #researchguide #toolkit-saved-media fieldset.sort div { display: inline; }

#panelicious #toolkit-glossary nav { border-bottom: 1px solid #ccc; }
#panelicious #toolkit-glossary nav li { display: inline-block; zoom: 1; }
  .ie7 #panelicious #toolkit-glossary nav li, .ie8 #panelicious #toolkit-glossary nav li { display: inline; }
#panelicious #toolkit-glossary nav li a { display: inline-block; zoom: 1; text-transform: uppercase; color: #900; background: url(../../images/glossary-off.png) left top no-repeat; width: 18px; height: 21px; text-align: center; padding: 0 0 0; }
#panelicious #toolkit-glossary nav li.current a, #panelicious #toolkit-glossary nav li a:hover { background: url(../../images/glossary-on.png) left top no-repeat; text-decoration: none; }
#panelicious #toolkit-glossary dl { margin: 0 15px; }
#panelicious #toolkit-glossary dt { padding: 15px 0 0; color: #444; }
#panelicious #toolkit-glossary dd { padding: 5px 0 15px 0; border-bottom: 1px solid #ccc; font-size: 14px; }

#researchguide #notebook ul.audio-style li a { background: none; padding: 0; width: 260px; line-height: 1.15; margin: 2px 0 0 10px; }
#researchguide #notebook ul.audio-style li span.delete { float: right; margin: 0 15px 0 0; }
#researchguide #notebook ul.audio-style li span.delete a { display: inline-block; zoom: 1; background: url(../../images/icon-x.png) left 4px no-repeat; padding: 0 0 0 10px; width: 52px; visibility: hidden; font-size: 13px; margin: 0; }
#researchguide #notebook ul.audio-style li:hover span.delete a { visibility: visible; }


/*=== additional ie stuff for last-childs, etc ===*/
header nav ul li.ie, footer nav ul li.ie, #search ul#more li.ie, #sublink ul li.ie { background: none; }
#clips ul.listing li.ie-m, #landscape .playlist li.ie-m { margin: 0; }
#content h1 + ul li.ie-b { border-right: none; }
.ie7 .link-box li, .ie7 .more .search-links li, .ie7 .pagination li, .ie7 .link-box h3, .ie7 .aux li, .ie7 #activity header .steps li, .ie7 #taskbar .progress li, .ie7 #taskbar .help-bar li, .ie7 #search-results .paginate li, .ie7 .buffer td.search-box form fieldset, .ie7 .buffer td.search-box form input[type=submit], .ie7 #activity section.module nav .steps li { display: inline; }

.ie7 #activity section.module nav .steps ul, .ie7 #activity section.module nav .steps li { list-style: none; }

.ie7 #activity article #questions fieldset, .ie8 #activity article #questions fieldset { border: none; }

.ie7 #video-page .video-holder p.time, .ie8 #video-page .video-holder p.time { top: -22px; }

.ie7 #search-results article .search-data { margin-top: -105px; }

.ie7 .iewrap, .ie8 .iewrap { position: relative; overflow: hidden; height: 540px; padding: 0 0 20px 0; }
.ie7 .inneriewrap, .ie8 .inneriewrap { height: 540px; width: 400px; overflow: auto; overflow-x: hidden; padding: 20px 0 0 0; }
.ie7 .inneriewrap thead tr, .ie8 .inneriewrap thead tr { display: block; position: absolute; top: 0px; }
.ie7 .more .more-info + p, .ie8 .more .more-info + p { padding: 10px; }
.ie7 tbody { min-height: 10px; height: auto !important; height: 10px; }

/*=== clearfix ===*/
.clearfix:before, .clearfix:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  visibility: hidden; 
}

.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* -- Mills Added  -- */
#featured-clips li .play-that { position: absolute; top: 61px; left: 100px; }
#featured-clips li a:hover { text-decoration: none; }
#featured-clips li span { display: block; margin: 0 3px; padding: 0; }
#featured-clips li a:hover span { text-decoration: underline; }
#featured-clips li a img.selection { width: 139px;height: 94px; }

#activity-content li.more, .activityMedia ul li.more
{
	list-style-type: none;
}

#activity-content li.more a, .activityMedia li.more a
{
	background-position: left center;
	background-image: url('../../Images/right-button.jpg');
	background-repeat: no-repeat;
	padding-left: 16px;
}

#activity-content li.more div.more a, .activityMedia li.more div.more a
{
	background-image: none;
	padding-left: 0px;
}

#activity-content li.more a.expanded, .activityMedia li.more a.expanded
{
	background-position: left center;
	background-image: url('../../Images/down-button.jpg');
	background-repeat: no-repeat;
	padding-left: 16px;
}

#activity-content li.more div.more, .activityMedia li.more div.more
{
	display:none;
	padding:0 0 10px 10px;
	color:#3B6F8F;
}
.share, table.segments td p a.share-mini, #watch .media-share a.share, .browse-topics .media-dock .meta-share a.share
{
	display:none;
}

/*=== the "progress pill" ===*/
.nav-pill ol.progress-pill,
#activity ol.progress-pill,
#educator-view ol.progress-pill { width: 420px; }

.nav-pill ol.progress-pill li, 
#activity ol.progress-pill li, 
#educator-view ol.progress-pill li { 
  width: 99px; display: inline-block; zoom: 1; text-align: center; font-size: 12px; color: #444; line-height: 1; margin: 0; }

.nav-pill ol.progress-pill ol, 
#activity ol.progress-pill ol, 
#educator-view ol.progress-pill ol { 
  width: 98px; height: 18px; background: url(../../images/progress-pill-grey.png) left top repeat-x; margin: 3px 0 0; position: relative; border: 1px solid #c7c8c8; padding: 0; vertical-align: top; }

.nav-pill ol.progress-pill li.communicate ol, 
#activity ol.progress-pill li.communicate ol, 
#educator-view ol.progress-pill li.communicate ol { border-right: none; }

/*=== general styling of the steps ===*/
.nav-pill ol.progress-pill li li, #activity ol.progress-pill li li, #educator-view ol.progress-pill li li { 
  width: 10px; font-size: 11px; }
.nav-pill ol.progress-pill li li:first-child, #activity ol.progress-pill li li:first-child, #educator-view ol.progress-pill li li:first-child { margin: 0 0 0 -5px; }

.nav-pill ol.progress-pill li a, #activity ol.progress-pill li a, #educator-view ol.progress-pill li a {
  color: #444; cursor: text; text-decoration: none; padding: 4px 7px 8px 6px; display: inline-block; zoom: 1; position: absolute; top: 0; }

.nav-pill ol.progress-pill li.done a, #activity ol.progress-pill li.done a, #educator-view ol.progress-pill li.done a, .nav-pill ol.progress-pill li.current a, #activity ol.progress-pill li.current a, #educator-view ol.progress-pill li.current a {
  color: #900; cursor: pointer; text-decoration: none; }

/* Mills added */
.nav-pill ol.disabled li.done a, #activity ol.disabled li.done a, #educator-view ol.disabled li.done a, .nav-pill ol.disabled li.current a, #activity ol.disabled li.current a, #educator-view ol.disabled li.current a 
{
	cursor:default;color: #900; text-decoration: none;
}
.nav-pill ol.progress-pill li.current li.on a, #activity ol.progress-pill li.current li.on a, #educator-view ol.progress-pill li.current li.on a {
  color: #fff; cursor: pointer; text-decoration: none; background: url(../../images/progress-pill-current.png) left top no-repeat; }

/*=== on/off/current states ===*/
.nav-pill ol.progress-pill li.done ol, 
#activity ol.progress-pill li.done ol, 
#educator-view ol.progress-pill li.done ol { 
  background: url(../../images/progress-pill-oj.png) left top repeat-x; border: 1px solid #edab26; }

.nav-pill ol.progress-pill li.current ol, 
#activity ol.progress-pill li.current ol, 
#educator-view ol.progress-pill li.current ol { background: #fff; }

/*=== rounded ends ===*/
.nav-pill ol.progress-pill li.contextualize ol, 
#activity ol.progress-pill li.contextualize ol, 
#educator-view ol.progress-pill li.contextualize ol { 
  -moz-border-radius-topleft: 5px; 
  -moz-border-radius-bottomleft: 5px; 
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.nav-pill ol.progress-pill li.communicate ol, 
#activity ol.progress-pill li.communicate ol, 
#educator-view ol.progress-pill li.communicate ol { 
  -moz-border-radius-topright: 5px; 
  -moz-border-radius-bottomright: 5px; 
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

.nav-pill {
width: 400px;
position: relative;
height:60px;
}

ol.progress-pill a.label
{
	position:relative;
	top:5px;
}

/*=== join group page (shares login layout) ===*/
#login-panel.join-group { width: 340px; }
#login-panel.join-group h2 { padding: 20px 0; font-weight: normal; font-size: 16px; }
#login-panel.join-group ul li { color: #666; font-size: 14px; margin: 0 0 5px 0; }
#login-panel.join-group p.join { padding: 25px 0 0; }
#login-panel.join-group p.join a { font-weight: bold; font-size: 14px; line-height: 1; display: block; color: #fff; background: url("../../images/iq-assign.png") left top no-repeat; width: 127px; height: 27px; padding: 8px 0 0; margin: 0 auto; text-align: center; }

/*Shawn added*/
#glossary nav span
{
    border: 1px #666 solid; margin: 0 2px 0 2px; width:15px; padding: 0 2px 0 2px;
}

/* Mills added */

.media-holder a img.video {
  width:120px;min-height: 60px;border: solid 1px #ccc;padding: 2px;  
}

#HeaderContent_imgLogo {
    width: 300px;
}

.helpTip {
    width: 240px;
padding: 10px;
background: white;
border: 1px solid #F8C14A;
-webkit-box-shadow: 0px 0px 1px 1px #ACACAC;
-moz-box-shadow: 0px 0px 1px 1px #acacac;
box-shadow: 0px 0px 1px 1px #ACACAC;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #444;
    position: absolute;
    top: -999px;
    font-size: 11px;
    z-index: 10;
}

.helpTip div.arrow {
    display: inline-block;
    position: absolute;
top: -14px;
left: 20px;
    width: 14px;
    height: 14px;
background: url("../../images/pop-arrow-up.png") no-repeat scroll left center transparent;
}

.helpTip div.rightArrow {
    display: inline-block;
    position: absolute;
top: 20px;
left: -12px;
    width: 14px;
    height: 14px;
background: url("../../images/pop-arrow-right.png") no-repeat scroll left center transparent;
}
.helpTip h4 , #activity article .helpTip h4{
    font-size: 1em; font-weight: bold; color: #505050;
}
.helpTip .content {
    margin: 5px 0;
}


input[type=text].textEntry {
    font-size: 18px; width: 354px; border: 1px solid #c0bfbf;
  background: #fff;
  -webkit-box-shadow: inset 1px 1px 10px #ddd;
  -moz-box-shadow: inset 1px 1px 10px #ddd;
  box-shadow: inset 1px 1px 10px #ddd;
  padding: 4px 2px;
}
#login-panel #divForm input[type=reset] {
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
  display: block;
 color: #b10606;
  background: url(../../images/modal-cancel.png) left 5px no-repeat;
  width: 142px;
  height: 38px;
  padding: 0 0 0 45px;
  text-align: left;
  border: none;
  overflow: visible;
  margin: 0 auto;
  cursor:pointer;
}
.helpTip div.downArrow {
    display: inline-block;
    position: absolute;
    left: 12px;
    width: 14px;
    height: 33px;
background: url("../../images/pop-arrow-top.png") no-repeat scroll left center transparent;
}

.search-about{float: left;margin-top: 15px;margin-bottom: 15px;font-size:12px;color:#666;}
#search-results article .search-item li .clipContent {margin-top: 5px;margin-bottom: 5px;color: #464646;}
#search-results article .search-item li .clipContent .title {color: #464646;font-weight:bold;}

/*** More page content styles */
#morepage-leftNav{margin-top:10px}
#morpage-content {float:left;width:700px;margin:0;text-align:left;}
#morpage-content .title {font-size: 14px;font-weight:bold;}
#morpage-content .show a { display: inline-block; zoom: 1; background: url(../../images/alerts-off.png) left 4px no-repeat; font-weight: bold; padding: 0 0 0 12px; }
#morpage-content .search-item li { position: relative; display: block; border-bottom: 1px solid #a6a6a6; padding: 10px 0; margin: 10px 0; }
#morpage-content .clsProcessing {margin-top:50px;margin-left:300px;}
#morePages-Paging .previous{background: url(../../images/prev_icon.png) no-repeat;padding: 1px 10px 6px 25px;}
#morePages-Paging .next{background: url(../../images/next_icon.png) right 1px no-repeat;padding: 1px 23px 6px 10px;}
#morecount { font-weight:bold;color:#000;}