/* $Id: zen.css,v 1.14 2008/09/15 10:36:22 johnalbin Exp $ *//*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal6-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 
 *
 *   Book Navigation  See line 74  of Zen's drupal6-reference.css file
 *   Forum            See line 197 of Zen's drupal6-reference.css file
 *   Menus            See line 667 of Zen's drupal6-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal6-reference.css file
 *   Polls            See line 287 of Zen's drupal6-reference.css file
 *   Search           See line 320 of Zen's drupal6-reference.css file
 *   User Profiles    See line 945 of Zen's drupal6-reference.css file
 *//* Learning center specific styles */
#collagediv {
  width: 480px;
  text-align: center;
  margin: 0px;
  /*padding: 0px;*/
  text-indent: 0px;
}
#collagerotate {
  width:480px;
  text-align: center;
}
#collagediv img {
  margin-left: auto;
  margin-right: auto;
}
/** body **/


body {
  font: 13px arial, helvetica, clean, sans-serif;
  font-size: small;
  font: x-small;
  margin: 0;
  padding: 0;
  min-width: 900px;
}

#page {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #111;
  line-height: 1.5em;
  background-color: #fff;
  overflow: visible;
  width: 900px;
}

#logo/* Wrapper for logo */ {
  margin: 0 10px 0 0;
  padding: 0;
}

h1#site-name, div#site-name/* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

#site-name a:link, #site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover {
  text-decoration: underline;
}

#content-header {
  width: 100%;
  padding: 0em .5em 0em .5em;
  margin-bottom: 10px;
}

#content-top/* Wrapper for any blocks placed in the "content top" region */ {
 /* z-index: 10;*/
  float: right;
  padding-top: 3px;
  padding-right: 0em;
  padding-bottom: 0em;
  padding-left: 0em;
}

.breadcrumb a/* The path to the current page in the form of a list of links */ {
  padding-bottom: 5;/* Undo system.css */
  color: #689c67;
}

.help/* Help text on a page */ {
  margin: 1em 0;
}

.more-help-link/* Link to more help */ {
  font-size: 0.85em;
  text-align: right;
}

