﻿/* CSS Document */

/* begin styles to be overwritten */

#brandingContainer {
	background: #4E8418 url(../images/en/bkg-sea-hdr-colour.jpg) top center no-repeat;
}
#content {
	width: 748px;
}
.txtIndent {
	padding: 1px 20px;
}

.imgBorder {
	border: 1px solid black;
}

/* end styles to be overwritten */

/* begin nav styles */
#navSearch {
	float: right;
	padding-top: 50px;
}
#navSearch label {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight:bold;
}
#navSearch select {
	width: 160px;
}

/* end nav styles */

/* begin form related styles */

.photoBoxSmall input {
	width: 250px;
}
.photoBoxSmall .inputDbtxtApplet {
	width: 180px;
	vertical-align: bottom;
}
.photoBoxSmall .inputMedium {
	width: 180px;
}
.photoBoxSmall .inputSmall {
	width: 100px;
}
.photoBoxSmall input.btnSubmit,
.photoBoxSmall input.btnBrowse {
	width: 60px;
	margin: 10px 10px 0 0;
	}
.photoBoxSmall input.btnBrowse {
	margin: 0 0 0 10px;
}
#navSearch input.btnSubmit {
	width: 26px;
	height: 19px;
	vertical-align: top;
}

/* end form related styles */

/* begin table related styles */

div.photoBox table {
	width: 100%;
	margin: 5px 0;
	padding: 0;
	background-color: #fff;
	border: 1px solid #80a060;
	border-collapse: collapse;
}
div.photoBox td {
	vertical-align: top;
}
div.photoBox tr.evenRow {
	background-color: #eee;
}
div.photoBox td,
div.photoBox th {
	border: 1px solid #80a060;
	padding: 12px 8px 12px 8px;
}
div.photoBox td {
	border-width: 0 0 1px 0; /* bottom */
}
div.photoBox td.objectDetails {
	border-width: 0 0 0px 0; /* bottom */
}
div.photoBox th {
	border-width: 0 0 1px 1px; /* bottom + left */
	background-color: #eee;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
}
div.photoBox th:first-child,
div.photoBox th.firstCell  {
	border-width: 0 0 1px 0; /* bottom only */
}
div.photoBox .tdDate,
div.photoBox .tdEdit {
	width: 70px;
}
div.photoBox .borderRight {
	border-right: 1px solid #80a060;
}

.tblTitle {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.4em;
	font-weight:normal;
	letter-spacing: 1px;
	color: #337E33;
}

#imagePrice input {
	vertical-align: middle;
	margin-right: 4px;
}	
#imagePrice .btnSubmit {
	margin-left: 21px;
}

#imagePrice td {
	border: none;
}	
#imagePrice tr.evenRow td {
	border-top: 1px solid #80a060;
	border-bottom: 1px solid #80a060;
	border-right: 1px solid #80a060;
}	

table.listing {
	width: 100%;
}
table.listing td { 
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}
table.listing td.tblTitle,
table.listing tr.evenRow td {
	padding: 12px 8px 12px 12px;
}

/* column widths for listing tables */
.imgThumbNail {
	width: 200px;
}
.imgCallNo {
	/* white-space: nowrap; */
	width: 69px;
	/* background-color: #fef; */
}
.imgTitle {
	/* width: 60%; */
	width: 250px;
}
.imgDate {
	/* background-color: #eff; */
	width: 45px;
}
.imgEdit {
	/* white-space: nowrap; */
	width: 66px;
}

table.listing input,
table.listing select {
	width: 200px;
}
table.listing input.inputSmall {
	width: 80px;	
}
table.listing .colNarrow {
	width: 300px;
}
table.listing .floatLeft {
	float: left;
	width: 60%;
}
table.listing .floatRight {
	float: right;
	text-align: right;
	width: 38%;
}

/* end table related styles */

.searchHomeColumnA {
	float: left;
	margin-left: 20px;
	width: 350px;
	display: inline; 
}
.searchHomeColumnB {
	float: right;
	margin-right: 20px;
	width: 320px;
	display: inline; 
}

.searchHomeColumnANarrow {
	float: left;
	margin-left: 20px;
	width: 280px;
	display: inline; 
}
.searchHomeColumnBWide {
	float: right;
	margin-right: 20px;
	width: 400px;
	display: inline; 
}

.floatLeft {
	float: left;
	width: 30%;
	margin: 0;
}
.floatRight {
	float: right;
	text-align: right;
	width: 58%;
}

.floatLeft350 {
	float: left;
	width: 340px;
}
.floatRight350 {
	float: right;
	width: 340px;
}
.floatLeft4 {
	float: left;
	width: 23%;
}

.floatLeft5 {
	float: left;
	width: 18%;
}
.emphasis {
	color: #993400; /*#CC0000;*/
}

.coloured {
	color: #4E8418;
}

.photoBox {
	background-color: #C2D6A3;
	width: 730px;
	\width: 748px; 
  	w\idth: 730px;
	padding: 20px 8px;
	border: 1px solid #8DB350;
	margin: 5px 0;
}
.photoBoxSmall {
	background-color: #C2D6A3;
	padding: 10px 10px 10px 10px;
	border: 1px solid #8DB350;
}
.photoBoxSmallInset {
	background-color: #FFFFFF;
	padding: 10px;
	border: 1px solid #8DB350;
}
.photoBoxRightColumn {
	width: 100%;
}
.icon,.iconRight {
	vertical-align: middle;
	margin-right: 4px;
}
.iconRight /* added by Laurence 2005 Mar 22*/ {
	margin-left: 4px;
}
.searchResultsLeftColumn {
	width: 35%;
}
.searchResultsRightColumn {
	width: 65%;
}

/* begin WebPubResults and InMagic Styles */

.nextPrevText {
	color: #666;
}
Applet {
	background-color: #C2D6A3;
}
.searchHighlight {
	font-weight: bold;
	color: #337E33;
}

.imgDetails {
	vertical-align: middle;
	width: 100%;
	text-align: center;
}
/* end WebPubResults and InMagic Styles */

