/* Meyer Reset v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need cellspacing='0' in the markup */ table { border-collapse: collapse; border-spacing: 0; } #topBack { padding-top: 10px; } /* Global */ html, body { min-height: 100%; } body { line-height: 18px; background: #fafafa fixed repeat-x url('http://www.yorkshirehousing.co.uk/files/F39CAF82-3F95-4627-8ACD-9D6F00F22233.aspx/bodygradient.png'); color: #111111; text-align: center; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } a:link { color: #29409e; } a:visited { color: #643e87; } a:hover { color: #00bce4; } a:active { color: #eb8b1b; } .clear { clear: both; display: block; height: 1px; line-height: 1px; overflow: hidden; background: none; border: 0; color: none; } #leftMenu ul.expandingMenu li { border-bottom: 1px solid #dddddd; } /* Layout */ #canvas { background: #ffffff; border: 1px solid #eeeeee; color: #111111; padding: 5px 10px 10px 10px; margin: 10px auto; width: 916px; } #globalWrapper { position: relative; margin: 0 auto; width: 916px; text-align: left; height: 100%; background: #ffffff; color: #111111; } #leftMenu { margin: 5px 0 20px 0; } #contentWrapper { float: left; width: 720px; margin: 5px 0 10px 10px; padding-top: 30px; } #contentFloat, #homeContentBottom { float: left; margin: 0 0 10px 0; width: 100%; } #homeWelcome { float: left; width: 720px; margin: 5px 0 10px; border: 0; padding: 0; background: none; min-height: 1px; } #homeWelcomeContent { margin: 0; font-size: 100%; } #footer { width: 100%; border-top: 2px solid #eeeeee; padding: 10px 0; clear: both; } #homeContentWrapper { float: left; clear: both; margin-top: 10px; width: 720px; overflow: visible; } h6#companyInfo { float: left; border-top: 1px solid #eeeeee; font-size: 12px; line-height: 18px; font-weight: normal; clear: both; color: #666666; padding: 15px 0; margin: 5px 0; width: 100%; text-align: center; } #rightShadow { background: none; } #rightGradient, #leftGradient { display: none; visibility: hidden; background: none; } #skipNav { height: 0; } #topNav { display: none; } #languages { float: left; border-top: 1px solid #eeeeee; width: 100%; margin: 10px 0; padding: 15px 0 0 0; } #breadCrumb { margin: 0px 0px 10px 0px; font-size: 100%; color: #666666; } /* Accessibility Options */ #accessibilityBar { padding: 0; font-size: 12px; width: 720px; height: 30px; float: left; background: #eeeeee; } #accessLinks { text-align: left; margin: 0px; padding: 0px; height: 30px; line-height: 30px; } #accessLinks ul { margin: 0px; padding: 0px; } #accessLinks ul li { border: 0; margin: 0px 0px 0px 10px; } #accessLinks ul li a, #accessibilityBar a, #accessLinks ul.horizontalStatic li a { padding: 0; color: #666666; text-decoration: underline; } #textSize { padding: 0 10px 0 0; height: 30px; line-height: 30px; float: right; } #textSize span { color: #666666; font-size: 12px; font-weight: normal; } /* Top Navigation */ #myTopNav { font-size: 10px; font-weight: normal; height: 28px; line-height: 25px; position: absolute; right: 0px; top: 0px; margin: 0; padding: 0; background: #ffffff; width: 720px; } #myTopNav li { display: inline; margin: 0; padding: 0; border-right: 1px solid #DDDDDD; } #myTopNav li a { font-size: 11px; text-decoration: none; color: #666666; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 5px 0 5px; } #myTopNav li a:hover,#myTopNav li a:active { text-decoration: underline; color: #646464; } #myTopNav li a img { border: 0; vertical-align: middle; } #myTopNav li a:hover img, #myTopNav li a:active img { outline: 1px solid #dddddd; } /* Search Form */ #searchBox { font-size: 14px; color: #111111; font-weight: normal; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } #searchBox label { display: block; margin-bottom: 3px; } #searchBox div { background: #eeeeee; color: #666666; border: 1px solid #dddddd; margin: 20px 0 0 0; padding: 10px; } #searchBox div div { background: #eeeeee; border: 0px; margin: 0px; padding: 0px; } #searchBox .txtSearch { width: 125px; background: #fff; border: 1px solid #5A7DFB; font-size: 14px; } #searchBox .btnSearch { background: #E3E9FE; border: 1px solid #5A7DFB; font-weight: bold; color: #5A7DFB; font-size: 14px; width: 30px; cursor: pointer; } #searchBox .btnSearch:hover { background: #5A7DFB; color: #ffffff; } /* Now used for loginbrick */ #groupMembers, #innerGroupMembers { float: right; /*width: 230px; height: 141px;*/ padding: 10px; } #groupMembers, #innerGroupMembers .loginBrick { background-color: #EEEEEE; border: #C4C0BF 1px solid; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 80%; font-weight: bold; padding: 5px; float: left; width: 174px; } #groupMembers, #innerGroupMembers .loginBrick .loginText { font-weight: normal; } #groupMembers, #innerGroupMembers .loginBrick .logoutLink { float: right; text-align: right; width: 100%; } #groupMembers img, #innerGroupMembers img { padding-left: 5px; padding-right: 5px; padding-top: 5px; } #groupMembers h2, #innerGroupMembers h2 { background: #888; border: 1px solid #c9c9c9; border-right: 0px; border-top: 0px; color: #fff; font-size: 70%; padding: 2px; text-align: left; margin: 0px; } #groupMembers ul, #innerGroupMembers ul { margin: 0px; padding: 0px; text-indent: 0px; list-style: none; } #groupMembers ul li, #innerGroupMembers ul li { margin-top: 2px; } #innerGroupMembers { width: 185px; float: none; height: auto; padding: 10px 0px 10px 0px; } #innerGroupMembers h2 { margin-bottom: 5px; } #innerGroupMembers { margin-bottom: 10px; } /* Popular Services */ #popular { width: 100%; margin: 0; padding: 0; list-style: none; } #popular li { margin: 0 12px 0 0; padding: 0; float: left; width: 110px; } #popular li a { background: #29409e; color: #ffffff; display: block; text-decoration: none; } #popular li a:hover { background: #00aedb; } #popular li a b { font-size: 16px; display: block; text-decoration: none; padding: 10px; height: 80px; font-weight: normal; } /* Footer DStuff */ footer span { width: 100%; float: none; } .miniNav { font-size: 10px; font-weight: normal; line-height: 27px; } .miniNav li { display: inline; margin: 0; padding: 0; border-right: 1px solid #DDDDDD; } .miniNav li a { font-size: 11px; text-decoration: none; color: #666666; font-weight: bold; margin: 0 5px 0 5px; } .miniNav li a:hover, .miniNav li a:active { text-decoration: underline; color: #666666; } .miniNav li a img { border: 0; vertical-align: middle; } .miniNav li a:hover img, .miniNav li a:active img { outline: 1px solid #646464; } .myFooterNav { text-align: center; } /* Homepage Content Layout */ #homeContentLeft { margin: 0; font-size: 100%; width: 476px; } #homeContentTopLeftBoxHolder { background: none; width: 476px; } #homeContentLeftBoxOne, #homeContentLeftBoxTwo { width: 232px; float: left; margin: 0; padding: 0px; font-size: 100%; overflow: hidden; } #homeContentLeftBoxOne { margin-right: 12px; } #homeContentLeftBoxThree { background: none; margin: 0px 12px 0 0; width: 476px; } #homeContentRight { width: 232px; float: right; margin: 0; padding: 0; overflow: auto; font-size: 100%; } /* Home Page Latest News */ #homeTanBox { font-size: 12px; width: 209px; background: url('http://www.yorkshirehousing.co.uk/files/8ADED11D-602B-4B37-A021-9D6F00D970AF.aspx/latest-news-top.png') left top no-repeat; color: #000; padding: 0; overflow: hidden; position: relative; margin-left: 13px; } #homeTanBox h3 { color: #000; text-indent: -300px; overflow: hidden; background: transparent; height: 65px; } #homeTanBox div { margin: 0 10px; padding: 0; } #homeTanBox h4 { color: #000; background: transparent; margin: 0; padding: 0; border-bottom: 1px solid #ddd; } #homeTanBox a { display: block; padding: 5px 3px 5px 10px; margin: 0; } #homeTanBox a:link { color: #333; text-decoration: none; } #homeTanBox a:visited { color: #666; text-decoration: none; } #homeTanBox a:hover { background-color: #e3e9fe; color: #00f; text-decoration: underline; } #homeTanBox a:active { color: #00f; } #homeTanBox p { display: none; } #HomeTanLimeDivider { margin: 0 0 1em 13px; background: url('http://www.yorkshirehousing.co.uk/files/C998FD1E-3D79-4660-A0AA-9CF4010C5308.aspx/latestnews-bottom.png') top left no-repeat; height: 20px; } /* Leaflet forms & Reports */ #homeLimeBox { font-size: 12px; width: 232px; background: #fff; color: #333; margin: 0; padding: 0; height: auto; } #homeContentWrapper #homeLimeBox h3 { background: #fff; color: #333; border-bottom: #e3e9fe solid 3px; margin: 0 10px; padding: 0 10px 3px 10px; font-size: 1em; } #homeLimeBox ul { margin: 0; list-style: none; padding: 0 10px; } #homeLimeBox li { list-style: none; margin: 5px; padding: 0 5px; } #homeLimeBox a { display: block; } #homeLimeBox a:link { display: block; color: #333; } #homeLimeBox a:visited { display: block; color: #666; } #homeLimeBox a:hover, #homeLimeBox a:active { color: #00f; } /* Home Content Styles */ #homeContentWrapper h3 { color: #111111; font-weight: bold; padding: 0px; margin: 0px; font-size: 100%; } ,#homeContentLeftBoxThree a { color: #111111; } #homeContentLeftBoxThree h4, #homeContentLeftBoxOne h3, #homeContentLeftBoxTwo h3, #homeContentLeftBoxThree h3 { background: inherit; margin: 0; } #homeContentLeftBoxOne p, #homeContentLeftBoxTwo p, #homeContentLeftBoxThree { color: #111111; margin: 1em 0; } /* Main Content */ #innerBanner { background: none; border: 0; display: none; } #innerContentWrapper { width: 720px; float: left; clear: both; font-size: 14px; line-height: 18px; padding: 0; color: #333333; } #innerContentWrapper h2 { font-size: 22px; margin: 1em 0px 0.25em; color: #29409E; letter-spacing: 0.02em; border-bottom: 1px solid #dddddd; padding: 0 0 10px 10px; } #innerContentWrapper h3 { font-size: 16px; margin: 1em 0px; padding-left: 10px; } #innerContentWrapper h4 { font-size: 14px; margin: 1.5em 0 0 0; font-weight: bold; padding-left: 10px; color: #444444; padding-bottom: 5px; border-bottom: 1px solid #78a3b6; } #innerContentWrapper h5 { font-size: 13px; } #innerContentWrapper h6 { font-size: 100%; color: #00bce4; } #innerContentWrapper p { font-size: 100%; margin: 1em 20px 1em 10px; } #innerContentWrapper ol, #innerContentWrapper ul { font-size: 100%; margin: 1em 30px 1em 10px; padding-left: 20px; } #innerContentWrapper ol { list-style-type: roman; } #innerContentWrapper ul { list-style-type: disc; } #innerContentWrapper li { margin: 0.5em 0; } #innerContentWrapper img.left { float: left; margin: 1em 20px 20px 10px; } #innerContentWrapper img.right { float: right; margin: 1em 20px 20px 20px; } #innerContentWrapper p img.right, #innerContentWrapper p img.left { margin-top: 0; } #innerContentWrapper div.box { margin: 1em 10px 1em 0; clear: none; padding: 2px 10px; background: #ade0ee; border-bottom: 10px solid #78a3b6; } #innerContentWrapper div.box p { color: #29409E; } #innerContentWrapper ul.plain { list-style: none; margin: 0; padding: 0; } #innerContentWrapper ul.inline li { list-style: none; display: inline; font-style: italic; } /* 3 Columns */ #innerContentWrapper .three { float: left; width: 660px; padding: 20px 0 10px 20px; clear: both; margin: 20px 0 30px 10px; background: #eeeeee; border: 1px solid #dddddd; } #innerContentWrapper .three div { float: left; width: 200px; margin: 0 20px 10px 0; clear: none; overflow: hidden; } #innerContentWrapper .three div.box { width: 200px; margin: 0.5em 0; clear: none; overflow: hidden; padding: 0 10px; background: #eeeeee; border-bottom: 5px solid #29409E; } #innerContentWrapper .three h2 { font-size: 18px; margin-top: 0; border: 0; padding-left: 0; } #innerContentWrapper .three h3 { background: #29409E; width: 200px; margin-top: 0; margin-left: 0; color: #ffffff; padding: 10px; border-top: 5px solid #00bce4; } #innerContentWrapper .three h4 { color: #444; background-color: #eeeeee; padding: 0.25em; } #innerContentWrapper .three p { padding-right: 0; } #innerContentWrapper .three div.box h4 { color: #444; background-color: #eee; padding: 0.25em; } #innerContentWrapper .three ul, #innerContentWrapper .three ol { margin-left: 0px; margin-right: 10px; } #innerContentWrapper .three a { display: block; text-decoration: none; margin: 0.5em 0; padding: 1px 0 0 18px; line-height: 16px; background: no-repeat url('http://www.yorkshirehousing.co.uk/files/F8D6DC2B-38E9-4B3E-8B61-9D6F00CA4EE8.aspx/Arrow-right-16x16.png'); } #innerContentWrapper .three .box a:hover { text-decoration: underline; } #innerContentWrapper .three h3 a { float: none; background: no-repeat url('http://www.yorkshirehousing.co.uk/files/9EB34337-0819-4C7D-A632-9D6F00CA7BD7.aspx/Arrow-right-16x16b.png'); color: #ffffff; } #innerContentWrapper .three ul { padding: 0 0 0 1.5em; margin: 0; list-style: disc; } #innerContentWrapper .three .mags li { list-style: none; margin-bottom: 1em; } #innerContentWrapper .three .mags a { display: inline; text-decoration: none; padding: 0; background: none; } #innerContentWrapper .three .mags a:hover { text-decoration: underline; } /* Contact Pane */ #innerContentWrapper div.contactpane { margin: 20px 20px 0 10px; background: url('http://www.yorkshirehousing.co.uk/files/6A44C3D8-39C3-4E10-AE79-9D6F00CAE45C.aspx/Chat-32x32.png') no-repeat 5px 5px #00BCE4; width: 690px; float: left; } #innerContentWrapper div.contactpane div { margin: 10px 0 10px 40px; } #innerContentWrapper div.contactpane h4 { color: #ffffff; background-color: none; margin: 0 0 5px 0; padding: 0; border: 0; font-size: 18px; } #innerContentWrapper div.contactpane div ul, #innerContentWrapper .three ul.contactpane { margin: 10px 15px 10px 0; width: 200px; float: left; clear: none; padding: 0; list-style: none; background: #fff; border: 0; overflow: hidden; } #innerContentWrapper div.contactpane div ul li, #innerContentWrapper .three ul.contactpane li { margin: 5px 0; padding: 0 0 0 26px; } #innerContentWrapper .contactpane li.j { background: none; } #innerContentWrapper .contactpane li.l { background: 4px top url('http://www.yorkshirehousing.co.uk/files/95CCC907-7464-467D-9135-9D6F00CB5A3D.aspx/Home-16x16.png') no-repeat; } #innerContentWrapper .contactpane li.n { background: 4px top url('http://www.yorkshirehousing.co.uk/files/F470CE75-BD0D-4383-B6E0-9D6F00CB45CE.aspx/Employee-16x16.png') no-repeat; font-weight: bold; } #innerContentWrapper .contactpane li.p { background: 4px top url('http://www.yorkshirehousing.co.uk/files/18E1DA4F-3BA1-4743-AFB3-9D6F00CBB938.aspx/Phone-16x16.png') no-repeat; font-weight: bold; } #innerContentWrapper .contactpane li.e { background: 4px top url('http://www.yorkshirehousing.co.uk/files/C49F2863-C67C-4A23-8666-9D6F00CBA2AD.aspx/Mail-16x16.png') no-repeat; font-size: 10px; } /* Audio */ #innerContentWrapper div.audio { margin: 20px 20px 0 10px; background: url('http://www.yorkshirehousing.co.uk/files/C9AF22DB-2E3F-4612-8DC3-9D6F00CBD0E0.aspx/Voice-32x32.png') no-repeat 5px 5px #00BCE4; width: 690px; float: left; } #innerContentWrapper div.audio h4 { color: #ffffff; background-color: none; margin: 10px 0 5px 40px; padding: 0; border: 0; font-size: 18px; } #innerContentWrapper div.audio p { margin: 0 10px 10px 40px; color: #ade0ee; } #innerContentWrapper div.audio a { text-decoration: none; color: #ffffff; } #innerContentWrapper div.audio a:hover { text-decoration: underline; color: #29409e; } #innerContentWrapper div.audio h4 strong { font-weight: normal; } /* Downloads */ #innerContentWrapper div.download { position: relative; top: -3em; float: right; margin: 0 20px 20px 20px; background: url('http://www.yorkshirehousing.co.uk/files/35D88943-F1A7-45E7-92AA-9D6F00CB82A2.aspx/Info-32x32.png') no-repeat 5px 5px #00BCE4; width: 200px; color: #ade0ee; } #innerContentWrapper div.download div { margin: 10px 10px 10px 40px; } #innerContentWrapper div.download img { margin-bottom: 10px; border: 1px solid #29409e; } #innerContentWrapper div.download a { text-decoration: none; color: #ffffff; } #innerContentWrapper div.download a:hover { text-decoration: underline; color: #29409e; } #innerContentWrapper div.download a:hover img { outline: 1px solid #29409e; } /* Data Tables */ .data { width: 100%; margin: 1em 0; float: left; clear: both; border-top: 1px solid #9dc4ef; border-left: 1px solid #9dc4ef; } .data caption { padding: 0.5em; text-align: left; } .data tfoot td { background-color: #002356; color: #ceddf3; } .data td, .data th { padding: 0.5em; vertical-align: top; border-right: 1px solid #9dc4ef; border-bottom: 1px solid #9dc4ef; } .data td { background-color: #d9e8ff; color: #000000; text-align: center; } .data th { text-align: left; vertical-align: top; background-color: #b3d7ff; color: #002356; } .data thead th { background-color: #002356; color: #ceddf3; } .data tr.alt th { background-color: #9dc4ef; } .data tr.alt td { background-color: #ceddf3; } .data tr.alt td.ms-inspect, .data td.ms-inspect { background-color: #25988c; } .data tr.alt td.ms-prune, .data td.ms-prune { background-color: #44a02b; } .data tr.alt td.ms-cutback, .data td.ms-cutback { background-color: #8fba1e; } .data tr.alt td.ms-leave, .data td.ms-leave { background-color: #f5db2a; } .data tr.alt td.ms-trim, .data td.ms-trim { background-color: #9fe6da; } .data tr.alt td.ms-deadhead, .data td.ms-deadhead { background-color: #eb8b1b; } .data tr.alt td.ms-cultivate, .data td.ms-cultivate { background-color: #dd4524; } .data tr.alt td.ms-mow, .data td.ms-mow { background-color: #c8004a; } .data tr.alt td.ms-leaves, .data td.ms-leaves { background-color: #930051; } .data tr.alt td.pd-green, .data td.pd-green { background-color: #8fba1e; } .data tr.alt td.pd-amber, .data td.pd-amber { background-color: #f5db2a; } .data tr.alt td.pd-red, .data td.pd-red { background-color: #c8004a; } /* Quicklinks */ #innerContentWrapper div.quicklinks { float: right; margin: 0 20px 20px 20px; width: 200px; background: #ade0ee; color: #00bce4; } #innerContentWrapper div.quicklinks ul { padding: 5px 5px 5px 20px; margin: 10px; list-style: disc; float: left; background: #eeeeee; width: 155px; } #innerContentWrapper div.quicklinks li { margin-bottom: 5px; color: #666666; } #innerContentWrapper div.quicklinks p { margin: 0 15px; } #innerContentWrapper div.quicklinks li a:link, #innerContentWrapper div.quicklinks li a:visited { text-decoration: none; font-weight: bold; } #innerContentWrapper div.quicklinks li a:hover, #innerContentWrapper div.quicklinks li a:active { text-decoration: underline; } /* Customer Service Standards */ a.cusss:link, a.cusss:visited { font-weight: bold; display: block; clear: both; margin: 20px 20px 20px 10px; background: url('http://www.yorkshirehousing.co.uk/files/63689415-8A4F-439A-94E6-9D6F00CB3338.aspx/Checkbox-48x48.png') no-repeat 8px 8px #ade0ee; color: #00539b; padding: 10px 10px 10px 80px; text-decoration: none; border: 2px solid #00539b; font-size: 18px; } a.cusss:hover, a.cusss:visited { text-decoration: underline; background: url('http://www.yorkshirehousing.co.uk/files/63689415-8A4F-439A-94E6-9D6F00CB3338.aspx/Checkbox-48x48.png') no-repeat 8px 8px #ade0ee; } a.cusss b { font-weight: normal; } /* Forms */ #innerContentWrapper .fwiz_form { width: 100%; padding: 0; overflow: hidden; display: block; } .fwiz_form textarea, .fwiz_form .textBox, .fwiz_form .passwordBox, #innerContentWrapper textarea { width: 95%; padding: 0.2em 0; } p.fwiz_introductionText, .fwiz_column_1 .fwiz_row_Date, .fwiz_column_1 .fwiz_row_TextBox { display: none; } .fwiz_form .fwiz_heading { font-size: 12pt; line-height: 1em; padding: 0.5em 0; margin: 0 0.5em; background: inherit; border: 0; display: block; } .fwiz_row.fwiz_row_Heading { background: #122B94; margin-left: 0; margin-right: 0; padding: 0 2.2em 0 0; width: 100%; } .fwiz_form .fwiz_layoutBlock .fwiz_column_1, .fwiz_form .fwiz_layoutBlock .fwiz_column_4, .fwiz_form .fwiz_layoutBlock .fwiz_column_7 { width: 100%; } .fwiz_form .fwiz_layoutBlock .fwiz_column_2, .fwiz_form .fwiz_layoutBlock .fwiz_column_3, .fwiz_form .fwiz_layoutBlock .fwiz_column_5, .fwiz_form .fwiz_layoutBlock .fwiz_column_6 { width: 45%; } .fwiz_form .fwiz_layoutBlock .fwiz_column_7 { margin-top: 1em; } .fwiz_form .fwiz_layoutBlock .fwiz_column { padding: 0; } .fwiz_form .fwiz_layoutBlock .fwiz_column .fwiz_selectionBlock { margin: 0 1em; padding: 0; clear: both; } .fwiz_form .fwiz_layoutBlock .fwiz_column .fwiz_selectionBlock .fwiz_row .fwiz_rowContent { width: 100%; padding: 0; } .fwiz_form .fwiz_layoutBlock .fwiz_column .fwiz_selectionBlock .fwiz_row label { width: 100%; margin: 0 0 0.2em 0; padding: 0; } .fwiz_form .fwiz_layoutBlock .fwiz_column .fwiz_selectionBlock .fwiz_row .fwiz_radioListItem { width: 23%; margin: 0; } .fwiz_form .fwiz_layoutBlock .fwiz_column .fwiz_selectionBlock .fwiz_row .fwiz_radioListItem input { margin: 0 5px 0 0; } .fwiz_form .fwiz_layoutBlock .fwiz_column .fwiz_selectionBlock .fwiz_row .fwiz_radioListItem label { margin: 0; width: auto; } .fwiz_form .fwiz_layoutBlock .fwiz_column .fwiz_selectionBlock .fwiz_row_Drop_Down .fwiz_rowContent select { width: 100%; } .fwiz_form .fwiz_layoutBlock .fwiz_column_1 .fwiz_selectionBlock .fwiz_row_Drop_Down .fwiz_rowContent select { width: 47.25%; } .fwiz_form .fwiz_layoutBlock .fwiz_column_7 .fwiz_selectionBlock .fwiz_row .fwiz_checkboxListItem { width: 23%; margin: 0.5em 0; } .fwiz_form .fwiz_layoutBlock .fwiz_column_7 .fwiz_selectionBlock .fwiz_row .fwiz_checkboxListItem label { width: 70%; } #home_ContentBottom, .fwiz_textBlock { height: auto; } .fwiz_submitRow { text-align: center; } .fwiz_textBlock { padding: 0; margin: 0.5em 1em; } .fwiz_submitRow input { background: #2727A1; color: #fff; } .fwiz_submitRow input:hover { outline: 2px solid #0000ff; } /* Development style contacts */ .devcontact { float: left; width: 315px; margin: 10px; padding: 10px; background: #eeeeee; border: 1px #ddd solid; overflow: hidden; } .devcontact li { list-style: none; } .devcontact li.pic { float: left; margin-right: 10px; padding: 0; border: 1px solid #ddd; line-height: 0; } .devcontact li.pic img { border: 3px solid #fff; margin: 0; height: 120px; width: 90px; } .devcontact li.n, .devcontact li.p { font-weight: bold; } .devcontact li.n { margin-top: 1em; } .devcontact li.j { margin-bottom: 0.5em; } .devcontact li.e { overflow: hidden; } /* Faqs */ #innerContentWrapper h4.faqExpanderQuestion { margin: 1em 0 0 0; background: none; padding: 0; } #innerContentWrapper h4.faqExpanderQuestion a { background: top right no-repeat url('http://www.yorkshirehousing.co.uk/files/C6D3AD2F-E6BB-44A4-AD59-9D6F00CAC00C.aspx/Badge-add-32x32.png'); padding: 5px; text-decoration: none; display: block; } /* Contacts */ address.yh { float: left; clear: left; width: 150px; font-style: normal; margin: 0.5em 0 0.5em 10px; } hr.break { clear: both; border: 0px; background: #fff; margin: 0.5em 0px; padding: 0; color: #fff; height: 1px; } div.contact { margin: 20px 10px; } #innerContentWrapper div.contact h3 { margin-bottom: 0; } #innerContentWrapper div.contact ul.plain { float: left; } #innerContentWrapper div.contact ul.plain span.llabel { width: 7em; text-align: right; display: block; float: left; margin-right: 0.25em; } /* Photo Gallery */ .photoGalleryItem { float: left; width: 110px; font-size: 100%; margin-left: 10px; } .photoGalleryItem .imgHolder { height: auto; overflow: visible; } .photoGalleryItem div { height: auto; } #innerContentWrapper .photoGalleryItem p { margin: 0px 0px 10px 0px; line-height: 14px; font-size: 12px; } /* Fancybox Styles */ a.iframe:link, a.iframe:visited { font-weight: bold; text-decoration: none; color: #78a3b6; padding: 0.1em 0.5em 0.2em 0.5em; margin: 0 0.2em; } a.iframe:hover, a.iframe:active { color: #fff; background-color: #78a3b6; } #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #fff; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_title_over.png'); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; } #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox-x.png'); background-position: 0px -40px; color: #fff; } #fancybox-title-right { padding-left: 15px; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox-x.png'); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox.png'); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox-y.png'); background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox-x.png'); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox.png'); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox-y.png'); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url('http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancybox.png'); background-position: -40px -122px; } /* IE */ #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.yorkshirehousing.org.uk/yh-includes/css/images/fancy_shadow_nw.png', sizingMethod='scale'); } /* Menu colour overrides */ #leftMenu ul.expandingMenu li { border-bottom: 1px solid #DDDDDD; } #leftMenu ul.expandingMenu li, #leftMenu ul.expandingMenu li a, #leftMenu ul.expandingMenu li a:hover, #leftMenu ul.expandingMenu li.selectedNode a, #leftMenu ul.expandingMenu li.openNode a, #leftMenu ul.expandingMenu li.selectedNode a:hover, #leftMenu ul.expandingMenu li.openNode a:hover { color: #666666; }