/* BooberWatch CSS
   - to get 100% height, set html+body+bodywidth to 100%
   - keep ALPHABETICAL ordering */

html {
  height: 100%;
}

body {
  background-color: #ccccbb;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  height: 100%;
  margin: 0px auto; 
  text-align: center;
}

table {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}


h1 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

h2 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
  font-size: 14px;
}


#bodywidth {
  background-color: #FFFFE7;
  width: 1024px;
  margin: 0px auto;
  border: 1px solid gray;
  min-height: 100%;
  _height: 100%;
  text-align: left;
}

#content {
  margin: 0px auto;
  padding-left:  20px;
  padding-right: 20px;
}

.ImgNoBorder
{
  border: 0;
}

.Styles_Welcome {

}

.Styles_WelcomeImage {
  margin-left: 300px;
}

.Caption {
  background-color: #aaaa77;
  border: 1px solid gray;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
  text-align: center;  
}

.MainWindowItem 
{
  margin-top: 20px; 
  width: 400px
}

.MainWindowItem .ItemCaption
{
  width: 100px; 
  padding-left: 10px; 
  background: #f7e7ce; 
  border: 1px solid #bbbbaa; 
  border-bottom: none; 
  font-weight: bold
  padding-bottom: 0;
}

.MainWindowItem .Title 
{
  font-weight: bold;
  font-size: 16px;
  color: black;
}

.MainWindowItem .Title a
{
  text-decoration: none;
  color: #333311;
}

.MainWindowItem .Date
{
  font-size: 10px;
  color: gray;
  margin-bottom: 10px;
}

.MainWindowItem .Content a
{
  text-decoration: none;
}

.LogEntry
{
  color: #555555;
  border-bottom: 1px solid #aaaaaa; 
  border-top:    1px solid #aaaaaa;
  margin-bottom: 5px;
  width: 400px;
}

.LogDate 
{
  float: left;
  width: 35px;
  font-size: 10px;
  color: gray;
  margin-left: 5px;
  padding-bottom: 5px; /* make vertical height larger than 1 line */
}

.LogMessage
{

}

.PageBrowser
{
  text-align: right;
}


.Article
{
  margin: 0px auto;
  margin-left: 100px;
  width: 800px;
}

.Graph
{
  padding: 20px;
}

/*********************/
/*    TRACKER        */
/*********************/

.Tracker
{
  clear: both;
}

.TrackerControls
{
  margin-left: 10px;
  float: left;
  width: 200px;
}

.TrackerResults
{
  float: left;
  width: 725px;
}

.TrackerEntry
{
  border: 1px solid #AAAAAA;
  margin-bottom: 10px;
}

.TrackerEntry a
{
  text-decoration: none;
  font-weight: bold;
  color: black;
}

.TrackerEntry a:hover
{
  font-weight: bold;
}

.TrackerEntry .NoUnderline
{
  text-decoration: none;
  font-weight: normal;
}

.TrackerEntry .Date
{ 
  float: left;
  width: 80px;
  color: #777777;
  padding-bottom: 1px;
}

.TrackerEntry .Content
{
  float: left;
}

.TrackerEntry .Amount
{
  color: black;
  font-weight: bold;
}

.TrackerEntry .NewLoanColor
{
  background-color: #EEEEFF;
  padding-bottom: 1px;
}

.TrackerEntry .FundedLoanColor
{
  background-color: #66AA66;
  padding-bottom: 1px;
}

.TrackerEntry .UnfundedLoanColor
{
  background-color: #FFAAAA;
  padding-bottom: 1px;
}

.TrackerEntry .NewInvestorColor
{
  background-color: #00FFEE;
  padding-bottom: 1px;
}

.TrackerEntry .InvestmentColor1
{
  background-color: #F7F7D7;
  padding-bottom: 1px;
}

.TrackerEntry .InvestmentColor2
{ 
  background-color: #EEEEC7;
  padding-bottom: 1px;
}

.TrackerEntry .InvestorPostColor
{
  background-color: #CCEEFF;
  padding-bottom: 1px;
}

.TrackerEntry .BorrowerPostColor
{
  background-color: #66CCFF;
  padding-bottom: 1px;
}

.TrackerEntry .WarningText
{
  font-weight: bold;
  color: red;
}

/******************/
/*                */
/*   LoansTable   */
/*                */
/******************/

