/* StyleSheet 9: PropertyShop */
/* This style sheet has been generated automatically - do not edit manually!! */

/* LINKS */

/* TAGS */

/* OTHER STYLES */
body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-size: smaller;
  background-color: #D9E5EF;
}
input, select, h2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
table {
  font-size: 100%;
}

legend {
  color: #004d91;
}
fieldset {
  border: 1px solid #81A8C8;
}

#PropertyShopHeader {
  background-color: #fff;
  width:100%;
  height: 74px;
   width: 100%;
}

#PropertyShopHeader H1 {
  display: none;
}

#PropertyShopLogo1 {
   height: 74px;
   width: 490px;
  position:absolute;
  left: 8px;
  top: 6px;
  background-image: url(/EastSurreyInstallation/NovaWeb/Images/Epsom_Ewell_logo.gif);
  background-repeat: no-repeat;
}

#PropertyShopLogo2 {
  background-color: Navy;
  width:300px;
  height: 60px;
  position:absolute;
  left: 80px;
  top: 10px;
  display: none;
}

#PropertyShopTopMenu {
  width: 100%;
  float: left;
  background-color: #188e3b;
}

#PropertyShopTopMenu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 float: left;
 clear: right;
}

#PropertyShopTopMenu li {
  float: left;
  display: block;
  text-decoration: none;
  padding: 0;
}

#PropertyShopTopMenu A {
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: #fff;
  padding: 4px 10px 5px 10px;
}
#PropertyShopTopMenu A:hover {
  background-color: #004d91;
  color: #fff;
}

#PropertyShopTopBar {
  width: 100%;
  background-color: #004d91;
  color: #fff;
  padding: 2px 0;
  font-size: 80%;
  text-indent: 10px;
}
#PropertyShopTopBar a {
  text-decoration: none;
  text-align: right;
  color: #fff;
  position: relative;
  top: -13px;
  margin-bottom: -13px;
  display: block;
  float: right;
  padding-right: 10px;
}

#PropertyShopleftMenu {
  width: 180px;
  margin: 20px 0 20px 11px;
  padding: 0;
  float: left;
  clear: right;
}

#PropertyShopleftMenu ul {
 list-style: none;
 padding: 0px;
 margin-left: 0px;
}

#PropertyShopleftMenu ul.level3 {
  margin-top: 0px;
  padding-top: 0px;
}

#PropertyShopleftMenu ul.level3 li {
  margin-left: 20px;
}

#PropertyShopleftMenu ul.level3 li A {
  font-weight: normal;
}

#PropertyShopleftMenu li {
 display: block;
 text-decoration: none;
 padding: 0 0 10px 0;
}

#PropertyShopleftMenu A {
  text-decoration: none;
  color: #004d91;
}
#PropertyShopleftMenu A:hover {
  text-decoration: underline;
}

#PropertyShopContentContainer {
  position: absolute;
  top: 135px;
  left: 200px;
}

#PropertyShopBreadcrumb {
  width:100%;
  padding: 2px;
  padding-left: 7px;
}

#PropertyShopBreadcrumb A, #PropertyShopBreadcrumb A:visited, #PropertyShopBreadcrumb .BreadcrumbPlain {
  color: #188e3b;
  padding: 0 3px;
}

#PropertyShopContentHeader {
 padding-left: 10px;
}

H2 {
  color: #004d91;
  font-size: 140%;
  font-family: Verdana, Arial, sans-serif;
  margin: 8px 0;
}


#PropertyShopContent {
  padding-left: 10px;
  padding-right: 10px;
  clear: right;
  width: 90%;
}

#PropertyShopContent A, #PropertyShopContent A:visited, #PropertyShopContent A.BasicLink, #PropertyShopContent A.BasicLink:visited {
  color: #004d91;
  text-decoration: none;
  font-weight: 700;
}

span.PropertyShopFooter {
  display: block;
  /*border-top : 1px solid #004d91;
  border-bottom : 1px solid #004d91;*/
  background-color: #C0D3E3;
  width:100%;
  text-align: center;
  padding-top:5px;
  padding-bottom: 5px;
  margin-top: 50px;
  color: #004d91;
  font-size: 80%;
}

.PropertyShopFooter A , .PropertyShopFooter A:visited {
  color: #004d91;
}

#PropertyShopContent A, #PropertyShopContent A:visited {
  color: #004d91;
}

DIV.CORE_ClientLogin LABEL {
  width:100%;
  padding-bottom: 10px;
}

DIV.CORE_ClientLogin .FormField {
  display: block;
  padding-bottom: 10px;
}

.PropertyShopLoginError {
  border: 1px solid #fff;
  padding: 5px;
  margin-bottom: 10px;
}

.FormError {
  background: #FFF0F5;
  border: 1px solid Red;
  padding: 5px;
  margin-bottom: 10px;
}

