/* application.css - Global styles */

/*----------------------------------------------------------*/
/* FOR MOCKUP ONLY */
.mockupNote {
  color: red;
}

/* FOR DEVELOPMENT ONLY */
.developmentNote {
  color: red;
}
#buglink {
  text-align: right;
  float: right;
} 


/*----------------------------------------------------------*/
/* COLOURS */
/*
http://colorschemedesigner.com/
  RGB: 008000
  Triad
  Hue: 180
  Angle: 20

Colours:
  greens
  #005300;   darkest green
  #186018;   dark green
  #008000;   green
  #30C030;   light green
  #56C056;   lightest green

  browns
  #c55982;   sandy brown

  purples
  #5a0023;   deep purple
  #8a0036;   medium purple
  #d0855d;   light purple

*/

body {
  color: #303030;
}

a                { color: #006a00; }
a:focus, a:hover { color: #006a00; }

input, textarea, select {
  background-color: #ffeeee;
  border: 1px solid black;
}

readonlyInput {
  background-color: #e8ffd4;
}

input.submit {
  /*background-color: #a82658;*/
  background-color: #ffaacc;
  border: 2px outset #d7b9c9
}

.importantInfo { color: #EE2222; }

#logo1 {
  color: red;  /* #FF0000 */
  /*color: #a82658;*/
}
#logo2 {
  /*color: green;  /* #008000 */
  color: #009000;
}
#strapline a {
  /*color: #4f0037;*/
  color: #303030;
}
/*
.straplineTrust {
  color: green;
}
.straplineDynamic {
  color: orange;
}
*/

#topArea {
  background-color: #e8ffd4;
  /*background-color: #f8fff8;*/
}

#mainMenuSection a {
  color: white;
  text-decoration: none;
}
#siteSectionMenu {
  color: white;
  background-color: #48a848;
  /*background-color: #30b030;*/
  /*background-color: #008000;*/
  /*background-color: #c55982;*/
  /*background-color: #d0855d;*/
  /*background-color: #5a0023;*/
  /*background-color: #8a0036;*/
}
#siteSubsectionMenu {
  color: white;
  background-color: #58b858;
  /*border-bottom: 1px solid black;*/
  font-size: 0.8em;
}
#errorSection {
  background-color: #fff0f0;
  border: 2px solid #cc0000;
}
#errorSection h2 {
  background-color: #cc0000;
  color: white;
}
#flashArea {
  /*background-color: #fff0f0;*/
  background-color: #e8ffd4;
}
#flashNotice {
  background-color: #fff0f0;
  border: 2px solid orange;
}
#flashError {
  background-color: #fff0f0;
  border: 2px solid #cc0000;
}

/* 
 * Highlight the field in error.
 * This works only if "input" is included in the rule.
 */
.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
  border: 2px solid red;
  /*border: 1px solid red;*/
}

#content {
  /*background-color: white;*/
  background-color: #e8ffd4;
  /*background-color: #fff7f7;*/
  font-size: 0.94em;
}

#footer {
  /*border-top: 1px solid green;*/
  /* background-color: #e8ffd4;*/
  /*background-color: #fff0f0;*/
  /*background-color: white;*/
}
#footer {
  background-color: #48a848;
  color: white;
}
#footer a {
  color: white;
}

/*----------------------------------------------------------*/
/* SITE-WIDE REDEFINITIONS OF XHTML TAGS */

body {
  margin: 0;
  padding: 0;
  font-family: "Arial", "Nimbus Sans L", sans-serif;
  font-size: 0.9em;
}

/* site header */
h1 {
  margin: 0 0 0 0.2em;
}
/* page header */
h2 {
  margin: 0.5em 0 0.5em 0;
  padding: 0;
}
/* page section header */
h3 {
  margin: 0.6em 0 0.4em 0;
}
/* page subsection header */
h4 {
}

ul {
  margin-top: 0;
}

form {
  margin: 0;
  padding: 0;
}

th {
  text-align: left;
}

input, textarea, select {
  margin-right: 0.2em;
}
textarea {
  white-space: pre;
  overflow: auto;
}
/* Vertically align checkboxes */
input[type=checkbox] {
  vertical-align: middle;
  position: relative;
/*  bottom: 1px; */
}

