/**************************************
 * 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: #990000;

}



/**

 * 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: #112890;

  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 *****/