/**************************************
 * THEME NAME: trapper_ed-page
 *
 * Files included in this sheet:
 *
 *   trapper_ed-page/styles_flex_mrooms.css
 **************************************/

/***** trapper_ed-page/styles_flex_mrooms.css start *****/

/***
 *** General CSS File
 ***/

body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 85%;
  padding: 10px;  /* This helps the dropdown menus to line up */
  background-color: #FFFFFF;
}

/**
 * Header Styles
 **/
#header-home .headermain,
#header .headermain {
  display: none;
}

#header-home,
#header {
  background: transparent url(pix/header.png) no-repeat left top;
  height: 104px;
}

#heading-hr {
  display: none;
}

.navbar .breadcrumb {
  margin-top: .8em;
}

/**
 * Footer Styles
 **/

#footer .helplink,
#footer .homelink {

}

#footer .sitelink {
	display:none;	
}

#footer .logininfo {
  text-align: right;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 5px;
  font-size: 90%;
}

/**
 * Link colors
 **/
a:link,
a:visited{
  color: #000000;
  /*text-decoration: underline; Main site has this, but may make things too ugly in other areas */
}
a:hover {
color: #CC3300;
}

a.dimmed:link,
a.dimmed:visited {
color:#AAAAAA;
}

.navbar .breadcrumb a,
.navbar .breadcrumb a:link,
.navbar .breadcrumb a:active{
  color: #000000;
}
.navbar .breadcrumb a:hover {
    color: #CC3300;
    }
.block_admin_tree a:link,
.block_admin_tree a:visited,
.block_admin_tree a:hover {
  color: #444444;
}

span.button,
span.button input,
span.button a:link,
span.button a:visited,
span.button a:active {
  color: #000000;
}

/**
 * Heading colors
 **/
h1, h1.main,
h2, h2.main,
h3, h3.main,
h4, h4.main,
h5, h5.main,
h6, h6.main {
  color: #424E53;
}

/**
 * Tabs
 **/
.tabtree {
  margin-top: 15px;
}

.tabrow0 a {
  color: #444444;
  font-size: 105%;
  font-weight: bold;
  line-height 1.8em;
}

.tabrow0 a {
  background: transparent url(pix/tab/left.gif) no-repeat left top;
}

.tabrow0 a span {
  background: transparent url(pix/tab/right.gif) no-repeat right top;
}

/* Hover Styles */
.tabrow0 .last a:hover,
.tabrow0 a:hover {
  background-image: url(pix/tab/left_hover.gif);
  color: #FFFFFF;
  text-decoration: none;
}

.tabrow0 .last a:hover span,
.tabrow0 a:hover span {
  background-image: url(pix/tab/right_hover.gif);
}

.tabrow0 .here a:hover {
  background-image: url(pix/tab/left.gif);
}

.tabrow0 .here a:hover span {
  background-image: url(pix/tab/right.gif);
}

.tabrow0 .here a,
.tabrow0 .here a:hover {
  color: #444;
  text-decoration: none;
}

/* Sub tab link coloring */
ul.tabrow1 li a,
ul.tabrow1 li a:link,
ul.tabrow1 li a:visited,
.tabrow0 ul li a:hover span,
.tabrow0 ul a {
  color: #444444;
  text-decoration: none;
}

.tabrow0 ul li.here a:hover span {
  color: #444;
}

/* Header tabs */
.header-tabs .tabtree {
  margin-top: 0;
  background: transparent url(pix/tab/right.gif) no-repeat top right;
  padding-top: 6px;

  /* Fixes overlap problem with navbar */
  position: relative;
  z-index: 0;
}

/* Keeps top of navbar visible */
.navbar {
  position: relative;
  z-index: 1;
}

.header-tabs {
  margin: 0 0 -2px 0;
}

#header-tabs .tabrow0 {
  padding-bottom: 0;
  text-align: left;
}

#header-tabs .tabrow1 {
  display: none;
}
 #site-index .header-tabs {
  margin-bottom: 10px;
}

#site-index .header-tabs .tabtree {
  border-bottom: 1px solid #DDDDDD;
  height: 20px;
}
/**
 * Format Page
 **/

.format-page {
  margin-left: 0;
}

/**
 * Page menu
 **/

.mod-pagemenu .menutree {
  padding-left: 0;
}

.mod-pagemenu .menutree,
.mod-pagemenu .menutree .childtree {
  list-style-type: none;
}

.mod-pagemenu .menutree .menuitem a {
  color: #444444;
  text-transform: uppercase;
  padding-left: 0px;
}

.mod-pagemenu .menutree .childtree .menuitem a {
  text-transform: none;
}

.mod-pagemenu .menutree .menuitem a:hover {
  text-decoration: none;
}

.mod-pagemenu .menutree .menuitem {
  border-bottom: 1px solid #ACC2CD;
}

.mod-pagemenu .menutree .childtree .menuitem {
  border-bottom: none;
}

.mod-pagemenu .menutree .menuitem a.current,
.mod-pagemenu .menutree .menuitem a.current:hover {
  font-weight: bold;
  color: #444444;
}

