/**************************************
 * THEME NAME: flex_mrooms
 *
 * Files included in this sheet:
 *
 *   flex_mrooms/styles_flex_mrooms.css
 **************************************/

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

#heading-hr {
  display: none;
}

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

/**
 * Footer Styles
 **/

#footer .sitelink,
#footer .helplink,
#footer .homelink {

}

#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;
}

.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: 5px;
}

.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 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%;
}


/***** flex_mrooms/styles_flex_mrooms.css end *****/