.roots_home_cube {
  border-top: 1px grey solid; 
  border-left: 1px grey solid; 
  border-right: 3px grey solid; 
  border-bottom: 3px grey solid; 
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 8px;
}

#roots_logobar, #roots_top {
  position:absolute; left:8px; top:8px; right:8px; height:110px;
  background-color:#ffffff;
}

#roots_logo1 {
  position:absolute; left:10px; top:10px;
}

#roots_logo2 {
  position:absolute; left:16px; top:16px;
}

#roots_bottom {
  position:absolute; left:8px; top:120px; right:8px;
  background-color:#ffffff;
}

#roots_sidebar {
  position:absolute; left:0px; top:1px; width:160px; height:1492px;
  background-color:#444444;
}

#roots_content, #roots_document {
  position:absolute; left:161px; top:1px; height:1492px;
  background-color:#ffffff;
  overflow:scroll;
}

.gt_footer {
  position:absolute; left:8px; right:8px; top:1602px;
}

#roots_menubar {
  position:absolute; left:10px; top:74px; right:10px; height:32px;
  background-color:#E5E2C3;
  border-radius:4px;
}

#roots_menubar_buttons {
  position:absolute; top:6px; height:28px;
}

.roots_menubar_sec {
  display: inline; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; 
  border-radius:4px;
}

.roots_menubar_item {

}

#menubar_item_0 {
  background-color:#656565; margin-left:8px;
}

#menubar_item_1 {
  background-color:#9e6265;
}

#menubar_item_2 {
  background-color:#346633;
}

#menubar_item_3 {
  background-color:#9b9a64;
}

#menubar_item_4 {
  background-color:#63629b;
}

#menubar_item_5 {
  background-color:#336699;
}

#menubar_item_6 {
  background-color:#966231;
}

a.roots_menubar_item:link, a.roots_menubar_item:visited, a.roots_button_bar_item:link, a.roots_button_bar_item:visited {
  text-decoration:none; color:white;
}

a.roots_menubar_item:active,a.roots_menubar_item:hover, a.roots_button_bar_item:active,a.roots_button_bar_item:hover {
  text-decoration:none; color:silver;
  background-color: #666699; 
}

#roots_corner {
  position:absolute; top:16px; right:24px;
}

#document_content {
  padding:16px;
}

#related_feature {
  padding:6px; border: thin #aaaa99 dashed; 
  margin-left:16px; margin-right:16px; margin-bottom:6px;
  background-color: #ccddcc;
  border-radius:4px;
}

#related_feature p {
  margin:0px;
}

#related_feature ul {
  margin:0px; padding-left:0px; padding-top:0px; padding-bottom:0px;
}

#sidebar_content {
  padding:8px;
}

#roots_footer {
  padding:8px;
}

#roots_tail {
  margin-top:64px;
  padding:16px;
}

.roots_search {
  margin-bottom:24px;
}

#roots_search_ancestor {
  margin-top:4px; background-color:#ddddcc; padding:8px;
  border-radius:4px;
}

#roots_search_resource {
  margin-top:16px; background-color:#ddccdd; padding:8px;
  border-radius:4px;
}

.roots_sidebar_menu {
  padding-top:24px;
}

.roots_sidebar_sec {
  height:24px; padding-top:2px; border-bottom: 2px #ffffff solid;
}

.roots_sidebar_mobile {
  background-color:steelblue; height:24px; padding-top:2px; border-bottom: 2px #ffffff solid;
}

.roots_sidebar_item {
  font:84%/1.4em Trebuchet MS,Arial,Verdana,Sans-serif;
}

a.roots_sidebar_item:link, a.roots_sidebar_item:visited {
  text-decoration:none; color:white;
}

a.roots_sidebar_item:active,a.roots_sidebar_item:hover {
  text-decoration:none; color:yellow; background-color: #666699; 
}

.gt_sidebar_ad {
  padding-top:16px;
  margin-left: 10px;
}

.gt_sidebar_reco {
  color:cyan;
  padding-top:16px;
  padding-bottom:8px;
}

.roots_helper_icons {
  padding-top:8px; 
}

#roots_helper_icon_1 {
  margin-bottom:22px; 
}

#roots_helper_icon_2 {
}

#roots_helper_icon_3 {
  margin-bottom:22px; 
}

.roots_icons {
  margin-top:16px; background-color:white; padding-left:4px; padding-top:4px;padding-bottom:4px; 
  border-radius:4px;
}

.roots_doc {
    padding: 8px;
    line-height: 1.4285;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.roots_doc_nodash {
  padding-top:6px; padding-bottom:6px; 
}

@media screen and (max-width: 801px) {
    #roots_corner {
        display: none;
    }
}

@media screen and (max-width: 641px) {
    #roots_sidebar {
        display: none;
    }

    #roots_content, #roots_document {
      position:absolute; left:0px; top:0px; height:1492px;
    }
}


@media screen and (max-width: 512px) {
    #roots_menubar {
        display: none;
    }
}


@media screen and (max-width: 481px) {
    #roots_logobar, #roots_top {
      position:absolute; left:0px; top:0px; right:0px; height:42px; padding:4px;
    }

    #roots_logo1 {
      position:absolute; left:2px; top:2px;
    }

    #roots_logo2 {
      position:absolute; left:2px; top:2px;
    }

    #roots_bottom {
      position:absolute; left:0px; top:43px; right:0px;
    }
}

@media print {

  #roots_menubar { display: none }
  #roots_sidebar { display: none }
  #sidebar_content { display: none }
  #google_ad { display: none }
  #icon_legend { display: none }

  #kernel_footer { display: none }
  #roots_tail { display: none }
  #roots_timer { display: none }
  #footer_menu { display: none }
  #roots_corner { display: none }
  #roots_button_bar { display: none }

  #roots_bottom {
    position:absolute; left:0px; top:61px;
  }

  #roots_document, #roots_content {
    position:absolute; left:0px; top:61px; width:95%; padding: 12px; padding-right:16px; padding-top:16px; border-left: none; border-top: none;
  }

  #roots_logobar {
    position:absolute; left:0px; top:12px; height:60px; border-bottom: black;
  }

  #roots_footer {
    margin-top:32px;
  }

  .roots_sec_dash {
    padding:12px; border: none;
  }

  .roots_display_only { display: none }

}