.LoansTable_LoanIDCaption
{
  padding-left: 10px;
  width: 40px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.LoansTable_TitleCaption
{
  padding-left: 5px;
  width: 250px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.LoansTable_BorrowerCaption
{
  padding-left: 10px;
  width: 70px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.LoansTable_RatingCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.LoansTable_AmountCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.LoansTable_InterestCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.LoansTable_DurationCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.LoansTable_OwnsHouseCaption
{
  padding-left: 10px;
  width: 80px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.LoansTable_MotivationCaption
{
  padding-left: 10px;
  width: 300px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.LoansTable_StatusCaption
{
  padding-left: 10px;
  width: 50px;
  border: 1px solid gray;
  background-color: #CCCC99;
}

.LoansTable_RecordRow1
{
  font-decoration: none;
  background-color: #DDDDC7;
}

.LoansTable_RecordRow1 td
{
  padding-left: 10px;
  border-bottom: 1px solid #AAAA77;
}

.LoansTable_RecordRow1 a
{
  text-decoration: none;
}

.LoansTable_RecordRow2
{
  background-color: #E7E7C7;
}

.LoansTable_RecordRow2 td
{
  padding-left: 10px;
  border-bottom: 1px solid #AAAA77;
}

.LoansTable_RecordRow2 a
{
  text-decoration: none;
}

/**********************/
/*                    */
/*   InvestorsTable   */
/*                    */
/**********************/

.InvestorsTable_InvestorCaption
{
  padding-left: 10px;
  width: 300px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.InvestorsTable_StatusCaption
{
  padding-left: 5px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.InvestorsTable_TotalInvestmentCaption
{
  padding-left: 10px;
  width: 220px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.InvestorsTable_InvestmentCountCaption
{
  padding-left: 10px;
  width: 50px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.InvestorsTable_FirstInvestmentCaption
{
  padding-left: 10px;
  width: 220px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.InvestorsTable_LastInvestmentCaption
{
  padding-left: 10px;
  width: 220px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.InvestorsTable_RecordRow1
{
  font-decoration: none;
  background-color: #DDDDC7;
}

.InvestorsTable_RecordRow1 td
{
  padding-left: 10px;
  border-bottom: 1px solid #AAAA77;
}

.InvestorsTable_RecordRow1 a
{
  text-decoration: none;
}

.InvestorsTable_RecordRow2
{
  background-color: #E7E7C7;
}

.InvestorsTable_RecordRow2 td
{
  padding-left: 10px;
  border-bottom: 1px solid #AAAA77;
}

.InvestorsTable_RecordRow2 a
{
  text-decoration: none;
}

/**********************/
/*                    */
/*   BorrowersTable   */
/*                    */
/**********************/

.BorrowersTable_BorrowerCaption
{
  padding-left: 10px;
  width: 250px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.BorrowersTable_RatingCaption
{
  padding-left: 5px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.BorrowersTable_OwnsHouseCaption
{
  padding-left: 10px;
  width: 80px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.BorrowersTable_RegisteredTimeCaption
{
  padding-left: 10px;
  width: 200px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.BorrowersTable_LoanCountCaption
{
  padding-left: 10px;
  width: 220px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.BorrowersTable_RecordRow1
{
  font-decoration: none;
  background-color: #DDDDC7;
}

.BorrowersTable_RecordRow1 td
{
  padding-left: 10px;
  border-bottom: 1px solid #AAAA77;
}

.BorrowersTable_RecordRow1 a
{
  text-decoration: none;
}

.BorrowersTable_RecordRow2
{
  background-color: #E7E7C7;
}

.BorrowersTable_RecordRow2 td
{
  padding-left: 10px;
  border-bottom: 1px solid #AAAA77;
}

.BorrowersTable_RecordRow2 a
{
  text-decoration: none;
}

/**************************/
/*                        */
/*   PortfolioViewTable   */
/*                        */
/**************************/

.PortfolioViewTable_LoanIDCaption
{
  padding-left: 10px;
  width: 90px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.PortfolioViewTable_TitleCaption
{
  padding-left: 5px;
  width: 300px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.PortfolioViewTable_BorrowerCaption
{
  padding-left: 10px;
  width: 70px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.PortfolioViewTable_RatingCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.PortfolioViewTable_AmountCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.PortfolioViewTable_InterestCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.PortfolioViewTable_DurationCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.PortfolioViewTable_InvestmentCaption
{
  padding-left: 10px;
  width: 80px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.PortfolioViewTable_RecordRow1
{
  font-decoration: none;
  background-color: #DDDDC7;
}

.PortfolioViewTable_RecordRow1 td
{
  padding-left: 10px;
  border-bottom: 1px solid #AAAA77;
}

.PortfolioViewTable_RecordRow1 a
{
  text-decoration: none;
}

.PortfolioViewTable_RecordRow2
{
  background-color: #E7E7C7;
}

.PortfolioViewTable_RecordRow2 td
{
  padding-left: 10px;
  border-bottom: 1px solid #AAAA77;
}

.PortfolioViewTable_RecordRow2 a
{
  text-decoration: none;
}

/***********************/
/*                     */
/*   DefaultLoanTable  */
/*                     */
/***********************/

.DefaultLoanTable_LoanIDCaption
{
  padding-left: 10px;
  width: 40px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.DefaultLoanTable_InvestmentTimeCaption
{
  padding-left: 10px;
  width: 100px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.DefaultLoanTable_TitleCaption
{
  padding-left: 5px;
  width: 300px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.DefaultLoanTable_BorrowerCaption
{
  padding-left: 10px;
  width: 70px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.DefaultLoanTable_RatingCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.DefaultLoanTable_AmountCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.DefaultLoanTable_InterestCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.DefaultLoanTable_DurationCaption
{
  padding-left: 10px;
  width: 60px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.DefaultLoanTable_InvestmentCaption
{
  padding-left: 10px;
  width: 80px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.DefaultLoanTable_StatusCaption
{
  padding-left: 10px;
  width: 80px;
  border: 1px solid gray;   
  background-color: #CCCC99;
}

.DefaultLoanTable_RecordRow1
{
  font-decoration: none;
  background-color: #DDDDC7;
}

.DefaultLoanTable_RecordRow1 td
{
  padding-left: 10px;
  border-bottom: 1px solid #AAAA77;
}

.DefaultLoanTable_RecordRow1 a
{
  text-decoration: none;
}

.DefaultLoanTable_RecordRow2
{
  background-color: #E7E7C7;
}

.DefaultLoanTable_RecordRow2 td
{
  padding-left: 10px;
  border-bottom: 1px solid #AAAA77;
}

.DefaultLoanTable_RecordRow2 a
{
  text-decoration: none;
}

.LastPostContent 
{
  text-align: justify;
}


.PageDescription {
  background-color: #EEEED7;
  border: 1px solid gray;
  margin: 20px;
  padding: 20px;
}

.PollsView {
  width: 600px;
  margin: 0 auto;

}

.PollSummary {
  height: 40px;
  background: #eeeecc;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #bbbbbb;
}

#ErrorMessage {
  background-color: #ffbbbb;
  border: 1px solid red;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

.MenuBar_Button {
  float: left;
  margin-right: 5px;
}

.MenuBar_ButtonImage {
  border: none;
}



.ImageButtonText {
  color: yellow;
}

.PortfolioLoginForm {
  width: 300px;
  margin: 0px auto;
}

.PortfolioLoginForm_Table {

}

.PortfolioLoginForm_UsernameInput {
  width: 150px;
}

.PortfolioLoginForm_PasswordInput {
  width: 150px;
}

.PortfolioOverview {
  margin: 10px;
}

.PortfolioOverviewLabel {
  background-color: #aaaa77;
  border: 1px solid gray;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
  text-align: center;
}

.PortfolioOverviewAction {
  margin-bottom: 10px;
}

.PortfolioAddForm_Table {
  margin-left: 0px;
  width: 400px;
}

.PortfolioAddForm_LabelColumn {
  width: 125px;
}

.PortfolioAddForm_NameInput {
  width: 99%;
}

.PortfolioAddForm_CommentInput {
  width:  99%;
  height: 100px;
}

.PortfolioAddForm_SyncUserInput {
}

.PortfolioLoansView {
  margin: 10px;
}

.PortfolioLoansViewLabel {
  background-color: #aaaa77;
  border: 1px solid gray;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
  text-align: center;
}

.PortfolioLoansViewAction {
  margin-bottom: 10px;
}

.PortfolioAddForm_Table {
  margin-left: 0px;
  width: 400px;
}

.PortfolioLoanView {
  margin: 10px;
}

.PortfolioLoanViewLabel {
  background-color: #aaaa77;
  border: 1px solid gray;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
  text-align: center;
}

.TermTableColHeader {
  background: #aaaa77;
  border: 1px solid gray;
  width: 100px;
  text-align: center;
}

.TermTableRowHeader {
  background: #aaaa77;
  border: 1px solid gray;
  width: 50px;
  text-align: center;
}

.TermTableCell {
  border: 1px solid #aaaa77;
  text-align: center;
}