/* ------------- GLOBAL STYLES ------------ */ * { padding: 0; margin: 0; border: 0; } body { margin: 0; padding: 0 0 20px 0; font-family: Arial; font-size: 10px; color: #444; background: #f0f0ee; text-align: center; } #container { text-align: left; margin: 0 auto 0 auto; width: 960px; } #mainContent a { color: #235483; text-decoration: none; } #mainContent a:hover { text-decoration: underline; } /* footer section styling */ #footer { float: left; clear: both; width: 960px; height: 15px; padding-top: 15px; } #footerLeft { float: left; width: 480px; } #footerLeft p { float: left; font-size: 1.1em; color: #a5acb0; line-height: 1.5em; } #footerLeft p a { text-decoration: none; color: #235483; } #footerRight { float: left; width: 480px; } #footerRight p { float: right; font-size: 1.1em; color: #a5acb0; line-height: 1.5em; } #footerRight p a { text-decoration: none; color: #a5acb0; } /* main top level navigation styling */ #topHeader { float: left; clear: both; width: 960px; height: 110px; overflow: hidden; } #topNav { float: left; clear: both; width: 960px; height: 35px; background: url(../images/navBackground.jpg) repeat-x; } #topNav ul { float: left; list-style-type: none; padding: 0; margin: 0; } #topNav ul li { float: left; } #topNav ul li p { float: left; height: 35px; line-height: 3.5em; color: #999; font-size: 1.2em; font-weight: normal; text-decoration: none; padding: 0; margin-top: -5px; } #topNav ul li a span.nav strong { font-weight: normal; } #topNav li a { float: left; color: #444444; font-size: 1.2em; font-weight: normal; text-decoration: none; line-height: 3.5em; } #topNav li a:hover, #topNav li a.on { background: url(../images/nav-highlight-centre.jpg) repeat-x; color: #fff; } #topNav li a:hover span.nav, #topNav li a.on span.nav { background: url(../images/nav-highlight-right.jpg) no-repeat top right; } #topNav li a span.nav { float: left; height: 35px; padding-right: 5px; cursor: pointer; } #topNav li a:hover strong, #topNav li a.on strong { background: url(../images/nav-highlight-left.jpg) no-repeat top left; } #topNav li a strong { float: left; height: 35px; padding-left: 5px; line-height: 35px; } #chineseFlag { float: right; display: inline; height: 35px; width: 59px; margin-right: 10px; cursor: pointer; } #topNav span.offsiteArrow { background: url(../images/offsiteArrow.gif) no-repeat top left; float: left; height: 8; padding-right: 8px; margin: 13px 0 0 5px; cursor: pointer; } /* top news ticker styling */ #secondBanner { float: left; clear: left; width: 960px; height: 30px; overflow: hidden; } #ticker { float: left; clear: left; height: 16px; border: 0; margin: 0; padding: 0; width: 800px; } #ticker h2.label { float: left; display: block; font-size: 1.2em; line-height: 2.5em; font-weight: bold; margin: 0; padding: 0; color:#444444; } #ticker #newsticker { margin:0; padding:0 0 0 10px; overflow: hidden; } #ticker #newsticker a { font-weight: normal; padding: 0; margin: 0; line-height: 2.5em; font-size: 1.2em; color: #235483; text-decoration: none; } #ticker #newsticker a:hover { text-decoration: underline; } #signUpNewsletter { float: left; width: 150px; height: 30px; } #signUpNewsletter a { float: right; clear: right; line-height: 2.5em; font-size: 1.2em; font-family: Arial Narrow; font-weight: bold; text-decoration: none; color: #235483; } /* standard page secondary header styling */ #secondHeader { float: left; clear: both; width: 930px; height: 25px; background: url(../images/secondHeader.jpg) no-repeat top left; padding: 15px; display: inline; margin-bottom: 10px; overflow: hidden; } /* box model Tan hack for secondary header */ * html #ie-centering #container #secondHeader { /width: 960px; } /* end */ #secondHeader h1.left { float: left; font-size: 2.2em; color: #235483; width: 650px; } #secondHeader h1.right { float: left; font-size: 1.9em; padding-top: 3px; color: #235483; width: 280px; } /* standard page secondary navigation styling */ #secondNav { float: left; clear: left; width: 150px; overflow: hidden; } #secondNav ul { float: left; width: 150px; list-style-type: none; margin: 0; padding: 0; } #secondNav li { border-top: solid 2px #fff; height: 25px; margin: 0; padding: 0; } #secondNav li a { text-decoration: none; display: block; height: 25px; width: 135px; line-height: 25px; font-size: 1.2em; color: #444444; padding-left: 15px; position: relative; } /* box model Tan hack for secondary navigation */ * html #ie-centering #container #content #secondNav li a { /width: 150px; } /* end */ #secondNav li a:hover, #secondNav li a.on { color: #235483; background: url(../images/second-nav-bg.jpg) no-repeat top left; } #secondNav li a img { position: absolute; top: 8px; right: 15px; } #secondNav p#login { float: left; width: 135px; padding-left: 15px; font-size: 1.1em; color: #444444; } #secondNav p#login a { color: #235483; font-weight: bold; text-decoration: none; } #secondNav p#login a:hover { text-decoration: underline; } #secondNav #loginBox { float: left; width: 150px; height: auto; font-size: 1.2em; } #secondNav #loginBoxHeader { float: left; width: 150px; height: 30px; background: url(../images/loginSmallHeader.gif) no-repeat top left; } #secondNav #loginBoxHeader span { float: left; line-height: 30px; width: 135px; padding: 0 0 0 15px; } #secondNav #loginBox span a { color: #235483; font-weight: bold; text-decoration: none; } #secondNav #loginBox span a:hover { text-decoration: underline; } #secondNav #loginBoxContent { float: left; width: 120px; height: auto; background: #fff; padding: 15px; } #mainContent { float: left; width: 797px; overflow: hidden; margin: 0; padding: 0 0 0 13px; border: 0; } /* main content divs */ #mainContent1 { float: left; width: 310px; height: 350px; display: inline; margin: 0; overflow: hidden; } #mainContent2 { float: left; width: 310px; height: 350px; display: inline; margin: 0 0 0 13px; overflow: hidden; } /* right hand side advertising section */ #mainContent3 { float: left; width: 150px; height: 350px; display: inline; margin: 0 0 0 13px; overflow: hidden; } /* Individiual page styles start here -----------------------------------------------------------------------------------------------------------------------------*/ /* How can we Help page */ #howCanWeHelp1 { float: left; width: 310px; height: 350px; display: inline; margin: 0; overflow: hidden; } #howCanWeHelp2 { float: left; width: 310px; height: 350px; display: inline; margin: 0 0 0 13px; overflow: hidden; } #howCanWeHelp1 p { float: left; font-size: 1.2em; font-weight: normal; width: 310px; padding-bottom: 15px; } #howCanWeHelp1 h2 { float: left; width: 633px; font-size: 1.6em; } /* Relocate and Invest page */ #relocateInvest1 { float: left; width: 633px; overflow: hidden; } #relocateInvest1 h2 { float: left; width: 633px; font-size: 1.6em; } #relocateInvest1 p.relocateInvestIntro { float: left; width: 633px; margin-bottom: 10px; font-size: 1.1em; } #relocateInvest1 .relocateIssue { float: left; width: 620px; overflow: hidden; margin-bottom: 10px; } #relocateInvest1 .relocateIssue img.preview { float: left; clear: left; width: 100px; height: 114px; overflow: hidden; margin-right: 10px; } #relocateInvest1 .relocateIssue .relocateIssueText { float: left; clear: right; width: 510px; overflow: hidden; } #relocateInvest1 .relocateIssue .relocateIssueText h4 { float: left; clear: both; width: 510px; font-weight: bold; font-size: 1.1em; color: #444444; } #relocateInvest1 .relocateIssue strong { float: left; color: #444444; font-weight: bold; } #relocateInvest1 .relocateIssue p { float: left; font-size: 1.1em; } #relocateInvest1 .relocateIssue .relocateIssueText p img { float: left; clear: left; margin-right: 10px; } .relocateInvestPDFInfo { float: left; clear: both; width: 510px; } .relocateInvestPDFInfo a { line-height: 24px; } .relocateInvestPDFInfo a img { float: left; margin-right: 10px; } #pagenumbers { float: left; clear: left; text-align: right; width: 100%; font-size: 1.1em; padding-bottom: 10px; } /* Downloads page */ #publicationsColumn h2 { float: left; clear: left; width: 310px; font-size: 1.6em; font-weight: bold; } #publicationsColumn { float: left; width: 310px; margin: 0; overflow: hidden; } #publicationsColumn .pdf { float: left; width: 310px; margin-bottom: 10px; } #publicationsColumn .pdf a img { float: left; clear: left; margin-right: 10px; } #publicationsColumn .pdf h4 { float: left; width: 310px; font-size: 1.2em; font-weight: bold; } #publicationsColumn .pdf .description { float: left; width: 310px; } #publicationsColumn .pdf .description p { font-size: 1.2em; } #publicationsColumn .pdf .download { float: left; width: 250px; } #publicationsColumn .pdf .download p { font-size: 1.2em; } #publicationsColumn .pdf p a { line-height: 24px; } #reportsAdviceColumn { float: left; width: 310px; margin: 0 0 0 13px; overflow: hidden; display: inline; } #reportsAdviceColumn h2 { float: left; clear: left; width: 310px; font-size: 1.6em; font-weight: bold; } #reportsAdviceColumn .pdf { float: left; width: 310px; margin-bottom: 10px; } #reportsAdviceColumn .pdf a img { float: left; clear: left; margin-right: 10px; } #reportsAdviceColumn .pdf h4 { float: left; width: 310px; font-size: 1.2em; font-weight: bold; } #reportsAdviceColumn .pdf .description { float: left; width: 310px; } #reportsAdviceColumn .pdf .description p { font-size: 1.2em; } #reportsAdviceColumn .pdf .download { float: left; width: 250px; } #reportsAdviceColumn .pdf .download p { font-size: 1.2em; } #reportsAdviceColumn .pdf p a { line-height: 24px; } #brochuresRow { float: left; clear: both; width: 633px; } #brochuresRow h2 { float: left; clear: left; width: 633px; font-size: 1.6em; font-weight: bold; } #brochuresRow p { float: left; clear: both; font-size: 1.2em; width: 633px; } #brochuresRow #brochureFlags { float: left; clear: both; width: 430px; padding-top: 10px; } #brochuresRow #brochureFlags p, #brochuresRow #brochureFlags a { float: left; font-size: 1.2em; font-weight: normal; } #brochureFlags .individualBrochure { float: left; clear: both; width: 450px; height: 16px; margin-bottom: 5px; display: inline; } #brochureFlags .individualBrochureFlag { float: left; clear: left; width: 50px; } #brochureFlags .individualBrochureLink { float: left; line-height: 16px; clear: none; width: 300px; } #brochureFlags .individualBrochurePDF { float: left; line-height: 16px; clear: right; width: 80px; } #brochureFlags .individualBrochurePDF span.fileSize { float: left; width: 40px; font-size: 1.2em; } #brochureFlags .individualBrochurePDF img { float: right; } /* Case studies page */ /* Styles for case studies overview page */ #latestCaseStudies { float: left; width: 633px; overflow: hidden; } #latestCaseStudies h2 { float: left; clear: left; width: 443px; margin-bottom: 10px; font-size: 1.6em; line-height: 1em; } #latestCaseStudies p.intro { float: left; width: 633px; font-size: 1.1em; margin-bottom: 20px; } .individualCaseStudy { float: left; width: 633px; margin-bottom: 5px; } .individualCaseStudy .individualCaseStudyTitle { float: left; width: 550px; } .individualCaseStudy .individualCaseStudyTitle p { float: left; font-size: 1.1em; color: #444444; } .individualCaseStudy .individualCaseStudyDate { float: left; width: 83px; } .individualCaseStudy .individualCaseStudyDate p { float: left; font-size: 1.1em; color: #444444; } /* Styles for individual case study */ #latestCaseStudies h3 { float: left; font-size: 1.1em; line-height: 1em; clear: left; margin-bottom: 10px; width: 633px; color: #235483; } #latestCaseStudies #caseStudyText { float: left; clear: left; width: 423px; margin-bottom: 10px; } #latestCaseStudies #caseStudyText p { font-size: 1.1em; } #latestCaseStudies img { float: left; margin-left: 10px; } #latestCaseStudies #caseStudyPDF { float: left; clear: left; width: 150px; } #latestCaseStudies #caseStudyPDF img { float: left; margin: 0; } #latestCaseStudies #caseStudyPDF span { float: left; margin-left: 10px; font-size: 1.1em; line-height: 20px; } #latestCaseStudies #backArrow { float: right; font-size: 1.1em; width: 190px; height: 39px; background: url(../images/small-blue-arrow-left.gif) no-repeat top left; } #latestCaseStudies #backArrow a { margin-left: 12px; color: #235483; text-decoration: none; line-height: 17px; } #latestCaseStudies #backArrow a:hover { text-decoration: underline; } /* Latest News page */ /* Styles for latest-news.asp overview page */ #latestNews { float: left; width: 633px; overflow: hidden; } #latestNews h2 { float: left; clear: left; width: 633px; margin-bottom: 10px; font-size: 1.6em; line-height: 1em; } #latestNewsContainer .latestNewsStory { float: left; width: 633px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 2px #fff; } #latestNewsContainer .latestNewsStory p { float: left; width: 633px; font-size: 1.1em; } #latestNewsContainer #pagenumbers { float: left; width: 633px; font-size: 1.1em; margin-bottom: 10px; } .latestNewsStory a { font-size: 1.1em; } /* Styles for news.asp individual news story page */ #newsDetail { float: left; width: 633px; overflow: hidden; margin-bottom: 10px; } #newsDetail h2 { float: left; clear: left; width: 443px; font-size: 1.6em; line-height: 1em; margin-bottom: 10px; } #newsDetail h3 { float: left; font-size: 1.1em; line-height: 1em; clear: left; margin-bottom: 10px; width: 423px; color: #235483; } #newsDetail p.PDF a { float: left; clear: left; color: #235483; text-decoration: none; font-size: 1.1em; } #newsDetail p.PDF a:hover { text-decoration: underline; } #newsDetail #newsDetailStory { float: left; clear: left; width: 423px; overflow: hidden; } #newsDetail #newsDetailStory p { float: left; clear: left; width: 423px; margin-bottom: 10px; font-size: 1.2em; } #newsDetail img { float: right; width: 200px; overflow: hidden; } #newsDetail #backArrow { float: right; font-size: 1.1em; width: 190px; height: 39px; background: url(../images/small-blue-arrow-left.gif) no-repeat top left; } #newsDetail #backArrow a { margin-left: 12px; line-height: 17px; } /* Property details logged in page */ #mainContent p#noPropertyAvailable { float: left; width: 633px; clear: left; font-weight: normal; font-size: 1.1em; color: #444; } #propertyDetails { float: left; width: 633px; clear: left; } #propertyDetails h2 { float: left; clear: left; width: 473px; margin-bottom: 5px; font-size: 1.6em; line-height: 1em; } a#featuredPropLink { float: left; clear: left; width: 583px; margin-bottom: 10px; font-size: 1.2em; line-height: 1.2em; color: #235483; text-decoration: none; font-weight: bold; } a#featuredPropLink:hover { text-decoration: underline; } #propertyDetails .propertyDetailsContentSection { float: left; clear: left; width: 633px; margin-bottom: 10px; overflow: hidden; padding-right: 15px; } #propertyDetails .propertyDetailsContentSectionShort { float: left; clear: left; width: 533px; margin-bottom: 10px; overflow: hidden; padding-right: 15px; } #propertyDetails p { float: left; width: 633px; clear: left; font-size: 1.1em; } #propertyDetailsAgents { float: left; clear: left; width: 633px; margin-bottom: 20px; } #propertyDetails span.title { float: left; clear: left; width: 633px; color: #235483; font-size: 1.2em; font-weight: bold; } #propertyDetails span.propertyDetailsAgentName { float: left; clear: left; width: 200px; font-weight: normal; font-size: 1.1em; } #propertyDetails span.propertyDetailsAgentEmail { float: left; width: 20px; clear: right; } #propertyDetailsAddressImages { float: left; clear: left; width: 633px; margin-bottom: 20px; } span.propertyDetailsImage { float: left; clear: left; width: 633px; height: 16px; margin-bottom: 5px; } span.propertyDetailsImage a { float: left; font-size: 1.1em; line-height: 16px; } span.propertyDetailsImage a img { float: left; margin-right: 10px; } #propertyDetailsTenure { float: left; clear: left; width: 633px; margin-bottom: 10px; } span.detailsSectionLeft { float: left; clear: left; font-size: 1.1em; width: 200px; } span.detailsSectionRight { float: left; font-size: 1.1em; width: 430px; } span.detailsSectionRightShort { float: left; font-size: 1.1em; width: 330px; } span.threePartSection, span.threePartSectionTitle, span.threePartSection1 { float: left; width: 209px; overflow: hidden; font-size: 1.1em; } span.threePartSection1 { clear: left; } span.threePartSectionTitle { font-weight: bold; } #propertyDetailsThumbnail { float: left; } #propertyOptionButtons { font-size: 1.1em; } /* Campaign details page */ #campaignDetails { float: left; width: 633px; clear: left; overflow: hidden; } #campaignDetails h2 { float: left; clear: left; width: 633px; margin-bottom: 10px; } #campaignDetails img { float: left; clear: left; margin-bottom: 10px; } #campaignDetails h2 { float: left; clear: left; width: 633px; font-size: 1.6em; line-height: 1em; margin-bottom: 10px; } #campaignDetails h3 { float: left; clear: left; width: 633px; margin-bottom: 10px; font-size: 1.2em; line-height: 1em; color: #235483; } #campaignDetails #campaignDetailsDescription { float: left; clear: left; width: 633px; font-size: 1.2em; margin-bottom: 10px; } #campaignDetails #campaignDetailsDescription p { margin-bottom: 10px; } #campaignDetails #backViewPropertiesButtons { float: left; clear: left; width: 633px; font-size: 1.2em; } #campaignDetails #backViewPropertiesButtons p, #campaignDetails #backViewPropertiesButtons p a { text-decoration: none; color: #235483; font-weight: bold; } #campaignDetails #backViewPropertiesButtons a:hover { text-decoration: underline; } /* Featured properties page */ #featuredPropertiesList { float: left; clear: left; width: 633px; } #featuredPropertiesList h2 { float: left; clear: left; width: 633px; font-size: 1.6em; font-weight: bold; margin-bottom: 10px; } .featuredPropertyIndividual { float: left; clear: left; width: 633px; margin-bottom: 20px; } .featuredPropertyIndividualText { float: left; width: 232px; overflow; hidden; } .featuredPropertyIndividual img { float: left; clear: left; width: 148px; padding-right: 20px; } .featuredPropertyIndividual h3 { float: left; width: 232px; font-size: 1.2em; font-weight: bold; text-decoration: none; color: #444; } .featuredPropertyIndividual span { float: left; width: 232px; font-size: 1.2em; font-weight: normal; text-decoration: none; color: #444; } .featuredPropertyIndividual h4 { float: left; width: 232px; font-size: 1.2em; font-weight: normal; color: #235483; text-decoration: none; } .featPropExtra { float: left; clear: right; width: 232px; } /* Search results page */ #searchResults { float: left; clear: left; width: 633px; overflow: hidden; } #searchResults h2 { float: left; clear: left; width: 483px; font-size: 1.6em; font-weight: bold; } #searchResults p { float: left; clear: left; width: 633px; font-size: 1.1em; } #searchResults .searchDetails { float: left; clear: left; width: 633px; margin-bottom: 20px; } #searchResults .pageNavButtons { float: left; clear: left; width: 633px; margin-bottom: 5px; } #searchResults .pageNavButtons span.pageNumbers { color: #235483; } #searchResults form table { font-size: 1.1em; border: solid 1px #f0f0ee; overflow: hidden; } #searchResults form table#searchResultsTable td { background: #ffffff; vertical-align: top; overflow: hidden; } #searchResults form table#searchResultsTable th.searchTableHeader { background: url(../images/searchTableHeader.gif) no-repeat top left; width: 100px; padding-left: 7px; height: 30px; color: #235483; } #searchResults form table#searchResultsTable th.searchTableHeader_ { width: 73px; padding-left: 7px; height: 30px; color: #235483; } #searchResults form table#searchResultsTable td.long { width: 87px; padding: 10px; overflow: hidden; } #searchResults form table#searchResultsTable td.short { width: 60px; padding: 10px; overflow: hidden; } #searchResults form table#searchResultsTable td img { float: left; margin: 3px; } #searchResults form table tbody tr .bottomRowBorder { border-bottom: solid 1px #bab5b0; } #searchResults #mainSearchDetails { float: left; clear: left; width: 633px; } #searchResults .pageNavButtons input.pageNavArrowShort { width: 10px; height: 9px; } #searchResults .pageNavButtons input.pageNavArrowLong { width: 15px; height: 9px; } #youSearchedFor { float: left; width: 150px; height: auto; display: inline; margin: 0 0 0 13px; overflow: hidden; } #youSearchedForHeading { float: left; width: 135px; padding: 0 0 0 15px; height: 30px; background: url(../images/loginSmallHeader.gif) no-repeat top left; } #youSearchedForHeading a { color: #235483; font-weight: bold; text-decoration: none; line-height: 30px; font-size: 1.2em; } #youSearchedForHeading span a:hover { text-decoration: underline; } #youSearchedForContent { float: left; background: #fff; width: 120px; padding: 10px 15px; } #youSearchedFor h3 { float: left; clear: left; width: 120px; color: #235483; font-size: 1.2em; font-weight: normal; margin-bottom: 10px; } #youSearchedFor p { float: left; clear: left; width: 120px; margin-bottom: 10px; font-size: 1.1em; } /* Login page styles */ #loginContainer { float: left; clear: left; width: 633px; overflow: hidden; } #loginContainer h2 { float: left; width: 633px; font-size: 1.6em; font-weight: bold; margin-bottom: 5px; } #loginContainer #loginSectionLeft { float: left; width: 310px; height: 350px; display: inline; margin: 0; overflow: hidden; } #loginContainer #loginSectionRight { float: left; width: 310px; height: 350px; display: inline; margin: 0 0 0 13px; overflow: hidden; } #loginContainer #loginSectionLeft form label { float: left; clear: both; width: 310px; font-size: 1.1em; margin-bottom: 5px; } #loginContainer #loginSectionLeft form input.text { float: left; clear: both; width: 310px; font-size: 1.1em; line-height: 1.3em; padding: 5px 0; margin-bottom: 5px; } #loginContainer #loginSectionLeft form input.login { float: left; text-align: left; clear: both; width: 307px; font-size: 1.1em; height: 20px; color: #235483; background: url(../images/login-arrow-small.gif) no-repeat top right; height: 20px; line-height: 20px; cursor: pointer; margin-bottom: 30px; font-family: arial; } #loginContainer #loginSectionLeft form .submitButtonBorder { float: left; border-top: solid 1px #ffffff; width: 310px; height: 20px; overflow: hidden; margin-bottom: 20px; } #loginContainer #loginSectionLeft form input#password { margin-bottom: 20px; } #loginContainer #loginSectionLeft h3 { float: left; width: 310px; clear: both; font-size: 1.1em; font-weight: bold; margin-bottom: 14px; color: #444; } #loginContainer #loginSectionLeft form p { float: left; width: 310px; clear: both; font-size: 1.1em; overflow: hidden; } #loginContainer #loginSectionLeft form a#passwordReminder { float: left; width: 307px; height: 20px; line-height: 20px; text-decoration: none; color: #235483; background: url(../images/login-arrow-small.gif) no-repeat top right; cursor: pointer; overflow: hidden; font-size: 1.1em; } #loginContainer #loginSectionRight #registerBox #registerBoxHeader { float: left; width: 290px; height: 24px; overflow: hidden; padding: 10px; background: url(../images/midBlueHeader.jpg) no-repeat top left; border-bottom: solid 1px #fff; position: relative; } #loginContainer #loginSectionRight #registerBox #registerBoxHeader span { float: left; width: 290px; text-decoration: none; color: #fff; font-size: 1.5em; padding-top: 5px; } #loginContainer #loginSectionRight #registerBox #registerBoxHeader #transparentOnclickDiv { position: absolute; top: 0; left: 0; width: 310px; height: 44px; background: url(../images/transparentOnclickBackground.gif) no-repeat top left; cursor: pointer; } #loginContainer #loginSectionRight #registerBox #registerBoxWhiteSection { float: left; width: 290px; height: 135px; padding: 20px 10px; background: #fff; } #loginContainer #loginSectionRight #registerBox #registerBoxWhiteSection p { float: left; width: 290px; font-size: 1.1em; margin-bottom: 12px; } #loginContainer #loginSectionRight #contactDetails { float: left; width: 290px; font-size: 1.1em; padding: 10px; } /* Registration page styles */ #userRegistrationForm { float: left; clear: left; width: 633px; overflow: hidden; } #userRegistrationForm form p { float: left; clear: left; width: 633px; font-size: 1.1em; margin-bottom: 10px; } #userRegistrationForm form h2 { float: left; width: 633px; clear: both; font-size: 1.6em; font-weight: bold; margin-bottom: 10px; } #userRegistrationForm form h3 { float: left; width: 633px; clear: both; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; color: #235483; } span.asterix { color: #ff0000; } #userRegistrationForm form label.short { float: left; clear: left; width: 170px; font-size: 1.1em; margin-bottom: 5px; } #userRegistrationForm form label.long { float: left; clear: left; width: 400px; font-size: 1.1em; margin-bottom: 5px; } #userRegistrationForm form input, #userRegistrationForm form select { float: left; clear: right; width: 463px; font-size: 1.1em; margin-bottom: 5px; font-family: arial; color: #444; } #userRegistrationForm form input.submitButton { float: left; text-align: left; clear: both; width: 633px; font-size: 1.1em; height: 20px; color: #235483; background: url(../images/login-arrow-small.gif) no-repeat top right; height: 20px; line-height: 20px; cursor: pointer; font-family: arial; } #userRegistrationForm form .submitButtonBorder { float: left; clear: both; width: 633px; height: 20px; margin-bottom: 20px; border-top: solid 1px #fff; } #userRegistrationForm form input.checkBox { float: left; clear: right; width: 13px; height: 13px; margin-left: 20px; } /* Edit User Details page */ #userDetailsContainer { float: left; clear: left; width: 633px; overflow: hidden; } #userDetailsContainer h2 { float: left; width: 633px; clear: both; font-size: 1.6em; font-weight: bold; margin-bottom: 10px; } #userDetailsContainer h3 { float: left; width: 633px; clear: both; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; color: #235483; } #userDetailsContainer form p { float: left; clear: left; width: 633px; font-size: 1.1em; margin-bottom: 10px; } #userDetailsContainer form label.short { float: left; clear: left; width: 170px; font-size: 1.1em; margin-bottom: 5px; } #userDetailsContainer form label.long { float: left; clear: left; width: 400px; font-size: 1.1em; margin-bottom: 5px; } #userDetailsContainer form input { float: left; clear: right; width: 463px; font-size: 1.1em; margin-bottom: 5px; font-family: arial; color: #444; } #userDetailsContainer form input.checkBox { float: left; clear: right; width: 13px; height: 13px; margin-left: 20px; } #userDetailsContainer form input.submitButton { float: left; text-align: left; clear: both; width: 633px; font-size: 1.1em; height: 20px; color: #235483; background: url(../images/login-arrow-small.gif) no-repeat top right; height: 20px; line-height: 20px; cursor: pointer; margin-bottom: 30px; font-family: arial; } #userDetailsContainer form .submitButtonBorder { float: left; overflow: hidden; clear: both; width: 633px; height: 20px; margin-bottom: 5px; border-top: solid 1px #ffffff; }