#content label {
	float: left;
	text-align: right;
	margin-right: 1em;
}
.formCheckboxField label {
  float: none !important;
  width: auto !important;
	text-align: left !important;
}

/*----------------------------------------------------------*/
/* SITE-WIDE CLASSES */

.hidden {
  display: none;
}

.clearBoth {
  clear: both; 
}

label.ungroupedLabel {
  float: none !important;
  margin-right: 0.2em !important;
}
.formField {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-top: 0;
  padding-bottom: 0;
}
.formFieldWithWrappingLabel {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  padding-top: 0;
  padding-bottom: 0;
}
.formFieldCategory {
  clear: both; 
  margin-top: 1em;
}
.explanation {
	font-size: 0.85em;
}
.formFieldExplanation {
  margin-left: 2em;
	font-size: 0.85em;
}
.formFieldMoney {
  text-align: right;
}
/* Hide the standard checkbox indent */
.formCheckbox {
  margin-left: -0.15em;
}
.formButton {
  clear: both;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
.formButtonArea {
  clear: both;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
.formButtonLeft {
  display: inline;
  float: left;
  margin-right: 2em;
}
.formButtonRight {
  display: inline;
}

/*
 * border-spacing does not work on IE up to and inc. IE7,
 * so cellspacing="1" is included in markup
 */
table.historicData, table.stats {
  margin-bottom: 1.0em;
}
table.historicData, table.stats {
  border-spacing: 1px;  
  border-top: thin solid #CFCFCF;
  border-left: thin solid #CFCFCF;
  border-bottom: thin solid #2F2F2F;
  border-right: thin solid #2F2F2F;
}
table.historicData th, table.historicData td,
table.stats th, table.stats td {
  border-top: thin solid #2F2F2F;
  border-left: thin solid #2F2F2F;
  border-bottom: thin solid #CFCFCF;
  border-right: thin solid #CFCFCF;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
table.currentData {
  margin: 0 0 0.5em -3px;
}
table.currentData th, table.currentData td {
  padding-right: 1em;
  vertical-align: top;
}


.listColumnCategory {
  float: left;
  margin-left: 2em;
  margin-bottom: 1em;
}
.afterCategoryList {
  clear: both;
}

.link_to_referer {
  margin: 0.3em 0 0.5em 0;
  font-size: 0.8em;
}

/*----------------------------------------------------------*/
/* BANNER */

#banner {
  float: left;
  margin: 0.3em 0.8em 0 0.8em;
}
#topRightArea {
/*  padding-bottom: 1em;*/
}
#banner a {
  text-decoration: none;
}
#banner h1 {
/*  margin-bottom: -0.1em;*/

  background: url(/images/freelender.png);
  background-repeat: no-repeat;
  background-position: center center;  /* centres background image in IE */
  margin-top: 0;
  margin-bottom: 0;
  /* margin-left/right auto causes background */
  /*  image to be centred in Firefox - not used here */
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 0 0;
  width: 260px;
  height: 51px;
/*
  width: 325px;
  height: 64px;
*/
}
#banner h1 a {
  display: block;
  width: 260px;
  height: 51px;
}
/* leave in, though hidden by default */
#logo1 {
  margin-left: 0.2em;
  font-family: "Geneva", "Verdana", sans-serif;
  font-size: 1.25em;
  font-weight: normal;
  font-style: italic;
}
#logo2 {
  font-family: "Arial", "Nimbus Sans L", sans-serif;
  font-size: 1.65em;
  font-weight: bold;
  font-style: normal;
}
#strapline {
  margin: 0 0 0 0;
  /*padding: 0 0.3em 0.5em 95px; /* right justify */
  /*padding: 0 0.3em 0.5em 40px; /* centre */
  padding: 0 0.3em 0.5em 0.3em;  /* left justify */
  font-family: "Arial", "Nimbus Sans L", sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  font-style: normal;
}

/*----------------------------------------------------------*/
/* LOGIN AREA - next to banner */

