/* CSS style sheet for main page of buckranchllc.com */

/* **** Buck Ranch LLC main page style sheet **********************************/

:root {
  --main-page-background-color: #002010;
  --main-page-text-color: #D0D040;
  --main-page-default-font-family: Arial, Helvetica, sans-serif;
  --main-menu-background-color: #001000;
  --main-menu-item-color: #C0C0C0;
  --main-menu-item-select-color: #D0D040;
  --main-menu-item-font-size: 10pt;
  --main-menu-item-font-weight: bold;
  --dropdown-background-color: #205030;
  --dropdown-hover-background-color: #A7B0A7;
  --popup-content-color: #004000;
  --popup-button-background-color: #90A090;
  --popup-background-color: #A7B0A7;
  --popup-border-color: #205030;
  --popup-section-title-color: #000090;
}

html, body {height:100%;}

body {
  width: 100%;
  color: white;
  background-color: var(--main-page-background-color);
  text-align: center;	/* Hack for IE8 */
  margin: 0;
/*  overflow: hidden; */
}

/* **** Menu Bar and associated dropdown menus and menu items *****************/

#menuPanel {
  width: 100%;
  height: 20px;
  background-color: var(--main-menu-background-color);
  border-top-color: var(--main-page-text-color);
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-color: var(--main-page-text-color);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-family: var(--main-page-default-font-family);
  font-weight: var(--main-menu-item-font-weight);
  font-size: var(--main-menu-item-font-size);
  color: var(--main-menu-item-color);
  padding: 5px 0;
}

#menuBar {
  text-align: center;
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding-left: 0;
}

.menubar-item-left {
  float: left;
}

.menubar-item-right {
  cursor: pointer;
  float: right;
}

.menu-item {
  display: block;
  color: var(--main-menu-item-color);
  margin: 2px 4px 0 4px;
  padding: 0 1em;
  text-decoration: none; 
}

.menu-item:hover, menu-item:active {
  background-color: var(--dropdown-background-color);
  color: var(--main-menu-item-select-color);
}

.menu-item-select {
  display: block;
  color: var(--main-menu-item-select-color);
  margin: 2px 4px 0 4px;
  padding: 0 1em;
  text-decoration: none; 
  background-color: var(--dropdown-background-color);
  font-size: 12pt;
}

/*
.currentMenuItem:link, .currentMenuItem:visited {
  display: block;
  width: 40px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: var(--main-menu-item-select-color);
  text-align: center;
  padding: 0 1em;
  margin: 0 4px;
  margin-top: 0px;
  text-decoration: none; 
  text-transform: uppercase;
}

.currentMenuItem:hover, currentMenuItem:active {
}
*/

.dropdown-menu {
  overflow: hidden;
}

.dropdown-menu:hover .dropdown-content {
  display: block;
}

.dropdown-content {
  display: none;
  position: absolute;
  margin-left: 4px;
  padding-top: 6px;
  background-color: var(--dropdown-background-color);
  z-index: 9;
}

.dropdown-content a {
  color: var(--main-menu-item-color);
  padding: 6px 1em 6px 1em;
  text-decoration: none;
}

.dropdown-content a:hover {
  background-color: var(--dropdown-hover-background-color);
}

.dropdown-menu-panel {
  list-style-type: none;
  text-align: left;
  margin: 0;
  padding: 0;
}

.menu-panel-item {
  float: left;
  width: 600px;
}

.dropdown-menu-item {
  display: block;
  overflow: hidden;
  width: 600px;
}

.dropdown-menu-item:hover, .dropdown-menu-item:active {
  background: none;
  color: var(--main-menu-item-select-color);
}

.dropdown-menu-post button {
  width: 100%;
  background: none;
  color: var(--main-menu-item-color);
  font-family: var(--main-page-default-font-family);
  font-weight: var(--main-menu-item-font-weight);
  font-size: var(--main-menu-item-font-size);
  padding: 6px 1em 6px 1em;
  border: none;
  cursor: pointer;
  display: block;
  text-align: left;
}