.pager/* A list of page numbers when more than 1 page of content is available */ {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a, .pager strong.pager-current {
  padding: 0.5em;
}

.feed-icons/* The links to the RSS or Atom feeds for the current list of content */ {
  margin: 1em 0;
}

.node-unpublished div.unpublished,/* The word "Unpublished" displayed beneath the content. */ .comment-unpublished div.unpublished {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word;/* A very nice CSS3 property */
}

.marker/* "New" or "Updated" marker for content that is new or updated for the current user */ {
  color: #c00;
}

.node .node-unpublished .picture, .comment .comment-unpublished .picture {
  position: relative;/* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node div.links/* Wrapper for node links */ {
  margin: 1em 0;
}

ul.links/* Taxonomy links, node links, comment links */ {
  margin: 0;
  padding: 0;
}

ul.links .inline {
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.preview .node/* Preview of the content before submitting new or updated content */ {
/* background-color: #ffffea; *//* Drupal core uses a #ffffea background */}
/** Drupal blocks **/

.block/* Block wrapper */ {
  margin-bottom: 1em;
}
/** Miscellaneous Drupal styles **/

.error/* Errors that are separate from div.messages status messages (see above.) */ {
/* color: #e55; *//* Drupal core uses a #e55 background */}

.warning/* Warnings that are separate from div.messages status messages (see above.) */ {
/* color: #e09010; *//* Drupal core uses a #e09010 background */}

.more-link/* Aggregator, blog, and forum more link */ {
  text-align: right;
}

#user-login-form/* Drupal's default login form */ {
  text-align: left;
}

tr.even, tr.odd/* Some tables have rows marked even or odd. See also the ".section-admin tr.even" declaration below. */ {
  border-bottom: none;
  padding: 20px;
}

tr.even {
 background-color: #fff; /* Drupal core uses a #eee background */}

tr.odd {
 background-color: #fff; /* Drupal core uses a #eee background */}

li a.active/* The active item in a Drupal menu */ {
  color: #000;
}
/** Drupal forms **/

.form-item,/* Wrapper for a form element (or group of form elements) and its label */ .form-checkboxes, .form-radios {
  margin: 1em 0;
}

.form-item input.error,/* Highlight the form elements that caused a form submission error */ .form-item textarea.error, .form-item select.error {
  border: 2px solid #c00;
}

.form-item label/* The label for a form element */ {
  display: block;
  font-weight: bold;
}

.form-item label.option/* The label for a radio button or checkbox */ {
  display: inline;
  font-weight: normal;
}

.form-required/* The part of the label that indicates a required field */ {
  color: #c00;
}

.form-item .description/* The descriptive help text (separate from the label) */ {
  font-size: 0.85em;
}

.form-checkboxes .form-item,/* Pack groups of checkboxes and radio buttons closer together */ .form-radios .form-item {
  margin: 0.4em 0;
}

.form-submit/* The submit button */ {}

.container-inline div, .container-inline label/* Inline labels and form divs */ {
  display: inline;
}

.tips/* Tips for Drupal's input formats */ {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}
/** OpenID **/
/* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */

#user-login-form ul/* OpenID creates a new ul above the login form's links. */ {
  margin-bottom: 0;/* Position OpenID's ul next to the rest of the links. */
}

#user-login-form li.openid-link,/* The "Log in using OpenID" links. */ #user-login li.openid-link {
  margin-top: 1em;
  margin-left: -20px;/* Un-do some of the padding on the ul list. */
  padding-left: 20px;
  background-position: left center;
}

#user-login-form li.user-link,/* The "Cancel OpenID login" links. */ #user-login li.user-link {
  margin-top: 1em;
  list-style-type: disc;
  list-style-position: outside;
}

#user-login li.openid-link,/* The OpenID links on the /user form. */ #user-login li.user-link {
  margin-left: -2em;/* Un-do all of the padding on the ul list. */
}
/** Drupal admin tables **/
/* We overrode these styles in html-elements.css, but restore them for the
   * admin section of the site.
   */

.section-admin tbody {
  border-top: 1px solid #ccc;
}

.section-admin th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

.section-admin tbody th {
  border-bottom: 1px solid #ccc;
}

.section-admin thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

#content-top .block {
  float: right;
  margin: 5 5 5 5;
  padding: 10 10 10 10;
  color: #000000;
  list-style: none;
  width: 175px;/* Width of Menu Items */
  text-transform: uppercase;
  font-size: 80%; 
}

#content-top {
  margin-top: 0px;
  width: 175px;
  max-width:200px;
}

.content-with-content_top .box {
  width: 500px;
}

.learningcenter_list_block li {
  margin-left: 20px;
}
/* Tables Style */

.views-table {
  width: 100%;
}

.views-table th {
  background-color: #EEEEEE;
}

.views-table td {
  padding: 5px;
  text-align: center;
  margin: 0px;
  border-bottom: 2px solid #000000;
  background-color: #ffffff;
}

ul.accordion {}



ul.accordion ul {
  margin-left: 10px;
}

ul.accordion {}

ul.accordion {}

.node-table {
  background-color: #FFFFFF;
}

.node-table td {
  background-color: #FFFFFF;
}

.node-table tr {
  background-color: #FFFFFF;
}

.node-table .even, .node-table .odd {
  background-color: #FFFFFF;
}


#collagediv {
	z-index: 0;
}

#content-area .park-specific-topics-product-list td {
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top: 10px;
}

#content-area .park-specific-topics-select-column .form-item .form-select{
	font-size: 95%;
}

.gobutton submit {
	float: right;
}
.relativity_add_child  .first {
	display: none;
}

/* Fix a problem where some links on left side were incorrect height. */
.block-nice_menus {
	line-height: 1.45em;
}

/* Fix background and font color for Project Contact block title. */
#block-views-project_contact-block_1 .block-inner h2.title {
	background-color: #FFFFFF;
	color:#000000;
	font-size: 13px;
	font-weight: bolder;
	font-family: arial, helvetica, clean, sans-serif;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/* adjust table display of subtopic thumbnails */
