/* style.css
 * default style sheet for p9
 *
 */
 
body {
  color: #000000;
  background: #FFFFFF;
  font-family: Tahoma, Helvetica, Verdana, sans-serif;
  font-size: 11pt;
}
.content {
  margin-left: 165px;
}
.center {
  text-align: center;
}
img {
  border: 0px;
}
a {
  border: 0px;
  color: #0099FF;
  text-decoration: none;
}
  a:visited {
    color: #009999;
    text-decoration: none;
  }
  a:hover {
    color: #333300;
    text-decoration: none;
  }
h1 {
  font-size: 24pt;
  font-weight: bold;
}
fieldset {
  border: 0px;
  background: #ffffff;
  margin: 2px;
}
input {
  background: #ffffff;
  color: #000000;
  font-family: 'Courier New', monospace, system;
  font-size: 10pt;
  border: 1px solid #a2a2a2;
  padding: 2px;
}
select {
  background: #ffffff;
  color: #000000;
  font-family: 'Courier New', monospace, system;
  font-size: 10pt;
  border: 1px solid #a2a2a2;
  padding: 2px;
}
legend {
  background: #ffffff;
  color: #000000;
  font-family: Courier, Arial, system, sans-serif;
  font-size: 8pt;
  padding: 2px;
}
.form-header {
  text-align: center;
  font-family: Tahoma, Verdana, "Courier New", Courier, Arial, system, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  border-bottom: 2px solid #A7A7A7;
  background: #0099ff;
  color: #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 1px
}
.form-footer {
  text-align: right;
  font-family: Tahoma, Verdana, "Courier New", Courier, Arial, system, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  border-top: 2px solid #A7A7A7;
  background: #0099ff;
  color: #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 1px
}
#form-submit, #form-cancel {
  background: #ffffff;
  color: #000000;
  border: 1px solid #0099ff;
  padding: 2px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Courier New", Courier, Arial, system, sans-serif;
  margin-right: 15px;
}
  #form-submit:hover {
    background: #0099ff;
    color: #ffffff;
    border: 1px solid #ffffff;
  }
  #form-cancel:hover {
    background: #ff0000;
    color: #ffffff;
    border: 1px solid #ffffff;
  }
  #form-submit:active, #form-cancel:active {
    position: relative;
    top: 2px;
    left: 2px;
  }
  