/* Don't specify height - needs to grow if text size increased */
#loginArea {
  margin: 0 0 0 0;
  padding: 1.1em 0 0 0.5em;
}
#loginArea span
{
  margin: 0 1em 0 0;
  padding: 0;
}

/*----------------------------------------------------------*/
/* SEARCH AREA - in top right */
#searchArea {
  margin: 0.4em 0 0 0;
  padding: 0 0 0.6em 0;
}
.dummyQuickSearch {
  margin: 0 0 0 0;
  padding: 0 0 0.3em 0;
}
/* Prevent inheritance of loginArea span styling */
/*
#searchArea span
{
  margin: 0;
  padding: 0;
}
*/
/*----------------------------------------------------------*/
/* MAIN MENU */

#mainMenuSection {
  clear: both;
  margin: 0;
  padding: 0;
}
#mainMenuSection span.selectedOption a {
  font-weight: bold;
}

#siteSectionMenu {
  padding: 0.3em 0 0.3em 0.5em;
}
#siteSubsectionMenu {
  padding: 0.3em 0 0.3em 0.8em;
}
#siteSectionMenu a {
  padding: 0.3em 0.5em 0.3em 0.5em;
}
#siteSubsectionMenu a {
  padding: 0.3em 0.5em 0.3em 0.5em;
}

/*---------------------------------------------*/
/* Error Section */

#errorSection {
  width: 40em;
  margin: 0.5em 0 0.5em 0;
  padding: 0 0 0.8em 0;
  font-size: 0.8em;
}

#errorSection h2 {
  margin-top: 0;
  margin-left: 0 !important;
  padding: 5px 5px 5px 15px;
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
}
#errorSection ul {
  margin-top: 1.2em;
  margin-bottom: 0.3em;
  margin-left: 0;
  padding-left: 2em;
}
#errorSection ul li {
  list-style: square;
}

/*---------------------------------------------*/
/* Flash Area - notices and error messages */

#flashArea {
  margin: 0 0 0 0;
  padding: 0.5em 0 0.1em 0;
}

#flashNotice, #flashError {
  width: 70%;
  margin: 0.2em 0 0.5em 1em;
  padding: 1em 1.5em 1em 1.5em;
  font: bold smaller sans-serif;
}

/*----------------------------------------------------------*/
/* CONTENT SECTION */

#content {
  padding: 0.1em 1em 0.5em 1em;
}

/*----------------------------------------------------------*/
/* FOOTER */

#footer {
	text-align: center;
  font-size: 0.75em;
}
#footerHelpMenu {
  padding: 0.3em 0 0.3em 0;
}
#footerMenu {
  padding: 0.3em 0 0.3em 0;
}

#footer a:link { text-decoration: none; }
#footer a:visited { text-decoration: none; } 
#footer a:hover { text-decoration:underline; } 
#footer a:active { text-decoration: none; } 

#footer span {
  margin-right: 3em;
}


/*----------------------------------------------------------*/
/* INDIVIDUAL PAGES */
/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/* ADVANCED SEARCH */

form#advancedSearchForm label {
	width: 7em;
}
/* form#advancedSearchForm #locationExplanation { */
#locationExplanation {
	margin-left: 1em;
	font-size: 0.8em;
}
form#advancedSearchForm button {
	margin-left: 2em;
}

/*----------------------------------------------------------*/
/* SEARCH RESULTS */

table.searchResults {
	/*
	 * border-spacing does not work on IE up to and inc. IE7,
	 * so cellspacing="1" is included in markup
	 */
  border-spacing: 1px;  
  border-top: thin solid #CFCFCF;
  border-left: thin solid #CFCFCF;
  border-bottom: thin solid #2F2F2F;
  border-right: thin solid #2F2F2F;
  margin-bottom: 1.0em;
}
table.searchResults th, table.searchResults td {
  border-top: thin solid #2F2F2F;
  border-left: thin solid #2F2F2F;
  border-bottom: thin solid #CFCFCF;
  border-right: thin solid #CFCFCF;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
table.searchResults .longData {
  text-align: left;
}
table .shortData {
  text-align: center;
}

/*----------------------------------------------------------*/
/* CHANGE PASSWORD */

body#changePassword h2 {
	margin-left: 10em;
}
form#changePasswordForm label {
	width: 14em;
}
form#changePasswordForm .formButton {
	margin-left: 15em;
}

