* { margin: 0; padding: 0; }

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .8em;
  background:  url(../images/interface/page_bg.png) 0 0 repeat-x;
  color: #333;
  margin-bottom: 20px;
}
img { border: none; }
ul { list-style: none; }
fieldset { border: none; }
a, a.alt:hover { text-decoration: none; color: #295FB5; }
a:hover, a.alt { text-decoration: underline; }
a:active, a:focus { outline: 0; }


h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 190%; }
h2 {
  font-size: 140%;
  margin-bottom: 10px;
}
h3 { font-size: 120%; }
p { margin-bottom: 1em; }
option { padding-left: 10px; }

.clearer { clear: both; }
.ltrule { height: 1px; background: url(../images/interface/lt_grey_dotrule.png) 0 0 repeat-x; }
.dkrule { height: 1px; background: url(../images/interface/dk_grey_dotrule.png) 0 0 repeat-x; }
.spacer { margin: 7px 0; }
.dotrule.blue { background: url(../images/interface/blue_dotrule.png) 0 100% repeat-x; padding-bottom: 3px; border: none; }
.dotrule.blue:hover { background-image: url(../images/interface/blue_solidrule.png); text-decoration: none; }
a.dkrule, a.ltrule { background-position: 0 100%; color: #666666; text-decoration: none; }
a.dkrule:hover { background-image: url(../images/interface/dk_grey_solidrule.png); text-decoration: none; }
a.ltrule:hover { background-image: url(../images/interface/lt_grey_solidrule.png); text-decoration: none; }
.circle_right { 
	padding-right: 20px; 
	background: url(../images/interface/circle_arrow_right.png) 100% 0 no-repeat; 
	display: block;
	float: left;
	min-height: 16px;
}
img.bordered { padding: 1px; border: 1px solid #999; }
label.hidden { position: absolute; left: -100em; }
a.imglink { background: none;}

/* HEADER ---------------------------------------------- */

/* contains title, special nav and primary navigation */

div#header {
  width: 990px;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
}
div#header h1 {
  white-space: nowrap;
  text-indent: 100em;
  background:  url(../images/interface/header_logo.png) 0 0 no-repeat;
  height: 33px;
  width: 558px;
  margin: 15px 10px 22px 6px;
  position: relative;
}
div#header h1 a {
  position: absolute;
  top: 0;
  left: 0;
  height: 33px;
  width: 175px;
}
/* special nav --------------------------------- */

ul#special_nav {
  position: absolute;
  right: -3px;
  top: 7px;
  font-size: 95%;
}
ul#special_nav li {
  display: block;
  float: left;
  padding: 0 10px 2px 10px;
  line-height: 1;
  border-left: 1px solid #aeaeae;
}
ul#special_nav li.first {
  font-weight: bold;
  border-left: none;
}

/* global nav ---------------------------------- */

div#global_nav {
  height: 34px;
  padding-left: 1px;
}
div#global_nav li {
  float: left;
  display: block;
  margin-left: -3px;
  height: 34px;
}
div#global_nav li a {
  text-indent: 100em;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  height: 31px;
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-top: 3px;
}
div#global_nav li.home a {
  width: 87px;
  background-image: url(../images/interface/tab_home.png);
}
div#global_nav li.learning a {
  width: 170px;
  background-image: url(../images/interface/tab_learning_center.png);
}
div#global_nav li.themes a {
  width: 103px;
  background-image: url(../images/interface/tab_themes.png);
}
div#global_nav li.resources a {
  width: 121px;
  background-image: url(../images/interface/tab_resources.png);
}
div#global_nav li.tools a {
  width: 84px;
  background-image: url(../images/interface/tab_tools.png);
}
div#global_nav li.about a {
  width: 138px;
  background-image: url(../images/interface/tab_about.png);
}

div#global_nav li.profile a {
  width: 119px;
  background-image: url(../images/interface/tab_profile.gif);
}
div#global_nav li a:hover,
div#global_nav li.active a {
  background-position: 0 -31px;
}
/* search bar --------------------------------- */

#search {
  padding: 0 1px 14px 1px;
  margin: 0 1px;
  clear: both;
  overflow: hidden;
  position: relative;
  width: 976px;
}

#search fieldset {
  background: #E8EEF2 url(../images/interface/search_bg.png) 0 100% repeat-x;
  padding: 8px 10px 11px 128px;
  margin: 0;
}
#search input.button {
  vertical-align: bottom;
  position: relative;
  top: -1px;
  margin: 0 18px 0 3px;
}
#search select#search_category {
  width: 106px;
}
#search input#search_terms {
  width: 320px;
  padding: 0 5px;
}
#search a.blue.dotrule {
  font-size: 90%;
  padding-bottom: 3px;
}
#search input.button {
  vertical-align: bottom;
  position: relative;
  top: -1px;
  margin-left: 3px;
}
div.advanced_search {
  /*float: left;
  width: 255px;
  margin-top: -1.5em;*/
  display: inline;
}

div#wrapper {
  width: 980px;
  padding: 0 5px 3px 5px;
  background:  url(../images/interface/wrapper_bg.png) 0 28px no-repeat;
  margin: 0 auto;
  clear: both;
}
div#wrapper div.subwrap {
  border: 1px solid #ddd;
  border-top: none;
  padding: 0 15px;
  background:  url(../images/interface/sidebar_bg.png) 100% 0 repeat-y;
  min-height: 200px;
}

/* CONTENT STYLES --------------------------------------------- */

div#content {
  width: 673px;
  float: left;
  margin-bottom: -9px;
}
div#content h1 { 
  position: relative;
  top: -5px;
  margin-bottom: 8px;
}

div#content p {
  line-height: 1.4;
}
div#content p a.dkrule, 
div#content p a.ltrule,
div#content p a.dotrule.blue { 
	background-position: 0 90%;
}
div#content ul {
  padding: 2px 0 5px 3px;
}
div#content li {
  margin-bottom: 1em;
}

div#content div.auto_complete ul {
  padding: 0;
}
div#content div.auto_complete ul li {
  background-image: none;
  padding: 5px;
}

div#content div.auto_complete ul li.selected {
  background-color: #f2f1ed;
}

div#content div.auto_complete ul strong.selected {
  color: #800; 
  margin:0;
  padding:0;
}
div#content ul li {
  padding-left: 15px;
  background: url(../images/interface/sq_grey_bullet.png) 0 5px no-repeat;
}
div#content ol {
  padding-left: 25px;
}

div#toc {
  float: right;
  padding: 10px;
  margin: 0 0 20px 20px;
  border: 8px solid #f4f4ee;
  width: 224px;
}
div#toc div.header {
  margin-bottom: 10px;
  font-size: 90%;
  color: #666666;
}
div#toc div.header img {
  float: left;
  margin-right: 5px;
}
div#toc h3 {
  color: #666666;
  margin-bottom: 5px;
}

