/**************************************
 * THEME NAME: moodlerooms
 *
 * Files included in this sheet:
 *
 *   moodlerooms/styles_moodlerooms.css
 *   moodlerooms/width.css
 **************************************/

/***** moodlerooms/styles_moodlerooms.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;
  /* background: #FFA900 url(pix/bg.png) repeat-x;*/
}

.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
    background: #FFFFFF;
}

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

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

#heading-hr {
  display: none;
}

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

/**
 * Footer Styles
 **/

#footer .sitelink,
#footer .helplink,
#footer .homelink {
  display: none;
}

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

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

a:hover {
  color: #DB5004; // #FFA900;
  /*text-decoration: underline; Main site has this, but may make things too ugly in other areas */
}

.navbar .breadcrumb a,
.navbar .breadcrumb a:link,
.navbar .breadcrumb a:active{
  color: #666666;
}
.navbar .breadcrumb a:hover {
  color: #DB5004; // #FFA900;
}
.block_admin_tree a:link,
.block_admin_tree a:visited {
  color: #666666;
}
.block_admin_tree a:hover {
  color: #DB5004; // #FFA900;
}

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

/**
 * 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: 10px;
}

.tabrow0 a {
  color: #666666;
  font-size: 105%;
  font-weight: bold;
  line-height 1.13em;
  border-top: 1px solid #AAA;
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-bottom: 0px;
  background: transparent url(pix/tab/main.gif) repeat-x left top;
  padding:8px 0pt 0.22em 13px;
}

.tabrow0 a span {
  background: transparent url(pix/tab/main.gif) repeat-x right top;
  padding:8px 14px 0.20em 0px;
}

/* Hover Styles */
.tabrow0 .last a:hover,
.tabrow0 a:hover {
  background: transparent url(pix/tab/hover.gif) repeat-x left top;
  border-top: 1px solid #AAA;
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-bottom: 0px;
  color: #FFFFFF;
  text-decoration: none;
}

.tabrow0 .last a:hover span,
.tabrow0 a:hover span {
  background: transparent url(pix/tab/hover.gif) repeat-x left top;
}

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

.tabrow0 .here a:hover span {
  background: transparent url(pix/tab/main.gif) repeat-x left top;
}

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

.tabrow0 div,
.tabrow0 ul {
  background: #E9E9F1; // #FFE4AF;

}

/* 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: #666666;
  text-decoration: none;
}
ul.tabrow1 li.last a:hover,
ul.tabrow1 li a:hover {
    border:0px;
}
.tabrow0 ul li.here a:hover span {
  color: #444;
}

/* Header tabs */
.header-tabs .tabtree {
  margin-top: 0;
  background: transparent url(pix/tab/main.gif) repeat-x top left;
  border-bottom: 1px solid #AAA;
  padding: 8px 0px 3px 0px;

  /* 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 -1px 0;
}

#header-tabs .tabrow0 {
  padding-bottom: 0;
  text-align: left;
  line-height: normal;
  margin-top: 0;
}

#header-tabs .tabrow1 {
  display: none;
}

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

/**
 * 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: #666666;
  text-transform: uppercase;
}

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

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

.mod-pagemenu .menutree .menuitem {
  padding-left: 5px;
  border-bottom: 1px solid #AAA;
}

.mod-pagemenu .menutree .childtree {
  margin-left: -5px;
}

.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: #666666;
}

/* Crazy styles to have a light blue bar for the current menu item */
.mod-pagemenu .menutree li.current {
  background-color: #E9E9F1; // #FFE4AF;
//  background: transparent url(pix/tab/hover.gif) repeat-x left top;
}

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

.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: #FFE4AF;
  background: transparent url(pix/tab/main.gif) repeat-x left top;
  color: #666666;
  margin: -4px -4px -4px -4px;
  padding: 4px;
}
.sideblock div.header {
  padding-top: 4px;
//  border-color: #AAAAAA;
  border: none;
}

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

.sideblock div.header .title .commands img {
  height: 11px;
  width: 11px;
}

.sideblock .content {
  background-color: #F9F9FC; // #F7F7FA; #FFFFFF; #FCFCFC;
  border-color: #DDDDDD; // #AAAAAA;
}

.sideblock .hide-show a {
  border: none;
}

/* List blocks */
.sideblock .content ul.list li {
  padding-top: 2px;
  padding-bottom: 2px;
 border-color: #DDDDDD; // #AAAAAA;
}

.generalbox{
	border-color: #F9F9FC; // #DDDDDD; #AAAAAA;
	background-color: #F9F9FC; // #F7F7FA;  
}

/* 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;
    padding: 10px;
  background-color: #F9F9FC; // #F7F7FA;
}

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

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

div.yuimenu {
  border-top: 1px solid #AAA;
  border-left: 1px solid #AAA;
  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: #FFE4AF;
}

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

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

div.yuimenu .yuimenuitem a.yuicurrent,
div.yuimenu .yuimenuitem a.yuicurrent:hover {
  text-decoration: none;
  color: #666;
  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%;
}

.yuimenuitem a.selected,
.yuimenubaritem a.selected {

    background-color: #FFE4AF;
    text-decoration:underline;
    color:#fffFFF;

}

.yuimenuitemlabel {
    padding: 2px 24px 2px 3px;
    outline:none;
}/***** moodlerooms/styles_moodlerooms.css end *****/

/***** moodlerooms/width.css start *****/

/***
 *** This CSS File scales a moodlerooms page to the monitor size
 ***/

/**
 * Page Styles
 **/
#layout-table.format-page {
  width: 100%;
}/***** moodlerooms/width.css end *****/