/* Crazy styles to have a light blue bar for the current menu item */
.mod-pagemenu .menutree li.current {
  background-color: #DDE6EB;
}

.mod-pagemenu .menutree li.current .childtree {
  margin-bottom: -3px;
}

.mod-pagemenu .menutree .menuitem li a {
	padding-left: 0px;
}
.mod-pagemenu .menutree li.current .childtree,
.mod-pagemenu .menutree li.current .childtree .menuitem {
  background-color: #FFFFFF;
}

/**
 * Blocks
 **/

/* OK, weird setup, but makes it so no background behind edit widgets so it looks mucho nicer */
.sideblock div.header .title h2 {
  background-color: #999999;
  margin: -4px -4px -4px -4px;
  padding: 4px;
}

.sideblock div.header .title .commands {
  margin-top: 7px;
}

.sideblock div.header .title h2 {
  color: #FFFFFF;
}

.sideblock .content {
  background-color: #FFFFFF;
}

/* No border for module type blocks */
.block_page_module .content,
.block_page_module .header,
.block_page_module h2.header {
  border: none;
}

.block_page_module .content {
  padding-left: 0;
  padding-right: 0;
}

/* Forum Block Fix */
.mod-forum.sideblock th.header {
  border-style: none;
}

/**
 * YUI Drop-down menu
 **/

div.yuimenu {
  border-top: 1px solid #C9CBCD;
  border-left: 1px solid #C9CBCD;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 0;
}

div.yuimenu ul {
  padding: 0;
}

/* Rollover color */
div.yuimenu li.selected,
div.yuimenubar li.selected {
  background-color: #D5E0E6;
}

div.yuimenu .yuimenuitem a {
  color: #444444;
}

div.yuimenu li.selected a.selected {
  color: #444444;
  text-decoration: none;
}

div.yuimenu .yuimenuitem a.yuicurrent,
div.yuimenu .yuimenuitem a.yuicurrent:hover {
  text-decoration: none;
  color: #444444;
  font-weight: bold;
}

div.yuimenu li.yuimenuitem {
  border-bottom: 1px solid #D5E0E6;
  display: block;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 90%;
}

div.yuimenu li.yuilastmenuitem {
  border-bottom: none;
}

div.yuimenu .yuichildtree .yuimenuitem {
  font-size: 100%;
}

/* Modified Glossary Link */

a.autolink:link, a.autolink:visited {
	background-color: transparent;
	text-decoration: underline;
}

a.autolink:hover {
	background-color: #DDDDDD;
}

/* Photo Caption */

.block_html .content {
	float: left;
}

.photo-wrap {
	float: right;
	border-left: solid 1px #dddddd;
	margin: 0 6px 10px 10px;
}

.photo-wrap .photo {
	float: none;
	border-left: none;
	margin-left: 0;
}

.photo {
	border-left: solid 1px #dddddd;
	margin: 0 6px 15px 10px;
	padding: 6px 0 0 10px;
	float: right;
}

.photo img {
	border: none;
}

.photo.no-photo {
	padding-top: 0;
}

.photo .credit, .article-photo .credit {
	font-size: 10px;
	color: #666666;
	text-align: right;
}

.photo .credit p, .article-photo .credit p, .photo p.credit, .article-photo p.credit {
	line-height: normal;
	margin: 0;
	font-style: italic;
}

.photo .caption p, .photo p.caption {
	line-height: normal;
	margin: 6px 0 6px 0;
}

table .directions td.desc {
	width: 200px;
	vertical-align:top;
	padding-bottom: 20px;
}

table .directions td {
	padding: 0 20px;
}

table .directions td p {
	margin: 0;
	padding: 0;
}

table .diretions td.image {
	vertical-align:baseline;
}

td.trap, td.description {
	text-align: center;
}

/*********************************
 *  STYLES FOR THE FEEDBACK DIV 
 *  AT THE END OF A QUIZ
 ********************************/
.passingDiv {
	border: 2px double #56bf16;
	background-color:#ddedd3;
	padding: 20px;
	text-align: center;
}

.failingDiv {
	border: 2px double #ff0000;
	background-color:#ffdce2;
	padding: 20px;
	text-align: center;
}

h2.passed {
	color: #56bf16;
	font-size:30px
}

h2.failed {
	color: #ff0000;
	font-size:30px
}

.coursebox .summary {
  /*float: right; */
  text-align:left;
  width: 98%;  /* was 48% */
  padding:5px;
}

.coursebox .info {
 /*float: left; */
  text-align:left;
  width: 98%; /* was 48% */
  padding:5px;
}

.bmpContainer {
	float:left; 
	margin-bottom:10px; 
	width:800px;
}

div .goRight{
	float:right;
	width:200px;
	padding-left: 10px;
}

div .goLeft{
	float:left;
	width:200px;
	padding-right: 10px;
}

a.blueLink {
	text-decoration:underline;
	color:blue;
}

ol .boldNumbers
{
	font-weight: bold;
}
a.emaillink
{
	text-decoration:underline;
	color:#cc3300;
}/***** trapper_ed-page/styles_flex_mrooms.css end *****/