.dropdown-menu-post button:hover {
  background-color: var(--dropdown-hover-background-color);
  color: var(--main-menu-item-select-color);
}

/* **** Pop-up modal dialog boxes and associated content **********************/

.popup {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}

.popup-content {
  color: var(--popup-content-color);
  font-family: var(--main-page-default-font-family);
  font-weight: bold;
  background-color: var(--popup-background-color);
  margin: 2em auto;
  padding: 0;
  border: 4px solid var(--popup-border-color);
  position: fixed;
  top: 2.5em;
  right: 1em;
}

.popup-content table {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
/*  border-style: solid; */
/*  border-color: cyan;  */
}

.popup-content button {
  color: var(--popup-content-color);
  background-color: var(--popup-button-background-color);
  font-family: var(--main-page-default-font-family);
  font-weight: bold;
  border-radius: 8px;
  margin: 0 auto;
  padding: 4px;
  vertical-align: middle;
}

.popup-content button:hover {
  background-color: var(--main-menu-item-color);
}

.popup-title {
  font-size: 14pt;
  padding-top: 0.5em;
}

.popup-section-title {
  color: var(--popup-section-title-color);
}

.popup-error {
  color: #C00000;
  margin-top: 1em
}

.text-input {
  float: left;
}

.text-input-label {
  float: right;
}

.select-input {
  float: left;
}

.select-input-label {
  float: right;
}

.submit-button {
   width: 50%;
}


/* **** Manage Users (admin-only) dialog box elements *************************/

#manageDialog {
  width: 25em;
}

.manage-radio {
  float: left;
  margin-bottom: .5em;
}

.manage-radio-label {
  float: left;
}

.manage-separator {
  margin: 1em 0;
}

/* **** User Account dialog box elements **************************************/

#accountDialog {
  width: 25em;
}

.account-info-label {
  width: 40%;
  text-align: right
}

.accountInfo {
  text-align: left
}

/* **** Login dialog box elements *********************************************/

#loginDialog {
  width: 20em;
}

#loginDialog input {
  float: right;
}

/*
.show {
  display: block;
}
*/

/* **** Main page content *****************************************************/

#pageTitle {
  width: 100%;
}

#titleImage {
  margin-left: 1em;
}

#titleText {
  font-size: 18pt;
  color: var(--main-page-text-color);
  margin-left: 2em;
  float: left;
}

/*
#loginID {
  margin:  0 1em 0 0;
}
#loggedIn {
  margin:  0 2em 0 0;
}
#loginPassword {
  margin:  0 1em 0 0;
}
.loginLabel {
}
.loginTextBox {
  font-family: Courier, monospaced;
  font-weight: bold;
  font-size: 10pt;
  background-color: #A0C0B0;
}
.loginButton {
  color: #FFFFFF;
  vertical-align: middle;
  background-color: #205030;
  border-color: #608060;
}
#accountButton, #accountButton img, #accountButtonDisabled {
  margin: 0 0 2px 0;;
  vertical-align: middle;
  border: none;
}
#redirectPanel {
  margin-top: 6em;
  margin-bottom: 6em;
  color: #A0A0A0;
}
*/

#pageFooter {
  position: fixed;
  width: 100%;
  height: 16px;
  bottom: 16px;
  text-align: center;
  margin: 1em auto 0 auto;
  font-size: 12pt;
  color: var(--main-page-text-color);
}

#serverInfo {
  position: fixed;
  bottom: 0;
  text-align: left;
  margin: 0 auto;
  margin-top: 1em;
  height: 12px;
  width: 100%;
  font-size: 8pt;
  color: var(--main-menu-item-color);
}

#contentBox {
/*  border: 2px solid green;  */
  margin: 0 auto;
/*  margin-top: 1em; */
/*  width: 800px;  */
  height: 660px;
}

#iframe-content {
  width: 1px;
  min-width: 100%;
  height: 100%;
  overflow: hidden;
  border:none;
  border-width: 0;
}