/*----------------------------------------------------------*/
/* CONTACT */

body#contact h2 {
	margin-left: 7.3em;
}
form#contactForm label {
	width: 10em;
}
form#contactForm textarea {
	float: left;
}
form#contactForm .formButton {
	padding-top: 1em;
	margin-left: 11em;
}

/*----------------------------------------------------------*/
/* HOME */

ul#whatNext li {
	margin: 0.5em 0 0.5em 0;
}

#currentActivityTitle {
  margin: 0 0 0 0;
  padding: 0.5em 0 0 0;
}
#currentActivity {
  width: 80%;
  border: 1px solid black;
  margin: 0 0 0 0;
  padding: 0 1em 0 1em;
}

/*----------------------------------------------------------*/
/* ITEM (VIEW) */

/* allow labels to wrap without screwing up layout */
form#itemViewForm .formField {
  overflow: auto;
}

#itemViewCategoryCell {
  float: left;
	margin-left: 1em;
	margin-right: 3em;
  padding-top: 5em;
}
/* allow category cell to be full height */
#itemViewFieldsCell {
  overflow: auto;
}

form#itemViewForm label {
	width: 12em;
}
form#itemViewForm .formButtonArea {
  clear: both;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  margin-left: 13.5em;
}

/*----------------------------------------------------------*/
/* ITEMS (ADD / EDIT / DELETE) */

#itemListTitle {
  float: left;
  margin-right: 2em;
}
#itemAddLink {
  padding-top: 1.0em;
}

body#itemList .currentData {
  clear: both;
}

form#itemAddForm label, 
form#itemEditForm label {
	text-align: left;
	width: 12em;
}
input#unavailable {
	margin-right: 2em;
}
.itemSaveButton {
	margin-left: 2em;
}

/*----------------------------------------------------------*/
/* LOGIN PAGE */

body#login h2 {
	margin-left: 11.2em;
}
form#loginForm label {
	width: 16em;
}
form#loginForm .formButton {
	margin-left: 17em;
}
form#loginForm .formCheckboxField {
	margin-left: 17em;
}
#loginRememberMeLabel {
  font-size: 0.75em
}
#loginForgottenPasswordLink {
  margin-left: 3em;
}

/*----------------------------------------------------------*/
/* TRUST STATS */
th.statName {
  /* font-weight: bold; */
  font-weight: normal;
}
td.statValue {
  text-align: center;
}

/*----------------------------------------------------------*/
/* OTHER PROFILE */

body#otherMemberProfile label {
	width: 13em;
}

/*----------------------------------------------------------*/
/* PROFILE */

body#profilePersonal h2 {
	margin-left: 8.8em;
}
form#profilePersonalForm label {
	width: 12em;
}
form#profilePersonalForm div.formFieldExplanation {
	margin-left: 15.3em;
}
form#profilePersonalForm .formButton {
	margin-left: 13em;
}

/*----------------------------------------------------------*/
/* REGISTER */

body#register h2 {
	margin-left: 7.2em;
}
form#registerForm label {
	width: 10em;
}
form#registerForm div.formFieldExplanation {
	margin-left: 13em;
}
form#registerForm .formSurvey {
	margin: 1em 0 1em 11em;
	padding: 0.7em 0.5em 0.7em 0.8em;
  border: 1px solid gray;
}
form#registerForm .formSurvey label {
  text-align: left;
  width: auto;
}
form#registerForm div.formFieldExplanationSurvey {
	margin-left: 2em;
	font-size: 0.85em;
}
form#registerForm div.listColumnCategory {
	font-size: 0.85em;
}
form#registerForm .formButton {
	margin-left: 11em;
}
/*----------------------------------------------------------*/
/* TRANSACTION */

form#transactionForm {
  padding-left: 0.5em;
}
#messageHelp {
  width: 70%;
  font-size: 0.8em;
}


/*----------------------------------------------------------*/
/* END OF FILE */