.FieldError {
  background: #FFF0F5;
  border: 1px solid Red;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 5px;
}

#PropertyShopSwitchStyle, #PropertyShopSiteMap {
  position: absolute;
  left: 500px;
  top: 5px;
  text-decoration: none;
  color: #188e3b;
}

#PropertyShopSiteMap {
  top: 25px;
}



/* Online application form styles */

.formtable fieldset {
  width: 630px;
}
.FormTable form {
  margin: 0px;
}
.FormTable H1 {
  font-family: Arial;
  font-size: 120%;
  color: #004d91;
}
.FormTable div.FormControl {
  padding-top: 10px;
  text-align: center;
  width: 100%;
}
.FormTable div.FormControl input {
  width: 200px;
}
.FormTable input#btnTopNavigation, .FormTable input#btnBottomNavigation {
  font: 2em;
}
.FormTable hr.FormHR {
  width: 90%;
  display: block;
  float: left;
  clear: left;
  margin: 10px 0 5px 140px;
  padding: 0;
  height: 1px;
}

/* tables */
.FormTable table#HouseholdMemberList {
  border-top: 1px solid #708090;
  border-bottom: 1px solid #708090;
  border-right: 1px solid #708090;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 600px;
}
.FormTable table#HouseholdMemberList th, table#HouseholdMemberList td {
  border-left: 1px solid #708090;
  padding: 3px;
  font-size: 80%;
}
.FormTable table#HouseholdMemberList th {
  background-color: #D3D3D3;
  text-align: left;
  border-bottom: 1px solid #708090;
}
.FormTable #HouseholdMemberButtons input {
  width: 180px;
}
.FormTable #HouseholdMemberDelete, #HouseholdMemberEdit {
  width: 50px;
}
/* end tables */

.FormTable div.FormTable h1 {
  margin: 0;
  padding: 2px;
  font-size: 120%;
  text-align: center;
  background-color: #ccc;
  color: #32287b;
}
.FormTable .TextField, .FormTable .SelectField {
  font: 1em Verdana;
}
.FormTable .FormGroup {
  padding: 0 10px 10px 10px;
  border: 1px solid #188e3b;
  display: block;
  clear: left;
  margin: 10px 0;
}

.FormTable fieldset.FormGroup div.FormTable fieldset.FormGroup{
  padding: 0 10px 10px 10px;
  border: 1px solid #b8b197;
  display: block;
  clear: left;
  margin: 10px 0;
  width:100%;
}

.FormTable .FormGroup legend {
  font-weight: bold;
  color: #188e3b;
  padding: 2px 5px;
}
.FormTable .FormHelp {
  width: 25px;
}
.FormTable div.FormError, .FormTable #LogonErrorMessage {
  background: #FFF0F5;
  border: 1px solid Red;
  letter-spacing: 1.2px;
  font: 0.8em Verdana;
  padding: 10px;
  margin: 10px;
  width: 100%;
  float: left;
}
.FormTable div.FieldError {
  background: #FFF0F5;
  border: 1px solid Red;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 2px 5px;
  width: 610px;
}
.FormTable div.FormError ul {
  letter-spacing: 1.2px;
}
.FormTable label.FormLabel, .FormTable span.FormLabel {
  width: 230px;
  display: inline;
  float: left;
  text-align: right;
  margin: 0 10px 0 0;
  padding: 0;
  font-weight: normal;
}
.FormTable div.FormDescriptiveText {
  margin: 5px;
  padding: 5px;
  letter-spacing: 1.1px;
  width: 580px;
  display: block;
}
.FormTable div.FormDescriptiveText ul {
  letter-spacing: 1.1px;
}

.FormTable input.FormButton {
  margin-bottom: 10px;
}
.FormTable span.FormField {
  width: 320px;
  display: inline;
  float: left;
  padding: 0;
  margin: 0;
}
.FormTable #HM_AddressSameAsPA_JointApplicant.FormProperty {
  padding-bottom: 10px;
}
.FormTable #CorrespondenceAddressSameAsPALabel.FormProperty {
  padding-top: 10px;
  padding-bottom: 10px;
}
.FormTable span.FormGridCell, .FormTable div.HangingIndent {
  width: 195px;
  padding: 0;
  display: block;
}
.FormTable input {
  vertical-align: middle;
}
.FormTable div.FormProperty {
  padding-top: 4px;
  width:100%;
  display:block;
  clear: both;
  float: left;
}
.FormTable div span.FormGridCell div.HangingIndent label, .FormTable .FormField label {
  font-weight: normal;
}
input.TextField {
  max-width: 320px;
  width: 265px;
}
.FormTable div, .FormTable span {
  float: left;
}

/*page progress bar*/