div#toc ul {
  background: url(../images/interface/dk_grey_dotrule.png) 0 0 repeat-x;
  padding: 8px 0 2px 7px;
  font-weight: bold;
  font-size: 90%;
}
div#toc li {
  padding-left: 15px;
  background: url(../images/interface/sq_grey_bullet.png) 0 5px no-repeat;
  margin-bottom: 8px;
  display: block;
}
div#toc ul a {
  font-weight: normal;
}
div#toc div.comments {
  margin: 10px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
}

/* FOOTER -------------------------------------------- */

div#footer {
  width: 976px;
  padding: 1px;
  margin: 4px auto 10px auto;
  border: 1px solid #ddd;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
}
div#footer ul {
  height: 2.6em;
  padding: 0 15px;
  background-color: #F2F1ED;
}
div#footer li {
  float: left;
  display: block;
  padding: .6em 5px .4em 10px;
  background: url(../images/interface/sm_grey_bullet.png) 0 50% no-repeat;
}
div#footer li.first {
  padding-left: 0;
  background: none;
}
span.copyright { 
  float: right;
  display: block;
  margin: -1.9em 14px 0 0;
  color: #666666;
}
div#footer .logos {
  clear: both;
  background: url(/images/interface/lt_grey_dotrule.png) 0 0 repeat-x;
  margin: 2px 0;
  padding: 1px 2px 0 12px;
}
div#footer .logos img {
  margin-right: 25px;
  vertical-align: middle;
}
div#footer .logos span.circle_right {
  display: block;
  min-height: 30px;
  float: right;
  margin: 25px 10px 0 0;
  font-size: 110%;
}
div#footer .logos span.circle_right a {
  text-decoration: none;
  margin-bottom: 2px;
  color: #999;
}

/* SIDEBAR STYLES --------------------------------- */

div#sidebar {
  width: 260px;
  float: right;
  font-size: 90%;
}
div#sidebar p {
  line-height: 1.35;
  margin-bottom: .6em;
}
div#sidebar div {
  padding: 11px 20px 13px 20px;
  border-top: 8px solid #F4F4EE;
}
div#sidebar div.related {
  padding-top: 20px;
}
div#sidebar div div {
  padding: 0;
  border-top: none;
}
div#sidebar h3 {
  color: #666666;
  background: url(../images/interface/dk_grey_dotrule.png) 0 100% repeat-x;
  padding-bottom: 6px;
  margin: 0 0 2px 0;
  font-size: 120%;
  line-height: 1.4;
}
div#sidebar ul {
  padding-top: 4px;
}
div#sidebar li {
  margin-bottom: 5px;
  line-height: 1.4;
}
div#bookend { /* bookend comes after the content div and adds the bottom border to the sidebar */
  clear: both;
  background: url(../images/interface/bookend_bg.png) 100% 0 no-repeat;
  height: 22px;
}
div#sidebar dl {
  background: #fff url(../images/interface/lt_grey_dotrule.png) 0 100% repeat-x;
  min-height: 64px;
  position: relative;
  margin: 3px 0 4px 0;
  padding-bottom: 5px;
}
div#sidebar dt,
div#sidebar dd {
  margin-left: 92px;
}
div#sidebar dt {
  font-weight: bold;
}
div#sidebar dd.thumb {
  position: absolute;
  top: 3px;
  left: 0;
  margin-left: 0;
}
div#sidebar dd.creator {
  color: #666666;
}
div#sidebar img.button {
  margin-top: 8px;
}

/* ARTICLE STYLES --------------------------------- */
/* an article is all the pages that make up a Learning Center */

/* an article is made up of one or more sections, or pages */

/* STANZA STYLES ------------------------------- */
/* a section is made up of one or more stanzas */

div.stanza {
  margin-bottom: 25px;
}
div.stanza.links {
  margin-bottom: 10px;
}
div.stanza h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: .5em;
}

/* ALLUSION STYLES ----------------------------- */
/* a stanza is made up of one or more allusions */
div.allusion {
  /* 
   * allusions nolonger are pulled out from the content -btucker
  background-color: #F2F1ED;
  padding: 15px 20px;
  */
}
#content.edit div.allusion {
	padding: 10px;
}
#content.edit div.allusion.photo.two-up {
  padding-right: 65px;
}
div.allusion.video {
  min-height: 184px;
}
div.allusion.photo {
  min-height: 184px;
}
div.allusion h4 {
  font-size: 100%;
  margin: 0 0 .3em 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.allusion h3 {
  color: #666666;
  font-size: 110%;
}
div.allusion div.media {
  float: right;
  margin: 0 0 20px 20px;
  padding: 0;
}
div.allusion div.media_left {
  float: left;
  margin: 0px 20px 0px 0px;
  padding: 0;
}
div.allusion dl {
  width: 16em;
}
div.allusion dt,
div.allusion dd {
  font-size: 95%;
  display: block;
  float: left;
  margin-bottom: 2px;
  min-height: 1.5em;
}
div.allusion dt{
  color: #666666;
  min-width: 3.5em;
}
div.allusion dd {
  font-size: 95%;
  display: block;
  float: left;
  min-width: 4.5em;
}
div.allusion div.info div.clearer {
  clear: left;
  width: 257px;
  padding: 7px 0 8px 0;
  background-position: 0 5px;
}

div#comments  {
  padding: 10px;
  border: 8px solid #EBF6FA;
  margin-top: 20px;
}

div#comments div.comment {
  padding: 4px 0 3px 0;
  background: url(../images/interface/dk_grey_dotrule.png) 0 0 repeat-x;
}
div#comments div.comment dl {
  position: relative;
  padding: 10px;
  min-height: 56px;
}
div#comments div.comment.alt dl {
  background-color: #F7F7F4;  
}
div#comments div.comment.museum dl {
  background-color: #EBF6FB;  
}
div#comments div.comment dt,
div#comments div.comment dd {
  margin-left: 70px;
}
div#comments div.comment dt {
  color: #999;
}
div#comments div.comment dt span.posted {
  color: #666666;
}
div#comments div.comment dd.text {
  width: 522px;
  clear: left;
  margin-top: 6px;
}
div#comments div.comment dd.text textarea {
  width: 520px;
  height: 100px;
  margin-bottom: 10px;
}
div#comments div.comment dd.thumb {
  position: absolute;
  top: 12px;
  left: 10px;
  margin-left: 0;
}
div#comments div.comment dd.thumb img {
  padding: 1px;
  border: 1px solid #9a9a9a;
}

div#comments div.paginator {
  float: right;
  font-size: 90%;
  margin-top: 2px;
}

div#comments div.paginator > span {
  color: #666666;
  background-color: #F7F8F3;
  padding: 2px 6px;
}

div#comments div.pagination {
  display: inline;
}

div#comments div.pagination span {
  font-weight: bold;
  padding-left: 3px;
}

div#comments div.pagination a {
  text-decoration: underline;
  padding-left: 3px;
}

