/* main.css - Global styles */

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

/* FOR DEVELOPMENT ONLY */
.developmentNote {
  color: red;
}

/*----------------------------------------------------------*/
/* COLOURS */


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

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

/* site header */
h1 {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0.2em;
  margin-bottom: 0;
  padding: 0;
}
/* page header */
h2 {
}
/* page section */
h3 {
}
/* page subsection */
h4 {
	clear: both;
	padding-top: 1em;
	margin-bottom: 0;
}


hr {
  clear: both;
  margin-top: 0;
}

th {
  text-align: left;
}

input, textarea, select {
  margin-right: 0.2em;
  /*color: #781351;*/
  /*background: #fee3ad;*/
  /*border: 1px solid #781351*/
  color: black;
  background: #ffeeee;
  border: 1px solid black
}

#content label {
	float: left;
	text-align: right;
	margin-right: 1em;
}

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

input.submit {
  color: #000;
  /*background: #ffa20f;*/
  background: #ffaacc;
  border: 2px outset #d7b9c9
}
.importantInfo {
  color: red;
}
.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;
}
.formFieldExplanation {
  margin-left: 2em;
}
.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;
}

/*
 * border-spacing does not work on IE up to and inc. IE7,
 * so cellspacing="1" is included in markup
 */
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 th, table.currentData td {
  padding-right: 1em;
  vertical-align: top;
}


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

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

#banner {
  float: left;
  margin-top: 0;
  margin-right: 1em;
/*  margin-bottom: 0.5em;*/
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
/*  background-color: rgb(223,255,223);*/
  background-color: rgb(232,255,212);
}
#logo1 {
  font-family: "Geneva", "Verdana", sans-serif;
  font-weight: normal;
  font-style: italic;
  color: red;
/*  color: rgb(192, 0, 0);*/
}
#logo2 {
  font-family: "Arial", "Nimbus Sans L", sans-serif;
  font-weight: bold;
  font-style: normal;
  color: green;
}
#strapline {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0.3em;
  padding-bottom: 0;
  padding-left: 0.3em;
/*  padding: 0; */
  font-family: "Arial", "Nimbus Sans L", sans-serif;
  font-weight: bold;
  font-style: normal;
  /*background-color: green;*/
  background-color: rgb(96, 192, 96);
  color: white;
}
/*
.straplineTrust {
  color: green;
}
.straplineDynamic {
  color: orange;
}
*/

#buglink {
  text-align: right;
  float: right;
} 

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

#loginArea {
  height: 3.2em;
  margin: 0;
  padding-top: 0.8em;
  background-color: rgb(232,255,212);
}
#loginArea span, #loginArea label {
  margin-left: 1em;
  margin-right: 0;
  padding: 0;
}
.loginAreaIntro {
  margin-left: 3em;
}
.loginAreaAction {
  margin-left: 1.5em;
}

/*----------------------------------------------------------*/
/* SEARCH AREA - small area, displayed when when logged in */
#searchForm {
  margin-top: 0.2em;
}

/*-----------------------------------------------------------*/
/* SEARCH SECTION - large area, displayed when not logged in */

#searchSection {
  padding-left: 1em;
  padding-right: 1em;
}

/*----------------------------------------------------------*/
/* MAIN MENU */

#mainMenuSection {
  clear: both;
  padding-top: 0.2em;
  margin-left: 1em;
}
#siteSectionMenu span {
  margin-right: 1em;
}
#siteSubsectionMenu {
  margin-top: 0.2em;
}
#siteSubsectionMenu span {
  margin-right: 1.5em;
}

/*---------------------------------------------*/
/* Error Area */

#errorExplanation {
  width: 40em;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0.8em;
  padding-left: 0;
  border: 2px solid red;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  /* margin: -7px;*/
  margin-top: 0;
  margin-left: 0 !important;
  padding: 5px 5px 5px 15px;
  background-color: #c00;
  color: #fff;
  text-align: left;
  font-weight: bold;
  font-size: 0.8em;
}
#errorExplanation ul {
  margin-top: 1.2em;
  margin-bottom: 0.3em;
  margin-left: 0;
  padding-left: 2em;
}
#errorExplanation ul li {
  font-size: 0.8em;
  list-style: square;
}

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


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

#flash {
  width: 70%;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  margin-left: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;
}
#flashNotice #flash {
  border: 2px solid orange;
}
#flashError #flash {
  border: 2px solid red;
}

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

#content {
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}

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

#footer {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0em;
	padding-bottom: 1em;
}
#footerMenu {
	text-align: center;
}

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

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

form#advancedSearchForm label {
	width: 7em;
}
form#advancedSearchForm span.formFieldExplanation {
	margin-left: 0.5em;
}
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;
}
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: 10em;
}
form#contactForm label {
	width: 14em;
}
form#contactForm textarea {
	float: left;
}
form#contactForm .formButton {
	padding-top: 1em;
	margin-left: 15em;
}

/*----------------------------------------------------------*/
/* ITEM */

div#item label {
	width: 10em;
}
#itemCategoryCell {
  float: left;
	margin-left: 1em;
	margin-right: 3em;
	line-height: 11em;
}
div#itemButtonArea {
	margin-top: 1em;
	margin-bottom: 4em;
	margin-left: 18em;
}
.itemButton {
  float:left; 
  margin-right:2em;
}

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

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



/*----------------------------------------------------------*/
/* MY ITEMS */

#myItemsListTitle {
  float: left;
  margin-right: 2em;
}
#myItemsAddLink {
  padding-top: 1.5em;
}

body#myItemsList table.currentData {
  clear: both;
}

form#myItemsAddForm label, 
form#myItemsEditForm label {
	text-align: left;
	width: 9em;
}
input#unavailable {
	margin-right: 2em;
}
.myItemsSaveButton {
	margin-left: 2em;
}


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

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

body#otherProfile label {
	width: 10em;
}

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

body#profilePersonal h2 {
	margin-left: 7.2em;
}
form#profilePersonalForm label {
	width: 10em;
}
form#profilePersonalForm div.formFieldExplanation {
	margin-left: 11em;
}
form#profilePersonalForm .formButton {
	margin-left: 11em;
}

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

body#register h2 {
	margin-left: 7.2em;
}
form#registerForm label {
	width: 10em;
}
form#registerForm div.formFieldExplanation {
	margin-left: 11em;
}
form#registerForm .formButton {
	margin-left: 11em;
}