/*********************************************************************************************
* CSS for the individual site pages
*/

/* for IE, even IE10 wont leave bottom margin of
last element, if margin touches the page bottom,
even inside a div. So place a 1px padding barrier */
#termsAdvsPage,
#bd_user_edit_page {
  padding-bottom: 1px;
}

/* -- TRADE section -- */

#tradePageHeader {
  margin     : 0 0 2em 0;
}

/*PAGE: bd_user_edit_page */  
#userEditHeading {
  margin     : 0 0 2em 0;
  text-align : center;
  font-size  : larger;
  color      : red;
  font-weight: bold;
  text-decoration: underline;
}

#userEditTab,
#userEditContTab,
#userEditPassTab {
  margin     : 0 auto 3em auto;
  width      : 90%;
  border     : 1px solid darkgreen;
  border-spacing: 1px;
  border-collapse: separate;
  background-color: #d0fdc8;
}
#userEditContTab { 
  background-color: #ffffd5;
  width      : 75%;
}
#userEditTab #userEditCol { 
  width      : 30%;
  text-align : left;
  vertical-align: top;
  color      : #009900;
}
#userEditPassTab {
  margin-bottom: 3em;
}

#userEditTab td,
#userEditContTab td,
#userEditPassTab td {
  padding    : 10px;
  border     : 1px solid darkgreen;
}
#userEditTab td table td,
#userEditContTab td table td,
#userEditPassTab td table td {
  padding    : 5px;
  border     : 0;
}

.userEditCol1 {
  width      : 241px;
  color      : #009900;
  text-align : left;
  vertical-align: top;
}
.userEditCol2 {
  width      : 391px;
  color      : #000000;
  text-align : left;
  vertical-align: top;
}


/*PAGE: bd_ad_edit_page */  
#adEditContent #pageHeading {
  text-align : left;
  margin     : 7px 0 1em 5ex;
  text-weight: bold;
  text-decoration: underline; 
  color      : black;
  }
#adEditContent #categoryBox {
  width      : 70ex;
  border     : 2px solid black;
  background-color: #ffffcc;
  color      : black;
  margin     : 0 auto;
  margin-bottom: 2em;
  text-align : left;
  padding    : 12px;
  }
#adEditContent #categoryHeading {
  color      : red; 
  font-size  : medium; 
  font-weight: bold; 
  margin-bottom: 1em;  
  text-decoration: underline; 
  }
#adEditContent #userInputTable {
  margin     : 20px auto;
  background-color: #ffffcc;
  width      : 90%;
  }
#adEditContent #userInputTable td {
  padding    : 2px 5px;
  text-align : center;
  }
#adEditContent #userInputHeading {
  white-space: nowrap; 
  text-align : center;
  }
#adEditContent form input[type="submit"],
#adEditContent form input[type="button"] {
  margin-left: 2cm;
  margin-right: 1cm;
  }
#adEditContent #pricesBox {
  background-color: #ffffff; 
  width      : 70%; 
  margin     : 0 auto;
  padding    : 5px 20px;
  }
#adEditContent #pricesBox ul { margin-top : 0; }
#adEditContent #pricesTable {
   margin    : 0 auto 1em auto; 
   width     : 70%; 
   border-spacing: 3;
}
#adEditContent #pricesTable td {
  padding    : 0;
}



  
/* Ajax popup box 
on Preview and Save pages */

#ajaxBox {
  position   : fixed; 
  top        : 0px; 
  left       : 0px;
  min-width  : 50%;
  margin     : 2cm 1cm; 
  border-radius: 10px; 
  background-color: #dddddd; 
  border     : 3px solid black;
  box-shadow : 5px 5px 10px black;
  padding    : 20px 20px 5px 20px; 
  display    : none;
}

#ajaxBox #adRefValue {
  font-family: Arial,sans-serif; 
  color      : red;
  margin     : 0 0 2em 1ex;
}

#ajaxBoxHeading {
  margin     : 2em 0;
  font-weight: bold;
}

#ajaxPreviewBox {
  width      : 800px; 
  margin     : 0 auto; 
  padding    : 2px;
  background-color: white;
}

#ajaxBackButtonDiv {
  margin     : 5px 5px 0px 5px; 
  text-align : right; 
  padding    : 1em 0;
}


/* PAGE: Ad submitted ok page */
#bd_ad_submitted_ok p {
  margin     : 0 0 1.5em 0;
  }
#bd_ad_submitted_ok #box {
  width      : 85%;
  border     : 2px solid black; 
  background-color: #ffffcc; 
  color      : black; 
  margin     : 4em auto; 
  text-align : left; 
  padding    : 1em 2em 2em 2em;
  }
  

/* PAGE: Terms and conditions */
#termsAdvsPage h1 { 
  font-weight: bold; 
  color      : #006600;
  } 
#termsAdvsPage h2 { 
  font-weight: bold; 
  color      : black;
  }
#termsAdvsPage table#content {
  margin     : 0 auto 1cm auto; 
  border     : 1px solid #006600; 
  background-color:#b5ffb5; 
  color      : black; 
  border-spacing: 0;
  width      : 95%; 
  text-align : justify; 
  font-family: Arial,Verdana,Helvetica,sans-serif; 
  font-weight: 400;
  }
#termsAdvsPage #content td {
  padding    : 12px;
  text-align : left;
  vertical-align: top;
  }
#termsAdvsPage td.margin {
  background-color: darkgreen;
  color      : white;
  white-space: nowrap;
  }

#termsAdvsPage td.margin h1 {
  color      : #ffffcc;
}  
  
/* PAGE: bd_trader_info.php (traders' About page) */
#bd_trader_info_page ul { margin  : 0; }
#bd_trader_info_page li { padding : 2px; }
#bd_trader_info_page h1 { 
  font-weight: bold; 
  color      : #006600;
  } 
#bd_trader_info_page h2 { 
  font-weight: bold; 
  color      : black;
  }
#bd_trader_info_page table#content {
  margin     : 1cm auto 1cm auto; 
  border     : 1px solid #006600; 
  background-color:#b5ffb5; 
  color      : black; 
  border-spacing: 0;
  width      : 90%; 
  text-align : justify; 
  font-family: Arial,Verdana,Helvetica,sans-serif; 
  font-weight: 400;
  }
#bd_trader_info_page #content td {
  padding    : 12px;
  text-align : left;
  vertical-align: top;
  }
#bd_trader_info_page td.margin {
  background-color: darkgreen;
  color      : #ffffcc;
  white-space: nowrap;
  font-weight: bold;
  }
#bd_trader_info_page table#prices td {
  padding    : 3px;
  text-align : left;
  vertical-align: middle;
  }