div.comment_footer {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 110%;
  position: relative;
  min-height: 30px;
  padding: 5px 0 10px 0;
}
div.comment_footer a {
  padding-bottom: 3px;
}
div.comment_footer a.button {
  position: absolute;
  top: 8px;
  right: 0;
}
div.prev_next {
  background-color: #F2F1ED;
  padding: 7px 9px;
  font-size: 110%;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  clear: both;
}
div.prev_next a {
  padding-bottom: 3px;
}
div.prev_next .prev {
  float: left;
  padding-left: 20px;
  background: url(../images/interface/circle_arrow_left.png) 0 0 no-repeat;
}
div.prev_next .next {
  float: right;
  padding-right: 20px;
  background: url(../images/interface/circle_arrow_right.png) 100% 0 no-repeat;
}
/* EDIT MODE ------------------------------------------------------ */

a.edit,
span.edit {
  font-weight: normal;
  background: #FBFFCC url(../images/interface/orange_carrot.png) 5px 50% no-repeat;
  padding: 5px 5px 5px 18px;
}

div.instructions {
  background-color: #DDF0F8;
  font-family: Arial, Helvetica, sans-serif;
}

div.edit_bar.master {
  background-color: #F2F1ED;
  padding: 3px 7px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  font-size: 95%;
}
div.edit_bar.master .dotrule.blue,
div.edit_bar.master .dkrule {
  padding-bottom: 3px;
}
div.edit_bar.master img.button {
  float: left;
}
div.edit_bar.master span.status,
div.edit_bar.master span.circle_right {
  float: left;
  display: block;
  margin-top: 3px;
  margin-left: 14px;
  min-height: 16px;
}
div.edit_bar.master span.circle_right {
  margin-left: 10px;
}
div.edit_bar.master span.more_actions {
  float: right;
  display: block;
  margin-top: 1px;
  min-height: 16px;
  position: relative;
  border: 1px solid #ccc;
  padding: 2px 8px 2px 8px;
  background-color: #fff;
}
div.edit_bar.master span.more_actions a.primary {
  background: url(/images/interface/down_arrow_blue.png) 100% 50% no-repeat;
  padding-right:  20px;
  text-decoration: none;
}
div.edit_bar.master span.more_actions div {
  font-size: 95%;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 166px;
  padding: 4px 1px;
  position: absolute;
  z-index: 20;
  top: 20px;
  left: -1px;
}
div#content div.edit_bar.master span.more_actions div ul {
  padding-top: 3px;
}
div#content div.edit_bar.master span.more_actions div li {
  background-image: none;
  padding-left: 0;
  margin-bottom: 8px;
}
div#content div.edit_bar.master span.more_actions div li a {
  padding: 3px 5px;
  text-decoration: none;
}
div#content div.edit_bar.master span.more_actions div li a:hover {
  background-color: #DDF0F7;
  color: #333;
}
div#content.edit h2 {
  margin-bottom: 15px;
}
div#content h1 a.edit {
  font-size: 50%;
  position: relative;
  top: -.25em;
}
div#content h1.lc_title {
  float: left;
  width: 380px;
}
div#content.edit div.stanza  {
  border: 1px solid #ccc;
  padding: 1px;
}
div.stanza div.edit_bar  {
  background-color: #F2F1ED;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
}
div.stanza div.edit_bar a.edit {
  padding: 2px 11px 4px 21px;
  border-left: 1px solid #ccc;
  background-position: 9px 50%;
  min-height: 16px;
}
div.stanza div.edit_bar div>a.edit { /* ie6 is spared this rule - tried cancelling it out in the ie6 css but no joy */
  position: relative;
  left: .3em;
}
div.stanza div.edit_bar h6  {
  font-size: 100%;
  padding: 2px 0 4px 20px;
  float: left;
  color: #999;
  font-weight: normal;
}
div.stanza div.edit_bar div.tools  {
  float: right;
  padding-top: 2px;
}
div.stanza div.edit_bar div.tools a.move  {
  background: #DCF4CC url(../images/interface/move_icon.png) 11px 50% no-repeat;
  padding: 2px 11px 4px 34px;
  border-left: 1px solid #ccc;
  min-height: 16px;
}
div.stanza_content {
  /*padding: 10px 20px 0 20px;*/
}
div#content.edit div.stanza_content {
  margin-bottom: 10px;
}
div#content.edit div.allusion  {
  background-color: #fff;
}
div#content.edit div.allusion div.info div.clearer {
  width: 250px;
}
div#sidebar div.edit h2 {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #DDF0F8;
  padding: 7px 9px;
  margin-top: 1px;
  margin-bottom: 14px;
  font-size: 120%;
}
div#sidebar a.edit {
  font-size: 90%;
}
div#sidebar a.edit,
div#sidebar span.edit {
  padding: 3px 5px 2px 16px;
}

div#sidebar div.edit ul,
div#sidebar div.toc ul {
  padding: 0 0 2px 0;
  font-weight: bold;
  font-size: 100%;
}
div#sidebar div.edit li,
div#sidebar div.toc li {
  padding-left: 15px;
  background: url(../images/interface/sq_grey_bullet.png) 0 .75em no-repeat;
  margin-bottom: 2px;
  display: block;
}
div#sidebar div.edit a,
div#sidebar div.toc a {
  font-weight: normal;
}

div#sidebar div.add_stanzas {
  font-size: 105%;
}
div#sidebar div.add_stanzas div.instructions {
  padding: 2px 7px 5px 7px;
  border-top: none;
  margin-bottom: 3px;
  color: #666666;
}
div#sidebar div.add_stanzas div.instructions p {
  margin-bottom: 0;
}
div#sidebar div.add_stanzas div.options {
  padding: 5px 8px;
  border: 1px solid #ddd;
}
div#sidebar h4 {
  color: #666666;
  font-size: 100%;
  margin-bottom: 4px;
}
div#sidebar div.add_stanzas dl {
  background-position: 0 0;
  padding-top: 8px;
  min-height: 44px;
  font-weight: bold;
  font-size: 110%;
  margin-top: 0;
}
div#sidebar div.add_stanzas dt,
div#sidebar div.add_stanzas dd {
  margin-left: 100px;
}
div#sidebar div.add_stanzas dt{
  margin-bottom: 7px;
}
div#sidebar div.add_stanzas dd.thumb {
  position: absolute;
  top: 6px;
  left: 0;
  margin-left: 0;
}
form.edit {
  border: 1px solid #ccc;
  padding: 1px;
}
form.edit.header {
  border: none;
  padding: 25px 0;
}
form.edit input.button {
  width: 6em;
  font-weight: bold;
  background-color: #F0F0F0;
}
form.edit input.save,
form.edit input.add {
  color: #fff;
  background-color: #3568B8;
}
form.edit input.save{
  margin-right: 4px;
}
form.edit input.cancel {
  margin-left: 4px;
}
form.edit fieldset.actions {
  position: relative;
  padding: 4px 12px;
  background-color: #F2F1ED;
}
form.edit input.delete {
  position: absolute;
  top: 1px;
  right: 21px;
}
input#page_header {
  width: 446px;
  padding: 1px 5px;
  display: block;
  margin-bottom: 3px;
}
form.edit textarea {
  width: 660px;
  height: 250px;
  border: none;
  margin: 3px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}
