/* This is the site wide CSS */
blockquote {
  white-space: pre;
}

.code {
  font-family: monospace;
  white-space: pre;
  background-color: #eff;
  border: 1px solid #999;
  padding: 10px;
  overflow: auto;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-family: Georgia, serif;
color: #440;
}

.article {
  font-family: Georgia, serif;
  line-height:1.7em;
  font-size: 1.0em;
}

.imgleft {
  float: left;
  padding:10px 10px 0 0;
}

#console {
  height: 100px;
  overflow: auto;
}
#sidebar{
  border-left:1px solid #EEEEEE;
}

.navigation { background-color: #fff; height: 2em; border-bottom: 1px solid #999;}

/* Essentials - configure this */

.dropmenu ul { width: 10em; }
.dropmenu ul ul { left: 10.1em; }

/* Everything else is theming */

.dropmenu { background-color: #FFF; height: 2em; display: inline-block;}
.dropmenu *:hover { background-color: none; }
.dropmenu a { border-right: 1px solid white; color: #999; font-size: 1em; padding: 0.5em; line-height: 1; }
.dropmenu li { width: 10em; }
.dropmenu li.hover a { background-color: #efe; color: #000; }
.dropmenu ul { top: 2.1em; }
.dropmenu ul li a { background-color: #fff; }
.dropmenu ul a.hover { background-color: #fff; color: #000;}
.dropmenu ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }

.dropmenu.login { float: right;}
.dropmenu.admin { float: right;}

.footerMenu .dropmenu.login { float: none; }
.footerMenu .dropmenu.admin { float: none; }

/* footerMenu */
.footerMenu {text-align: center; padding: 10px 0;}
.footerMenu .dropmenu { display: inline-block; background-color: #FFF; height: 2.0em; text-align: left;}
.footerMenu .dropmenu ul { top: 2.1em; width: 8em; border-left: 1px solid #aaa;}
.footerMenu .dropmenu ul ul { left: 8.1em; top: -1.1em; }
.footerMenu .dropmenu *:hover { background-color: #fff; }
.footerMenu .dropmenu a { border-left: 1px solid #aaa; color: #aaa; font-size: 1em; padding: 0.5em; line-height: 1; }
.footerMenu .dropmenu li.hover a { background-color: #fff; }
.footerMenu .dropmenu ul li a { background-color: #fff; }
.footerMenu .dropmenu ul a.hover { background-color: #fff; }
.footerMenu .dropmenu ul a {border: none;}
/* sidebar menu */

.sidebarMenu {
    background: white;
    color: #999;
    width: 10em;
    margin: 1em;
}

.sidebarMenu .short {
    display: none;
}

.sidebarMenu ul {
    margin: 0;
    padding: 0;
}

.sidebarMenu ul li{
    list-style: none;
    background: white;
    display: block;
    text-align: left;
    padding: 0.5em;
}

.sidebarMenu ul li ul li {
    border: none;
}

.sidebarMenu ul li:hover,
.sidebarMenu ul li:hover ul li:hover
{
/*    background-color: #ddd; */
}

.sidebarMenu a:hover
{
    color: black;
}

.sidebarMenu li:hover ul li a
{
/*    background-color: white; */
}

.sidebarMenu a,
.sidebarMenu li ul li a{
    color: #999;
    font-size: 1em;
    line-height: 1;
    text-decoration: none;
    display: block;
    background:transparent url('/images/icons/silk/bullet_black.png') no-repeat scroll left center;
    padding-left: 20px;
}

.sidebarMenu li ul{
    background: white;
    color: white;
    width: 10em;
    margin-left: 1em;
    margin-top: 0;
    display: block;
}

.sidebarMenu li:hover ul{
    display: block;
}

.sidebarMenu li:hover li ul
{
    display: block;
}

.sidebarMenu li:hover li:hover ul
{
    display: block;
}

.harness {
  display: inline-block;
  color: lightgray;
  font-size: 3em;
  padding-left: 65px;
}
.logo img{
  vertical-align: middle;
  padding: 0 10px;
}
#ft {
  border-top: 1px solid #999;
  margin-top: 30px;
}
.pad {
  padding: 10px;
}
.floatLeft {
  float: left;
}
.tip {
  float: left;
  margin: 10px;
  padding: 10px;
  background: #ffe26e;
}
.quote {
  margin-left: 20px;
  padding: 10px;
  background: #ddd;
}
.red {
  color: red;
}
.section {
  font-size: 2em;
  border-bottom: 1px solid #CCC;
}
.toggleCode {
    background: url(../images/icons/expand.png) no-repeat left;
    padding-left: 20px;
    cursor: pointer;
}
.toggleCode:hover {
    background: #eee url(../images/icons/expand.png) no-repeat left;
    padding-left: 20px;
    cursor: pointer;
}

.important {
  background:#F1FEFF url(/images/icons/silk/information.png) no-repeat scroll 5px 10px;
  border:1px solid #FAAAC4;
  font-family:sans-serif;
  padding:5px 5px 5px 25px;
}