#block-views-subpages-block_2 table.views-view-grid {
width: 690px;
}

#block-views-subpages-block_2 .views-field-title {
padding: 0px;
text-align: center;
overflow: auto;
}

#block-views-subpages-block_2 .views-field-field-image-thumbnail-fid {
text-align: center;
}

td.col-1 {
width: 25%;
vertical-align: top;
}

td.col-2{
width: 25%;
vertical-align: top;
}

td.col-3 {
width: 25%;
vertical-align: top;
}

td.col-4 {
width: 25%;
vertical-align: top;
}


/** block-level elements **/
  p, ul, ol, dl, pre, table, fieldset, blockquote
  {
    margin: 1em 0;
  }

/** lists **/
  /* standardize list item indentation */
  ul, ol
  {
    margin-left: 2em;
    padding-left: 2em;
  }


  ul ul, ul ol,
  ol ol, ol ul,
  .block ul ul, .block ul ol,
  .block ol ol, .block ol ul,
  .item-list ul ul, .item-list ul ol,
  .item-list ol ol, .item-list ol ul
  {
    margin-left: 2em;
	padding-left: 2em;
  }
  
/*Set subproduct images and titles to centered*/
.views-field-field-image-thumbnail-fid{
text-align: center;
}

.views-field-field-product-title-value {
text-align: center;
}

/*Remove space between researcher title and body on Project Contact block*/
.node-type-researcher p{
margin: 0px;
}

/*Remove space between researcher title and body, and bold Researcher name on Researcher view page*/

.view-researchers .views-field-title {
font-weight: bold;
}

.view-researchers .views-field-body p{
margin: 0px;
}

.view-researchers .views-field-nid {
margin-top: 2px;
margin-left:15px;
margin-bottom: 25px;
}

.lcpst-topics-table {
	width: 100%;
}
}

/* Tool Tips */
.tooltip {
    border-bottom: 1px dotted #000000; color: #000000; outline: none;
    cursor: help; text-decoration: none;
    position: relative;
    }
	
.tooltip a {
	color:#000000;
	}
        
.tooltip span {
    margin-left: -999em;
    position: absolute;
    }
	
.tooltip:hover span {
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    position: absolute; left: 1em; top: 2em; z-index: 99;
    margin-left: 0; width: 320px;
    }
	
.tooltip:hover img {
    float: right;
    margin-right: 12px;
    margin-bottom: 12px;
    }

.tooltip:hover em {
    font-size: 1.2em; font-weight: bold;
    display: block; padding: 0.2em 0 0.6em 0;
    }
	
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #f5f5f6; border: 1px solid #6699cc; color:#000000; }
.classic a {color:#000000; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;    }
.help { background: #9FDAEE; border: 1px solid #2BB0D7;    }
.info { background: #9FDAEE; border: 1px solid #2BB0D7;    }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

.tooltipR {
    border-bottom: 1px dotted #000000; color: #000000; outline: none;
    cursor: help; text-decoration: none;
    position: relative;
    }

.tooltipR a {color:#000000;}

.tooltipR span {
    margin-left: -999em;
    position: absolute;
    }
	
.tooltipR:hover span {
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    position: absolute; left: -280px; top: 2em;
    z-index: 99;
    margin-left: 0; width: 280px;
    }
	
.tooltipR:hover img {float: right;margin-right: 12px;margin-bottom: 12px;}

.tooltipR:hover em {font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0;}

.product-grid-item {
	float:left;
	display: inline;
	padding-right: 5px;
	padding-top: 5px;
	width: 155px;
	word-wrap: break-word;
	margin: 0px;
	min-height: 260px;
}
.product-grid {
	width: 495px;
}
#collagediv {
  z-index: 0;
  position:relative;
}
.image-navigator {
  width: 100%;
}
.image-navigator .image-navigator-next {
  width: 15%;
}
.image-navigator .image-navigator-last{
  width: 15%;
}
.image-navigator .image-navigator-first {
  width: 15%;
}
.image-navigator .image-navigator-prev{
  width: 15%;
}