div#sidebar form.edit {
  border: none;
  padding: 0;
}
div#sidebar div.categories li {
  margin-bottom: 8px;
}
div#sidebar a.delete {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FBFFCC;
  padding: 0 3px 2px 3px;
  font-size: 90%;
}
form.edit input.add {
  width: 4em;
}
div#sidebar li.no_edit {
  color: #999;
  font-weight: bold;
}
div#sidebar div.toc ul {
  font-size: 95%;
}
div#sidebar div.toc li {
  padding: 0 0 6px 15px;
  background-position: 0 .45em;
}
div#sidebar div.toc.edit li.with_form {
  background-position: 0 .7em;
}
div#sidebar div.toc.edit.open li {
  padding-bottom: 0;
}
div#sidebar div.toc.edit.open li a {
  float: left;
  width: 100px;
}
div#sidebar div.edit li span.tools {
  float: right;
  font-size: 110%;
  display: block;
  min-height: 20px;
}
div#sidebar div.toc.edit.open li a.edit {
  width: auto;
  background-image: none;
  padding: 1px 3px 4px 3px;
  float: left;
  text-decoration: underline;
}
div#sidebar div.toc.edit.open li a.edit:hover {
  text-decoration: none;
}
div#sidebar div.toc.edit.open li a.move {
  display: block;
  height: 16px;
  width: 16px;
  margin-left: 6px;
  text-indent: 100em;
  overflow: hidden;
  
  float: left;
  background: url(../images/interface/move_icon.png) 0 0 no-repeat;
}
div#sidebar div.edit li span.ltrule {
  display: block;
  clear: both;
  margin: 6px 0 6px -15px;
  padding: 0 0 0 15px;
}
div#sidebar form.edit input.text {
  width: 192px;
  padding: 2px 4px;
  font-size: 100%;
  margin-bottom: 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;  
}
div#sidebar form.edit input.save {
  float: left;
}
div#sidebar form.edit input.delete {
  position: static;
  float: right;
}

/* add resource ----------------------------- */

div.stanza div.media.add {
  border: 8px solid #DDF0F8;
  text-align: center;
}
div.stanza div.allusion.video div.media.add {
  padding: 20px;
  width: 204px;
}
div.stanza div.allusion.photo div.media.add {
  padding: 20px;
  width: 204px;
}
div.stanza div.media.add div.instructions {
  padding: 12px 15px;
  margin-bottom: 20px;
}

/* add resource popup --------------------------- */

div.popup {
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -285px;
  z-index: 10;
  background: url(../images/interface/add_resource_bg_bottom.png) 0 100% no-repeat;
  width: 570px;
  min-height: 500px;
  padding-bottom: 8px;
  font-family: Arial, Helvetica, sans-serif;
}
div.popup h2 {
  padding: 5px 10px;
  background-color: #DDF0F8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 130%;
  margin-bottom: 8px;
}
div.popup div.subwrap,
div#wrapper div.popup div.subwrap  {
  background: url(../images/interface/add_resource_bg_top.png) 0 0 no-repeat;
  min-height: 479px;
  padding: 13px 15px 8px 15px;
  border: none;
}
div.popup.resource div.thumbs {
  border: 1px solid #ccc;
  height: 543px;
  overflow: auto;
  background-color: #fff;
}
div.popup.resource div.thumbs div.subwrap,
div#wrapper div.popup.resource div.thumbs div.subwrap {
  background: none;
  min-height: 544px;
  padding: 0;
}
div#content div.thumb,
div.popup.resource div.thumbs div.thumb {
  float: left;
  min-height: 180px;
  width: 120px;
  margin: 14px 0 0 10px;
  text-align: center;
}
div#content div.popup.resource div.thumbs div.thumb {
  width: 140px;
}
div#content div.thumb .dotrule.blue { background-image: url(../images/interface/blue_dotrule2.png); }
div#content div.thumb .dotrule.blue:hover { background-image: url(../images/interface/blue_solidrule2.png); }
div#content div.thumb img,
div.popup.resource div.thumbs div.thumb img {
  display: block;
  margin: 0 auto 2px auto;
  padding: 1px;
  border: 1px solid #ccc;
}
div#content div.popup.resource div.thumbs div.thumb a.button img,
div#content div.thumb img.button,
div.popup.resource div.thumb a.button img {
  padding: 0;
  border: none;
  display: block;
  margin-top: 3px;
}
div.thumb .name {
  margin: 4px 0;
}
div.thumb div.name {
  color: #666666;
  margin: 4px 0;
  font-size: 90%;
}
div.popup div.cancel {
  background-color: #F2F1ED;
  padding: 4px 7px;
  margin-top: 8px;
}
div.popup div.cancel span {
  font-size: 95%;
  padding: 3px;
}
div.popup input.button {
  width: 6em;
  color: #333;
  background: #fff;
  font-size: 100%;
}
input.button.save,
div.popup input.button.save {
  color: #fff;
  background: #069;
}
input.button.cancel {
  background: #efefef;
}

/* SEARCH RESULTS ------------------------------------------ */

div#content.search h2 {
  color: #666666;
  font-size: 150%;
  font-family: Arial, Helvetica, sans-serif;
}

h2 em {
  font-style: normal;
  color: #333;
}
div#results_total {
  color: #666666;
  margin-bottom: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

/* tab navigation ----------------------------------- */