div.PageNavigationSummary {
  font-size: 76%;
  font-color: #188e3b;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
div.Description {
  text-align: center;
  padding: 2px;
  margin-right: 10px;
  color: #188e3b;
}
div.PagePositionAndCount {
  padding: 2px;
  text-align: center;
  color: #188e3b;
}
span.Page {
  display: block;
  float: left;
  border: none;
  width: 45px;
  height: 20px;
  background-color: #FFEAB7;
  padding: 0px;
  margin: 3px 2px;
  border: 1px solid #FFD779;
}
div.Bar {
  border: 1px solid #D59500;
  padding: 0px;
  height: 28px;
  padding: 0 2px;
  margin: 2px 0;
  background-color: #e1ebf4;
  width: 510px;
}
div.PageProgressBar span.Past, div.PageProgressBar span.Current {
  background-color: #fff;
  border: 1px solid #D59500;
}
div.PageProgressBar span.Future {
}
div.PageProgressBar span.Last {
}
div.PageHistory {
  text-align: left;
}
div.PageHistory .Description, div.PageHistory .DropDown, div.PageHistory .Button {
  float: left;
}
div.PageHistory div.Button {
  margin-left: 5px;
}
div.Dropdown select.SelectField {
  font-size: 115%;
  vertical-align: middle;
}

/*end page progress bar */

.FormTable input#HouseholdMemberSave {
  width: auto;
}

/* End Of Online application form styles */




/* Address History styles 2007-03-12 NJP */

table.AddressHistory {  
  border-top: 1px solid #708090;
  border-bottom: 1px solid #708090;
  border-left: 1px solid #708090;
  border-right: 1px solid #708090;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 600px;
}
tr.AddressHistoryHeaderRow td, tr.AddressHistoryFooterRow td, tr.AddressHistoryHeaderRow td#AddressHistoryHouseholdMembers {
  background-color: #D3D3D3;
  text-align: left;
  border-bottom: 1px solid #708090;
  padding: 3px;
  font-size: 80%;
  font-weight: bold;
}
tr.AddressHistoryFooterRow td {
  text-align: right;
}
tr.AddressHistoryHeaderRow td#AddressHistoryHouseholdMembers {
  border-left: 1px solid #708090; 
}

td.AddressHistoryAddressCell, td.AddressHistoryHouseholdMembersCell {
  font-size: 80%;
  text-align: left;
}
td.AddressHistoryHouseholdMembersCell table {
  width: 80%;
  font-size: 80%;
  text-align: left;
}
td.AddressHistoryDates, td.AddressHistoryEditDatesCell {
  text-align: right;
}
td.AddressHistoryEditButton
{
  text-align: left;
  font-size: 80%;
}
td.AddressHistorySaveButton, td.AddressHistoryDeleteButton, td.AddressHistoryCancelButton {
  text-align: center;
  font-size: 80%;
}
table.AddressHistoryEditPane {
  border-top: 1px solid #708090;
  border-bottom: 1px solid #708090;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 600px;
}
tr.AddressHistoryLine {
  height: 1px;
  background-color: Gray;
}
tr.AddressHistoryRow {
  background-color: White;
}
tr.AddressHistoryRowAlternate {
  background-color: #ffc;
}
input.AddressHistoryButton, input.FormButton, input.Btn {
  margin-bottom: 2px;
  border: 1px solid #188e3b;
  color: #188e3b;
  background-color: #188e3b;
}
span.AddressHistoryCurrentAddress {
  font-weight: bold;
  color: Red;
}
td.AddressHistoryApplySameToAll {
  text-align: right;
  border-bottom: 1px solid #708090;
}

/* End of Address History styles*/




#ShowAll INPUT, #ShowAllAS1 INPUT, #ShowAllAS501 INPUT, #ShowAllAS502 INPUT {
  width: 150px;
}

#ShowAll LABEL, #ShowAllAS1 LABEL, #ShowAllAS501 LABEL, #ShowAllAS502 LABEL {
  width: auto;
}

div.PropertyShopMXForm {
  border: 1px solid #188e3b;
  background-color: fff;
  width: 750px;
  padding: 10px;
}
div.PropertyShopMXForm div.FormFieldButton span.TrailingFieldHTML label {
  width: 500px;
}

div.PropertyShopMXForm div.sectionheader {
  font-weight: bold;
  padding-bottom: 15px;
}

div.PropertyShopMXForm label {
  margin: 2px;
  width: 200px;
}


/*Louise- SITE MAP */
/*prevents extra bullet on IE but doesn't work on Firefox*/
div#PropertyShopContent ul.level1 li {
  border-top: 1px solid #D9E5EF;
}
/*Tidies up layout on Firefox (but bullet still present)*/
div#PropertyShopContent ul, div#PropertyShopContent li {
  padding-top: 0;
  margin-top: 0;
}
/*End Louise- SITE MAP */

.AdvertPageLinkCurrentItem
{
border-left: 1px solid #1363a8;
border-right: 1px solid #1363a8;

}