.p9_FormLabel {
  float: left;
  font-weight: bold;
  width: 150px;
}
.p9_FormField .form-input {
  color: #000000;
  font-family: "Courier New", Courier, monospace, system, sans-serif;
  background: #ffffff;
  border: 1px solid #0099ff;
  width: 225px;
  margin: 2px;
  padding: 2px;
  vertical-align: middle;
}
.p9_FormAvatar {
  text-align: center;
}
.userAccount_UserAvatar {
  padding: 10px;
}
.main-nav {
  float: left;
  width: 150px;
  text-align: left;
  padding: 5px;
  min-height: 800px;
  border-right: 1px solid #A7A7A7;
}
ul.navBar {
  list-style-type: none;
  padding-left: 0;
}
ul.navBar lh {
  display: block;
  font-weight: bold;
  border-bottom: 1px solid #A7A7A7;
  padding-bottom: 2px;
  margin-bottom: 6px;
}
.content form {
  border: 1px solid #A7A7A7;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}
.p9_confirmBox {
  font-weight: bold;
  text-align: center;
  padding: 25px;
  font-family: Tahoma, Verdana, "Courier New", Courier, Arial, system, sans-serif;
  font-size: 9pt;
  min-height: 50px;
}

/* ============================================================================================= SITEADMIN */
body.siteAdmin {
  padding: 0px;
  margin: 0px;
}
div.siteAdmin_Header {
  height: 100px;
  background: #222222;
  color: #EEEEEE;
  border-bottom: 3px solid #EEEEEE;
  font-family: Tahoma, Verdana, "Courier New", Courier, Arial, system, sans-serif;
  vertical-align: middle;
  margin: 0px;
  padding: 5px;
}
span.siteAdmin_Greeting {
  font-weight: bold;
  font-size: 18pt;
}
div.siteAdmin_NavTabs {
  background: #333333;
  padding: 10px;
  border-bottom: 2px solid #EEEEEE;
}
span.siteAdmin_Tab {

}
span.siteAdmin_ActiveTab {

}
span.siteAdmin_Tab a {
	font-size: 14px;
	margin: 0;
	padding: 5px;
}
span.siteAdmin_Tab a:hover {
  background: #929292;
}
span.siteAdmin_ActiveTab a {
	font-size: 14px;
	margin: 0;
	padding: 5px;
	background: #929292;
	color: #FFFFFF;
}
div.siteAdmin_TabContentHeader {
  font-size: 16pt;
  font-weight: bold;
  color: #929292;
  padding: 5px;
  border-bottom: 1px dotted #EEEEEE;
}
div.siteAdmin_TabContentBody {
  margin: 10px;
}
div.siteAdmin_logViewer_ErrorLog {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 300px;
  overflow: auto;
  border: 1px solid #EEEEEE;
  background: #222222;
}
table.siteAdmin_logViewer_ErrorLogGrid {
  border-collapse: collapse;
}
table.siteAdmin_logViewer_ErrorLogGrid caption {
  text-align: left;
  font-weight: bold;
  font-size: 14pt;
  margin-left: 15px;
}
table.siteAdmin_logViewer_ErrorLogGrid th {
  background: #929292;
  border: 1px solid #EEEEEE;
}
table.siteAdmin_logViewer_ErrorLogGrid td {
  white-space: nowrap;
  background: #333333;
  border: 1px solid #929292;
  font-family: monospace;
  font-size: 8pt;
  padding: 5px;
}
tr.highlight td {
  background: #777777;
  border: 1px solid #EEEEEE;
}
div.siteAdmin_logViewer_AccessLog {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 300px;
  overflow: auto;
  border: 1px solid #EEEEEE;
  background: #222222;
}
table.siteAdmin_logViewer_AccessLogGrid {
  border-collapse: collapse;
}
table.siteAdmin_logViewer_AccessLogGrid caption {
  text-align: left;
  font-weight: bold;
  font-size: 14pt;
  margin-left: 15px;
}
table.siteAdmin_logViewer_AccessLogGrid th {
  background: #929292;
  border: 1px solid #EEEEEE;
}
table.siteAdmin_logViewer_AccessLogGrid td {
  white-space: nowrap;
  background: #333333;
  border: 1px solid #929292;
  font-family: monospace;
  font-size: 8pt;
  padding: 5px;
}

/* ============================================================================================= HOME */

body.home {
  padding: 0px;
  margin: 0px;
}

.home_accountsHeader {
  height: 30px;
  margin: 0px;
  margin-bottom: 15px;
  font-size: 16pt;
  font-family: Arial Black, Tahoma, Arial, sans-serif;
  font-weight: bold;
  padding: 15px;
  background-color: #0099ff;
  color: #ffffff;
  border-bottom: 3px solid #929292;
}

.home_accountSummaryBox_Type1 {
  width: 600px;
  margin: 10px;
  padding: 10px;
  margin-left: 25px;
  border: 1px solid #000000;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  background: #ccccff;
}

.home_accountSummaryBox_Type2 {
  width: 600px;
  margin: 10px;
  padding: 10px;
  margin-left: 25px;
  border: 1px solid #000000;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  background: #ccffcc;
}

.home_accountNumber {
  font-size: 14pt;
  font-weight: bold;
  float: left;
  color: #000000;
  font-family: Tahoma, Courier, monospace, sans-serif;
}

a.home_accountDetailLink {
  color: #000000;
  margin-left: 50px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 14pt;
  font-family: Tahoma, Courier, monospace, sans-serif;
}

.home_accountDescription {
  font-size: 11pt;
  font-family: Georgia, Tahoma, Courier, sans-serif;
  clear: both;
}

.home_accountSummaryBox_Type1 .home_accountBalance, .home_accountSummaryBox_Type2 .home_accountBalance {
  color: #000000;
  float: right;
  font-weight: bold;
  font-size: 14pt;
  font-family: Tahoma, Courier, monospace, sans-serif;
}

.home_accountsBalanceBar {
  width: 250px;
  height: 30px;
  background-color: #ccffcc;
  border: 1px solid #bbccbb;
  padding: 6px;
  float: right;
  margin-right: 50px;
  margin-bottom: 25px;
}

.home_AccountSummaryLink {
  float: left;
  margin-left: 50px;
  text-align: center;
  font-weight: bold;
  font-size: 12pt;
  color: #000000;
}
  .home_AccountSummaryLink:hover {
    color: #000000;
  }
  
  .home_AccountSummaryLink:active {
    color: #000000;
  }
  
  .home_AccountSummaryLink:visited {
    color: #000000;
  }

.home_labelLeft {
  font-weight: bold;
  font-size: 12pt;
  text-align: left;
  margin-right: 20px;
}

.home_accountBalance {
  color: #000000;
  font-weight: bold;
  font-size: 14pt;
  font-family: Tahoma, Courier, monospace, sans-serif;
}

.home_balanceIcon {
  margin-right: 15px;
}

.home_BudgetTotalsBox {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.home_budgetTotal {
  padding: 3px;
  
}
.home_budgetTotalLabel {
  border: 1px solid #929292;
  background: #dddddd;
  font-weight: bold;
  padding: 2px;
  width: 50%;
}

.home_budgetTotalValue {
  border: 1px solid #929292;
  background: #dddddd;
  padding: 2px;
  text-align: right;
  width: 25%;
}

.home_budgetMaxValue {
  border: 1px solid #929292;
  background: #dddddd;
  padding: 2px;
  text-align: right;
  width: 25%;
}

.home_budgetTotalMargin {
  padding: 2px;
  font-size: 24pt;
  font-weight: bold;
  text-align: center;
}

.home_transactionGrid {
  margin-top: 20px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid #929292;
  border-bottom: 1px dotted #929292;
  border-collapse: collapse;
}

.home_transactionGrid th {
  border-bottom: 1px dotted #929292;
  font-size: 11pt;
  font-weight: bold;
}

.home_transactionGrid .home_dateColumn {
  width: 100px;
  padding: 2px;
}

.home_transactionGrid .home_deleteColumn {
  width: 25px;
  padding: 0px;
}

.home_transactionGrid .home_typeColumn {
  width: 20px;
  padding: 2px;
  text-align: center;
}

.home_transactionGrid .home_checkColumn {
  width: 125px;
  padding: 2px;
  text-align: center;
}

.home_transactionGrid .home_descriptionColumn {
  padding: 2px;
}

.home_transactionGrid .home_amountColumn {
  width: 100px;
  padding: 2px;
  
}

.home_transactionGrid td.home_amountColumn {
  text-align: right;
}

.home_transactionGrid .home_transactionRowEvenPos {
  background-color: #ccffcc;
}

.home_transactionGrid .home_transactionRowOddPos {
  background-color: #ddffdd;
}

.home_transactionGrid .home_transactionRowEvenNeg {
  background-color: #ccccff;
}

.home_transactionGrid .home_transactionRowOddNeg {  
  background-color: #ddddff;
}

.home_transactionGrid tr {
  margin: 1px;
}

.home_addTransactionForm {
  clear: both;
}

.home_addTransactionFormGrid {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.home_confirmBox {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.home_infoBox {
  font-weight: bold;
  text-align: center;
  font-size: 12pt;
}

.home_CONFIRM {
  width: 900px;
  height: 30px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background-color: #3333ff;
  color: #ffffcc;
}