div#content ul.tabs,
div.popup ul.tabs  {
  clear: both;
  height: 1.5em;
  padding: 6px 0 12px 11px;
  border-bottom: 1px solid #ddd;
  margin: 6px 0 12px 0;
}
div.popup ul.tabs  {
  padding-left: 6px;
  padding-top: 0;`
  margin: 0 0 6px 0;
}
div#content ul.tabs li,
div.popup ul.tabs li {
  float: left;
  display: block;
  font-weight: bold;
  background: url(../images/interface/tab_left.png) 0 0 no-repeat;
  padding: 0 0 0 20px;
  margin: 0 3px 0 0;
}
div#content ul.tabs li span,
div.popup ul.tabs li span {
  height: 1.5em;
  display: block;
  background: url(../images/interface/tab_right.png) 100% 0 no-repeat;
  padding: 7px 20px 5px 0;
}
div#content ul.tabs li.active,
div.popup ul.tabs li.active {
  background-image: url(../images/interface/tab_left_active.png);
}
div#content ul.tabs li.active span,
div.popup ul.tabs li.active span {
  background-image: url(../images/interface/tab_right_active.png);
  padding-bottom: 6px;
}
div#content ul.tabs li a,
div.popup ul.tabs li a {
  padding-bottom: 3px;
}
div.barhead {
  background-color: #F4F4EE;
  padding: 7px 10px 5px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 95%;
  min-height: 18px;
  clear: both;
}
div.barhead div,
div.barhead h3 {
  float: left;
}
div.barhead h3 {
  color: #c60;
  text-transform: uppercase;
  font-size: 100%;
  margin-top: 3px;
}
div.col,
div.barhead div.col {
  float: right;
}
div.barhead img.logo {
  vertical-align: middle;
  margin:-3px 0 -3px 5px;
}
div.barhead .circle_right {
  padding-top: 2px;
  padding-bottom: 2px;
  display: block;
  text-decoration: none;
}
div.barhead div.clearer {
  float: none;
}
div#content div.search_tools ul {
  display: inline;
}
div#content div.search_tools li {
  background: none;
  padding: 0 8px 0 12px;
  display: inline;
  border-left: 1px solid #ccc;
}
div#content div.search_tools li.first {
  border-left: none;
  padding-left: 0;
}

div#content div.search_tools li.on a {
  text-decoration: underline;
}

div#content.search div.spacer {
  margin: 10px 0;
}
div#content.search div.thumbs {
  font-size: 90%;
  line-height: 1.5;
}
div#content.search div.thumb {
  min-height: 150px;
}
span.pick {
  padding: 0 4px;
  background-color: #DCF4CC;
  color: #390;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}
div#content.search div.thumb img.button {
  display: inline;
  vertical-align: middle;
  margin: 0;
  border: none;
}
div.videos div.thumb .name {
  font-weight: bold;
}
span.source {
  position: relative;
  width: 1px;
}
div.thumb span.source img {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  margin: 0;
}
a.delete {
  background: #F4F4EE url(../images/interface/delete_icon.png) 1px 3px no-repeat;
  padding: 1px 2px 1px 15px;
  font-size: 95%;
  color: #666666;
}
/* UPLOAD RESOURCE POPUP --------------------------------------- */

div.popup.upload form {
  position: relative;
}
div.popup.upload label {
  display: block;
  font-weight: bold;
}
div.popup.upload img.thumb {
  position: absolute;
  top: 14px;
  right: 10px;
}
div.popup.upload fieldset.col {
  float: none;
  padding: 10px 200px 10px 10px;
  background-color: #f4f4f4;
}
div.popup.upload fieldset.col input.text,
div.popup.upload fieldset.col input[type="file"],
div.popup.upload fieldset.col textarea {
  width: 240px;
  margin: 2px 0 10px 0;
  padding: 2px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
}
div.popup.upload fieldset.col textarea {
  width: 280px;
}
div.popup.upload fieldset.col input.button {
  width: 5em;
  padding: 2px 5px;
  margin: 2px 0 10px 0;
}
div.popup.upload div.cancel {
  clear: both;
}
div.popup.upload p.instructions {
  color: #666666;
}
div.popup.upload div.instructions {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 160px;
  color: #666666;
  background-color: transparent;
}

/* RESOURCE PAGE ------------------------------------------ */

div#content.resource h1 span.pick {
  font-size: 60%;
}
div#content.resource ul.stats li {
  background: none;
  padding-left: 0;
}
div#content.resource ul.stats li.collection,
div#content.resource ul.stats li.name {
  font-weight: bold;
}
div#sidebar div.resource_actions  dl {
  background: none;
  min-height: 55px;
}
div#sidebar div.resource_actions  dt,
div#sidebar div.resource_actions  dd.view {
  margin-left: 60px;
}
div#sidebar div.resource_actions  dt {
  margin-bottom: 5px;
}

/* LEARNING CENTER LANDING PG ---------------------------------------- */

div#landing {
  border: 8px solid #F4F4EE;
  padding: 2px;
  margin-bottom: 20px;
}
div#landing div.subwrap {
  background: #FAF7E5;
  border: none;
  padding: 10px;
}
div#landing img.feature {
  float: left;
}
div#landing div.info {
  float: right;
  width: 300px;
}
div#landing dl {
  min-height: 64px;
  position: relative;
  margin: 3px 0 4px 0;
  padding-bottom: 5px;
}
div#landing dt,
div#landing dd {
  margin-left: 60px;
}
div#landing dd.thumb {
  position: absolute;
  top: 3px;
  left: 0;
  margin-left: 0;
}
div#landing dd.thumb img {
  border: 1px solid #ccc;
}
div#featured {
  background-color: #F4F4EE;
  padding: 10px;
  margin-bottom: 10px;
}
div#featured h3 {
  margin-bottom: 10px;
}
div#featured div.subwrap {
  background: #fff;
  border: none;
  padding: 10px 0;
  margin-bottom: 10px;
}
div#featured div.unit {
  width: 148px;
  padding: 0 7px 0 6px;
  background: url(../images/interface/lt_grey_dotrule_vertical.png) 0 0 repeat-y;
  float: left;
}
div#featured div.unit.first {
  background: none;
}
div#featured a.dotrule.blue { 
	background: url(../images/interface/blue_dotrule2.png) 0 100% repeat-x;
}
div#featured a.dotrule.blue:hover { 
	background-image: url(../images/interface/blue_solidrule2.png); 
}
div.unit img.thumb {
  padding: 1px;
  border: 1px solid #ccc;
  background: none;
}
div.unit h4 {
  font-size: 100%;
  line-height: 1.25;
}
div.unit div.source {
  position: static;
  width: auto;
  margin: 10px 0;
  color: #999;
  font-size: 90%;
}
div.unit img.logo {
  display: block;
}
div#sidebar div.about div.subwrap {
  background: #efefef;
  border: 1px solid #ddd;
  padding: 10px;
}
div#sidebar div.about .circle_right {
  background-image: url(../images/interface/circle_arrow_right_blue.png);
  float: left;
  display: block;
  min-height: 16px;
  font-weight: bold;
}
div.thumbs.centers div.thumb {
  width: 150px;
  min-height: 180px; /* these need to be this height or the thumbs won't float properly with tall vertical images */
}
div.thumbs.centers div.thumb img {
  padding: 5px;
}
div.thumbs.centers div.thumb a.name {
  font-weight: bold;
  background: url(../images/interface/blue_dotrule2.png) 0 100% repeat-x; padding-bottom: 3px; 
}
div.thumbs.centers div.thumb a.name:hover { 
  background-image: url(../images/interface/blue_solidrule2.png); 
  text-decoration: none; 
}
div.thumbs.centers div.thumb .pick {
  font-size: 90%;
  font-weight: bold;
}
div.thumbs div.thumbs_footer {
  clear: both;
  margin-top: 10px;
}
div.thumbs div.thumbs_footer a.circle_right {
  font-weight: bold;
  display: block;
  float: right;
  text-decoration: none;
  min-height: 16px;
}

/* TOOLS LANDING PAGE --------------------------------- */

div.toolbox {
  margin: 20px 0;
}
div.toolbox h4 {
  font-size: 150%;
  margin-bottom: 10px;
}
div.toolbox .col {
  width: 240px;
}
div.toolbox .col h5 {
  font-size: 100%;
  margin-bottom: 5px;
}
div.toolbox .col span {
  font-size: 95%;
  color: #666666;
}
div.toolbox .col span span {
  font-size: 110%;
  color: #333;
}

div.toolbox div.toolbox_content {
  float: left;
  width: 400px;
}
div.toolbox div.toolbox_content .button {
  margin-bottom: 10px;
}
div.toolbox div.toolbox_content h5 {
  font-size: 100%;
  margin-bottom: 10px;
}
div#content div.toolbox ul li { 
  margin-bottom: 10px;
}
div.toolbox ul a { 
  background: url(../images/interface/blue_dotrule.png) 0 100% repeat-x; padding-bottom: 3px; 
  font-weight: bold;
}
div.toolbox ul a:hover { background-image: url(../images/interface/blue_solidrule.png); text-decoration: none; }

div.thumbs.documents div.thumb {
  text-align: left;
  width: 150px;
}
div.thumbs.documents div.thumb a.name {
  font-size: 90%;
  display: block;
  margin: 7px 0;
}
div.thumbs.documents img.source {
  border: none;
  margin: 0;
}
div.col.tutorial {
  margin: 0 0 20px 20px;
}
/* GENERIC PAGES ------------------------------------------- */

.public-tagline1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 130%;
  font-weight: bold;
  background-color: #F4F4EE;
  padding: 1em 1.5em;
  color: #c60;
}
.public-tagline2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 130%;
  font-weight: bold;
  margin: 1em 0;
  color: #B0B0B0;
}
/* MY PROFILE PAGE --------------------------------------------- */

div#profile_summary {
  position: relative;
  min-height: 150px;
  padding: 0 0 10px 140px;
}
div#profile_summary h1 {
  font-size: 140%;
  margin-bottom: 10px;
}
div#profile_summary h1 span {
  font-size: 80%;
}
div#content div#profile_summary li {
  background: none;
  padding-left: 0;
  font-size: 110%;
  font-weight: bold;
  color: #666666;
}
div#profile_summary img.thumb {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1px;
  border: 1px solid #ccc;
}
div#content.profile div.dkrule.spacer {
  clear: both;
}
div#content.profile div.thumbs {
  margin-bottom: 20px;
}

/* EDIT MY PROFILE -------------------------------- */

form#profile_summary {
  background-color: #f4f4f4;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
form#profile_summary h1 {
  font-size: 130%;
  margin-bottom: 10px;
}
#profile_summary fieldset.thumb {
  float: left;
  clear: left;
  width: 150px;
}
#profile_summary fieldset.thumb img {
  padding: 1px;
  border: 1px solid #ccc;
}
#profile_summary fieldset.thumb input.text {
  margin: 5px 0;
}
#profile_summary fieldset.thumb input.button {
  background: #efefef;
  font-size: 90%;
  padding: 2px 5px;
}
#profile_summary div.col {
  float: right;
  width: 430px;
}
#profile_summary label.wrap {
  font-weight: bold;
}
#profile_summary div.col label.wrap {
  width: 430px;
  margin-bottom: 10px;
  font-size: 95%;
}
#profile_summary div.col label.wrap span {
  font-weight: normal;
  color: #666666;
}
#profile_summary div.col label.wrap input {
  width: 300px;
  margin: 3px 0 10px 0;
}
#profile_summary div.col label.wrap textarea {
  width: 400px;
  margin: 3px 0 10px 0;
}
#profile_summary div.col label.wrap.short {
  width: 215px;
  float: left;
}
#profile_summary div.col label.wrap.short input {
  width: 180px;
}
#profile_summary label.wrap input,
#profile_summary textarea {
  font-weight: normal;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  padding: 2px 5px;
}
#profile_summary div.col input.button {
  width: 6em;
}

/* MY LEARNING CENTERS ------------------------ */

div#content.my_centers h1 {
  font-size: 130%;
  margin-bottom: 10px;
}
div#content.my_centers div.thumb {
  margin: 0 15px 20px 0;
  width: 130px;
}
div#content.my_centers div.thumb {
  margin: 0 15px 20px 0;
}

/* LOGIN, SIGNUP PAGES ---------------------------------- */
div#sign_in {
  background-color: #F4F4EE;
  padding: 10px;
  position: relative;
}
form#login {
  background-color: #fff;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;  
} 
form#login label.wrap {
  font-weight: bold;
  display: block;
  width: 250px;
  margin-right: 10px;
}
form#login label.wrap.grid {
  float: left;
}
form#login label.wrap.long {
  width: 570px;
}
form#login label.wrap input.text {
  font-weight: normal;
  display: block;
  width: 250px;
  margin: 2px 0 10px 0;
}
form#login label.wrap select {
  display: block;
}
form#login a.forgot {
  display: block;
  float: left;
  margin: 20px 0;
}
form#login label.wrap span.instructions {
	position: absolute; 
	right:0; 
	top:0; 
	font-weight: normal; 
	padding-top: 20px; 
	color:#666666;
}
span.required {
  padding-right: 12px;
  background: url(../images/interface/required_star.png) 100% 3px no-repeat;
}
div.required {
  padding-left: 12px;
  position:absolute;
  font-size: 95%;
  right: 10px;
  top: 10px;
  background: url(../images/interface/required_star.png) 0 3px no-repeat;
}
form#login div#user_survey {
  background-color: #EFEFEF;
  padding: 10px 14px 0 14px;
  margin-bottom: 20px;
}
form#login div#user_survey fieldset {
  margin: 10px 0;
}
fieldset#user_age label {
  padding: 0 10px;
}
fieldset#user_profession label {
  padding: 0 5px;
}
div#confirm_affiliation {
	width: 110px; 
	float:left;
}
div.affiliations {
	float: left; 
	width: 450px;
	margin-bottom: 20px;
	margin-top: 2px;
}
div.affiliations strong {
	float: left; 
	height: 8em;
	margin: 0 10px 0 40px;
}
div.affiliations label {
	float: left;
	padding-right: 20px;
}
div.affiliations label input {
	display: block;
	width: 150px;
}
/* NAMED ANCHORS PAGE (FAQ) ------------------------------------- */

div#content ul.anchor_nav {
  background-color: #F4F4EE;
  padding: 10px;
  margin-bottom: 20px;
}
div#content ul.anchor_nav li {
  margin-bottom: 10px;
}
div#content ul.anchor_nav a { 
  background: url(../images/interface/blue_dotrule.png) 0 100% repeat-x; 
  padding-bottom: 3px; 
  font-weight: bold;
}
div#content ul.anchor_nav a:hover { 
  background-image: url(../images/interface/blue_solidrule.png); 
  text-decoration: none; 
}
/* ALERTS PAGE ------------------------------------------------ */

div#content h1.alert {
  color: #fff;
  background: #c60 url(../images/interface/circle_arrow_right_alert.png) 20px 20px no-repeat;
  padding: 20px;
  padding-left: 50px;
  border: 8px solid #F4F4EE;
  font-size: 170%;
  margin-bottom: 20px;
  margin-top: 5px;
}

/* SWFUpload --------------------------------------------------- */

.progressContainer {
	margin: 5px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	
	overflow: hidden;
}
.red /* Error */
{
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.green /* Current */ 
{
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
div#video_popup .blue /* Complete */
{
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	
	width: 275px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 275px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;

	background-image: url(/images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}

div.fieldWithErrors input, div.fieldWithErrors select {
  border: 1px solid #cc6600;
  padding: 2px;
} 

div.fieldWithErrors {
  display:inline;
}

/* "HOMEPAGE" --------------------------------------------------- */

body.homepg div#wrapper div.subwrap {
  background: none;
}

body.homepg div#landing {
  margin-bottom: 12px;
  height: 330px;
  width: 930px;
  position: relative;
  background-color: #F4F4EE;
  
}
body.homepg div#landing div.overlay {
	position: absolute;
	bottom: 2px;
	left: 2px;
	background-color: #000;
	opacity: .6;
	height: 70px;
	width: 665px;
}
body.homepg div#landing div.overlay_content {
	position: absolute;
	bottom: 2px;
	left: 2px;
	background-color: transparent;
	height: 50px;
	color: #fff;
	padding: 10px 20px;
	width: 625px;
}
body.homepg div#landing div.overlay_content h4 {
	color: #f60;
	text-transform: uppercase;
}
body.homepg div#landing div.overlay_content h2 {
  margin-right: 110px;
}
body.homepg div#landing div.overlay_content div.learn_more {
	position: absolute;
	right: 10px;
	top: 25px;
}
body.homepg div#landing div.overlay_content div.learn_more a {
	color: #fff;
	text-transform: uppercase;
	font-weight:bold;
	background: url(../images/interface/blue_dotrule.png) 0 100% repeat-x; 
	padding-bottom: 3px; 
	text-decoration: none;
}
body.homepg div#landing div.landing_rt {
	position: absolute;
	right: 2px;
	top: 2px;
	background: #535353 url(../images/home_banner_rt.png) 0 0 no-repeat;
	width: 206px;
	height: 220px;
	padding: 100px 22px 10px;
	color: #fff;
}
body.homepg div#landing div.landing_rt div.how_works {
	position: absolute;
	top: 280px;
	left: 22px;
	background: transparent url(../images/interface/how_arrow.gif) right 4px no-repeat;
	height: 30px;
	padding: 4px 30px 3px 0;
	color: #fff;
	font-size: 105%;
}
body.homepg div#landing div.landing_rt div.how_works a {
	color: #fff;
	background: url(../images/interface/wht_dotrule.png) 0 100% repeat-x;
	text-decoration: none;
	padding-bottom: 1px;
}
body.homepg div#landing div.landing_rt h3 {
	height: 10px;
	text-indent: 100em;
	white-space: nowrap;
	overflow: hidden;
	width: 100px;
}
div#home_content_left {
  margin-bottom: 8px;
  width: 657px;
  position: relative;
  background-color: #F4F4EE;
  padding: 5px 9px 2px;
  float: left;
}
div#home_content_left h3 {
	background-color: #e7e8e1;
	text-transform: uppercase;
	padding: 7px;
	margin-bottom: 4px;
	font-size: 110%;
	position: relative;
}
div#home_content_left h3 span.circle_right {
	font-weight: normal;
	font-size: 90%;
	text-transform: none;
	background-image: url(../images/interface/circle_arrow_right_3.png);
	position: absolute;
	right: 7px;
	top: 7px;
	min-height: 16px;
}
div#home_content_left div.explore_themes {
  float: left;
  width: 190px;
  margin-right: 8px;
}
div#home_content_left div.explore_themes ul {
  margin-bottom: 8px;
  font-family: Arial, Helvetica, sans-serif;
}
div#home_content_left div.explore_themes li {
	background-color: #fff;
	padding: 5px 7px 7px;
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 110%;
}
div#home_content_left div.learning_centers {
  float: left;
  width: 457px;
}
div#home_content_left div.learning_centers div.unit {
	background-color: #FFF;
	padding: 12px 11px 15px;
	margin-bottom: 8px;
}
div#home_content_left div.learning_centers div.unit img {
	float: left;
	padding: 1px;
	border: 1px solid #ccc;
	margin-top: 4px;
}
div#home_content_left div.learning_centers div.unit p {
	display: block;
	margin-left: 160px;
	margin-bottom: .7em;
}
div#home_content_left div.learning_centers div.unit p.title a { 
	background: url(../images/interface/blue_dotrule.png) 0 100% repeat-x; 
	padding-bottom: 3px; 
	border: none; 
	font-size: 115%;
	line-height: 1.5;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
div#home_content_left div.learning_centers div.unit p.title a:hover { 
	background-image: url(../images/interface/blue_solidrule.png); 
	text-decoration: none; 
}
div#home_content_left div.learning_centers div.unit p.description,
div#home_content_left div.learning_centers div.unit p.tags {
	font-size: 85%;
}

div#home_content_right {
  margin-bottom: 8px;
  width: 214px;
  position: relative;
  background-color: #F4F4EE;
  padding: 12px 22px;
  float: right;
  font-size: 90%;
}
div#home_content_right h3 {
  font-size: 125%;
}
div#home_content_right ul {
	background: url(../images/interface/dk_grey_dotrule.png) 0 0 repeat-x;
	padding-top: 14px;
	margin-top: 12px;
}
div#home_content_right li {
	background: url(../images/interface/sq_grey_bullet.png) 0 5px no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
}
div#home_content_right li a.title {
	text-transform: uppercase;
	display: block;
	font-weight: bold;
}
div#home_content_right li span {
	display: block;
}
div#home_content_right a.more {
	display: block;
	background: url(../images/interface/dk_grey_dotrule.png) 0 0 repeat-x;
	padding: 10px 0;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 95%;
}
div#home_content_right a.more:hover {
	text-decoration: none;
}

div#sidebar div.about.special {
  background: url(../images/interface/sidebar_special_bg.png) 0 100% repeat-x;
  padding: 0 0 0 8px;
  height: 214px;
}
div#sidebar h3.reversed {
  background: #f4f4ee;
  padding-bottom: 6px;
  color: #333;
  margin: -12px -12px 10px -12px;
}

div#subcontent div {
  float: left;
  width: 320px;
}
div#subcontent div h3 {
  font-size: 130%;
  padding-bottom: .5em;

}
div.alpha {
  margin-right: 20px;
}
div.alpha h3 {
  color: #c60;
}
div.beta h3 {
  background: url(../images/interface/dk_grey_dotrule.png) 0 100% repeat-x;
  margin-bottom: .2em; 
}
div.beta div.almost_a_list { /* yeah, this should be an <ol> but the styling is a nightmare that way */
  margin-bottom: 5px;
}
div.beta div.almost_a_list a {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  font-size: 120%;
  background-color: #F3F4EE;
  margin-bottom: 5px;
  padding: 5px;
  font-weight: bold;
}
div.beta h3 {
  color: #999;
}
span.circle_plus {
  display: block;
  float: left;
  background: url(../images/interface/circle_plus.png) 100% 0 no-repeat;
  padding-right: 20px;
  margin-right: 10px;
  min-height: 16px;
}
div#sidebar div.thumb {
  float: left;
  width: 106px;
  margin: 2px;
  height: 150px;
}
div#sidebar div.thumb img {
  padding: 5px;
}
div#sidebar div.thumb .name {
  display: block;
  height: 30px;
  overflow: hidden;
}
div.functions {
  clear: both;
}
div.functions a {
line-height: 1.5;
  padding-bottom: 3px;
}
div#sidebar h4.allcaps {
  color: #c60;
  text-transform: uppercase;
  font-size: 105%;
}
div#sidebar div.videos dl {
  background: none;
}
div#sidebar div.videos dl img {
  padding: 1px;
  border: 1px solid #999;
}
div#sidebar div.videos dt, div#sidebar div.videos dd {
  margin-left: 98px;
}
div#sidebar div.videos dd.thumb {
  margin-left: 0;
}

/* rest in place */

.rest_in_place input[type="text"] {
  padding: 2px;
  font-size: .9em;
}

.rest_in_place input.save {
  font-weight: bold;
  width: 4em;
} 

a.edit.edit-in-place {
  margin-left: 8px;
}

table.admin-table th {
  padding: 5px;
  background-color: #efefef;
}

table.admin-table td {
  padding: 5px;
  border: 1px solid #efefef;
}

body.print {
  background-image: none;
}

body.print, body.print div#wrapper, body.print div#wrapper div.subwrap, body.print div#footer {
  background-image: none;
  border: none;
} 

body.print div#content {
  width: 980px;
}
input#design_asset_left {
	margin-right: 5px;
}
input#design_asset_right {
	margin: 0 5px;
}
/* LEARNING CENTER TIPS ------------------------------- */
div.lc_tips {
	border: 1px solid #dedede;
	padding: 5px 5px 10px 5px;
	margin-bottom: 10px;
}
div.lc_tips div.tips_header {
	background-color: #DDF0F7;
	padding: 6px 8px 4px 12px;
	margin-bottom: 10px;
}
div.lc_tips div.tips_header h4 {
	background: url(../images/interface/lc_tips_qmark_icon.png) 0 0 no-repeat;
	padding: 3px 10px 3px 30px;
	font-size: 120%;
	min-height: 18px;
	float: left;
}
div.lc_tips div.tips_header h4 span {
	font-weight: normal;
}
div.lc_tips div.tips_header a.close {
	float: right;
	display:block;
	padding: 0 3px 3px 20px;
	margin-top: 5px;
	background: url(../images/interface/close_icon.png) 0 0 no-repeat;
	font-size: 90%;
}
div.lc_tips div.tips_content {
	padding: 0 10px;
}
div#content div.lc_tips div.tips_content a {
	text-decoration: underline;
}
div#content div.lc_tips li {
	margin-bottom: .5em;
}
div.lc_tips div.dont_show {
	text-align: right;
	font-size: 90%;
	margin-top: -2em;
}
div.lc_tips div.dont_show a {
	color: #999;
}
/* CREATE LEARNING CENTER ---------------------------------- */
div#create_lc {
  background-color: #F4F4EE;
  padding: 10px;
  position: relative;
}
div#create_lc form {
  background-color: #fff;
  padding: 6px 18px 45px 18px; 
}
div#create_lc div.unit {
  width: 125px;
  padding: 0 14px 0 18px;
  background: url(../images/interface/lt_grey_dotrule_vertical.png) 0 0 repeat-y;
  float: left;
  margin-bottom: 25px;
  min-height: 13em;
}
div#create_lc div.unit.first {
  padding-left: 0;
  background: none;
}
div#create_lc div.unit img {
  display: block;
}
div#create_lc div.unit input {
  float: left;
  margin: 10px 5px 0 0;
}
div#create_lc div.unit label {
  display: block;
  float: left;
  font-weight: bold;
  margin: 10px 0;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
}
div#create_lc h3 {
  margin: .5em 0 .8em 0;
}
div#create_lc h3 span {
  color: #CD6703;
}
div#create_lc p {
  font-size: 85%;
  clear: both;
}
input#create_button {
  float: left;
}
div#teachers_only {
  float: right;
  width: 290px;
}
div#teachers_only h4 {
  font-size: 110%;
  color: #666666;
  margin-bottom: 3px;
}
div#teachers_only div.bordered {
  border: 1px solid #ddd;
  padding: 10px;
}
div#teachers_only label {
  display: block;
  float: left;
  text-align: right;
  font-size: 90%;
  font-weight: bold;
  width: 8em;
  margin: 2px 5px 10px 0;
}
/* NO RESOURCES POPUP ------------------------- */
div#no_resources {
  border: 1px solid #ccc;
  padding: 10px 12px;
  min-height: 415px;
}
div#no_resources h3 {
  background: #DDF0F7 url(../images/interface/exclaim_blt.gif) 16px 6px no-repeat;
  padding: 9px 10px 6px 42px;
  min-height: 20px;
  font-weight: normal;
}
div#no_resources div {
  padding: 10px 15px;
}
div#no_resources ul li {
  padding-left: 15px;
  background: url(../images/interface/sq_grey_bullet.png) 0 5px no-repeat;
  margin-bottom: 5px;
}
div#no_resources a.close_window {
	float: right;
	color: #999;
}
/* COMMENTS MODERATION PAGE ----------------------------- */

body.wide_content div#wrapper div.subwrap {
	background: #fff;
}
body.wide_content div#content {
	width: 100%;
	float: none;
	padding-bottom: 20px;
}
body.wide_content div#bookend {
	display: none;
}
div#comments_mod {
	clear: both;
	margin-top: -20px;
}	
div#comments_mod div.subwrap {
	background: #fff;
	border: 7px solid #E9F7FA;
	min-height: 0;
	padding: 1px;
	clear: both;
}
div#comments_mod ul.paginator {
	float: right;
	width: 400px;
	color: #666666;
	text-align: right;
	height: 1em;
	font-weight: bold;
	clear: both;
	margin: 5px 0;
}
div#comments_mod ul.paginator a {
	font-weight: normal;
}
div#comments_mod ul.paginator li {
	display: inline;
	background: none;
	padding: 0 1px 0 0;
}
div#comments_mod ul.paginator .next {
  padding-right: 12px;
  background: url(../images/interface/raquo_blue.png) 100% 5px no-repeat;
}
div#comments_mod ul.paginator .prev {
  padding-left: 12px;
  background: url(../images/interface/laquo_blue.png) 0 5px no-repeat;
}
div#comments_mod table {
	width: 100%;
}
div#comments_mod table th {
	text-align: left;
	text-transform: uppercase;
	background: #ccc url(../images/interface/th_underscore.png) 0 100% repeat-x;
	padding: 5px 10px 9px;
	font-size: 90%;
}
div#comments_mod table td {
	background-color: #f6f6f6;
	padding: 9px 10px;
	vertical-align: top;
}
div#comments_mod table tr.alt td {
	background-color: #eaeaea;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }