/****************************************/ /***** Wrapper **************************/ /****************************************/ #wrap { width:980px; margin:0 auto; text-align:left; background:#FFF; padding:20px 5px 20px 5px; } #header { border-top:1px #EEE solid; border-bottom:1px #EEE solid; margin-bottom:15px } #header LI { display:inline; float:left } #header .top { border-bottom:1px #EEE solid; text-transform:uppercase; width:100%; overflow:hidden; line-height:26px; font-weight:bold } #header .top SPAN { float:left } #header .top #userMenu span.red { float:none; color:#c30000; } #header .top UL { float:right; } #header .top LI { padding:0 8px; border-left:1px #EEE solid } #header .top A { color:#000; text-decoration:none; } #header .top A:hover, #header .top A.activ, #header .top A B { color:#c30000 } #header .floatLeft { width:300px; padding:10px 0 10px 0 } #header .floatLeft H1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; letter-spacing:-1px; } /* was 31px */ #header .floatLeft P { padding:0px;text-align:center; } #header H1 A { font-weight:bold;color:#000; text-decoration:none } #header .floatRight { width:650px; border-left:1px #EEE solid } #header .floatRight FORM { padding:16px 0px; float:right; } #header .floatRight FORM UL { float:right } #header .floatRight FORM LABEL { font-weight:bold; text-transform:uppercase; padding-right:8px } #header .floatRight FORM LI LABEL { font-weight:normal; text-transform:none; padding-right:6px } #header .floatRight FORM LI { color:#333; text-transform:none } #header .floatRight FORM INPUT, #header .floatRight FORM SELECT { border-color:#7b9eba; background:#FFF; margin:0px 5px; } #header .floatRight FORM .lastInput { cursor:pointer; } #header .floatRight FORM LI INPUT { border:none; width:auto } #header #menuMain { width:100%; overflow:hidden; background:#000; clear:both; } #header #menuMain LI { border-right:1px #808080 solid } #header #menuMain A { display:block; float:left; padding:4px 8px; text-transform:uppercase; color:#FFF; font-weight:bold; background:#000; text-decoration:none; -webkit-transition: background-color 500ms ease-out;} #header #menuMain A.selected, #header #menuMain A:hover { background:#c30000 } #content { width:100% } .fullColumn .left { width:100% } .twoColumns .left { width:790px; float:left } .twoColumns .right { width:180px; float:right; background:#f0f0f0; text-align:center; } .twoColumns .right H6 { border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-transform:uppercase; color:#8d8d8d; font-size:12px; font-weight:bold; padding:6px 0px; margin: 0px 0px 4px 0px } .twoColumns .right IMG { margin-bottom:9px; border:none } .twoColumns .right .box { display:box; width:170px; height:170px; margin:0px 4px 10px 4px; border:1px solid #000; } #footer { font-size:10px; text-align:center; color:#010101; width:100%; padding-top:12px; border-top:1px #EEE solid; margin-top:30px; clear:both;} #footer UL LI { display:inline;border-right:1px solid #ccc;margin-left:6px;padding-right:6px;} #footer UL LI.first { margin-left:0; } #footer UL LI.last { border:none; } #footer UL LI A { color:#010101; text-decoration:none } #footer UL LI A.activ, #footer UL LI A:hover { color:#c30000; text-decoration:underline; } #footer UL LI STRONG { font-weight:bold } #footer UL LI STRONG SPAN.red { color:#c30000 } #footer UL LI STRONG SPAN.grey { color:#787878 } /* Content Styling */ /* Generic Content Styling */ .section H2 { margin: 0px 0px 8px 0px; padding: 0px 10px; height: 34px; background:url(../img/hysheader.gif) repeat-x; border-top: 1px solid #D9D9D9; font-size: 14px; font-weight: bold; text-indent: 34px; text-transform: uppercase; line-height: 34px; clear:both; } .section H2 A { display: block; text-decoration:none; } .section H2 A:hover { color:#000; } .section H2 .title { float: left; } .section H2 .subtitle { float: right; color: #C30207; } .section H2 .subtitle:hover { color: #000; } .section H2 A.rss { float:right;background: url(../img/icons/rss.gif) no-repeat right center; width: 27px; /*text-indent:18px;*/ } .section H2 A.rss2 { float:right;background: url(../img/icons/rss2.gif) no-repeat right center; width: 17px;/*text-indent:18px;*/ } .section .actions { clear: both; color:#747474; } .section .pager { clear: both; margin: 3px 0px; padding: 3px 10px; height: 18px; background: #F2F2F2; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; } .section .pager P { float: left; } .section .pager DIV { float: right; color: #999; } .section .pager A { color: #c30000; font-weight: bold; } .section .text IMG { float: left; margin: 0 10px 10px 0; border: 1px solid #7F7F7F; } .section .text { padding-bottom: 4px; /*border-bottom:1px solid #d9d9d9;*/ margin-bottom:4px; } .section .text UL, .section .text OL { margin-bottom:6px;padding-left:40px; display: block;} .section .text UL LI { list-style:circle; } .section .text OL LI { list-style-type:decimal; } .section .text .item UL { margin:0;padding:0;} .section .text .item UL LI { list-style:none; } .blurb { line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:10px 0px; } .blurb:first-line { line-height:26px; color:#747474; font-size:20px; font-weight:bold; } .item { clear:both; margin-bottom:10px; padding-bottom:14px; display:block; } .item IMG { float: left; margin: 0 10px 10px 0; border: 1px solid #7F7F7F; } .item H3 { font-size: 17px; font-weight: bold; text-indent: 28px; } .item H3 A { text-decoration:none; color:#000; } .item H3 A:hover { color:#c30000; } .item .description { float:left; } .item .actions LI { float:left; border-right: #EEE 1px solid; padding:4px 4px 4px 0px; margin:0px 4px 0px 0px; } .item .actions LI.last { border:none; } .item .actions LI.first { font-weight:bold; } .subtext { color:#999; } H5.instruction { font-size:12px; } SPAN.instruction { font-size:11px; } em + .text { margin-top:4px; } .item p#pollSent { font-style:italic; color:#666; } /*a.homeBtn { color:#dcedf6;border:2px solid black; margin-top:10px;padding:6px 12px;background:#455c69 url(../img/icons/btn-bg.gif) repeat-x; } a.homeBtn:hover { border:2px solid #8c0000; }*/ .message { margin:10px 0;border:1px solid #7f7732;padding:8px 16px;background:#fff9c2; } /* Content Form Styling */ #content FORM, #content FIELDSET, #content LABEL, #content FORM LEGEND { margin:0px; padding:0px; } #content FORM LEGEND { margin-left:20px; } #content FORM FIELDSET { background:#f4f4f4; /*border-bottom:3px solid #747474;*/ border-top:0px; border-left:0px; border-right:0px; padding:20px 0px 10px 0px; margin-bottom:20px; } #content LEGEND SPAN { margin-left:20px;color:#000; font-weight:bold; display:block; width:auto; padding:10px; border-left:2px solid #ccc; border-right:2px solid #ccc; background:#FFF; } #content label { padding:3px 0;display:block; color:#000; clear:both; float:left; width:100px; margin:10px 10px; text-align:right; } #content input, #content select { margin:9px 0px; } #content #genderbox fieldset { display:block; border:0px; clear:both; margin:0px; padding:0px; } #content #genderbox legend { display:none; } #content #genderbox input, #content #genderbox label { display:block; float:left; clear:none; text-align:left; border:none; width:auto;} #content #genderbox label { margin:10px 10px 10px 2px; } #genderlabel { display:block; float:left; width:100px; margin:10px 10px; text-align:right;} #content div.input.checkbox label { float:left; clear:none; width:auto; } #content div.input.checkbox input { margin-left:120px; float:left; } #content TEXTAREA { width:auto; margin:9px 0px; } #content div.input { clear:both; } #content #ComplimentDateTimeYear, #content #ComplaintDateTimeYear { margin-right:12px; } #content FORM P { margin-left:120px; border-bottom:2px solid #d9d9d9; border-left:2px solid #d9d9d9; padding-left:4px; } #content FORM div.error input { background:#fdd; margin:4px 0px; border:1px solid #c80000; } #content FORM div.error label { color:#c80000; } #content fieldset.lastfieldset { margin-bottom:0px; } /* Option Form Field colourings */ .optional { background:#fff6b2; border:1px solid #c19413; } /* Beta Form Styling */ #header #BetaReportForm label, #header #BetaReportForm input, #header #BetaReportForm div { float:left; clear:none; text-transform:none; } #header #BetaReportForm label { padding:3px 2px 0px 5px; } #header #BetaReportForm { padding:10px 0px 9px 0px; } /* Table Styling */ TABLE { width:790px; } TABLE.cake-sql-log { width:980px; padding:5px; margin:0px auto; } THEAD { font-size:14px; color:#c80000; } TH { padding:5px; border-left:1px dotted #d9d9d9; } TD { padding:5px; border-left:1px dotted #d9d9d9; } TR { border-bottom:1px solid #EEE; } TR TD:first-child, TR TH:first-child { border-left:0px; } TBODY TR { background-color:#fff; -webkit-transition: background-color 500ms ease-out; } TBODY TR.alt { background-color:#f4f4f4; -webkit-transition: background-color 500ms ease-out; } TBODY TR:hover { background-color:#d2d2d2; } TABLE.nothover { background-color:#FFF; } .error-message { margin-left:120px;font-style:italic; } /* Page / Item Specific Styling */ .postinfo { background:#fff6b2; min-height:55px; margin-bottom:5px; border-bottom:1px solid #c19413; } span.formDetail { margin-top:5px;margin-left:120px;font-style:italic;color:#666;} .FormNotice { padding:10px 5px; background:#fff6b2; border-bottom:2px solid #c19413; margin-bottom:5px; } H2 .abuseButton, H2 .emailButton { font-size:10px; float:right; clear:right; height:auto; padding:0px; width:auto; background:none; text-indent:0px; line-height:16px; } .abuseButton { background:url(../img/icons/report.gif) no-repeat; padding-left: 24px; } .emailButton { background:url(../img/icons/emailto.gif) no-repeat; padding-left: 28px; } #advertise.box { height:auto; } #advertise.box IMG { margin:0px; } #bcard { font-family:Georgia; display:block; padding:4px; margin-bottom:10px; font-size:14px;border-bottom:2px solid #747474; } #bcard .grey { font-size:22px; width:100%; border-bottom:1px solid #d9d9d9; margin-bottom:2px; font-weight:bold; } #companies H2 .title { background:url(../img/icons/companiesh.gif) no-repeat left center; } #companies H3 { text-indent:24px;background:url(../img/icons/file.gif) no-repeat 0px 2px; } #companies ul { list-style-image:url(../img/icons/tick.gif);padding-left:40px; } #companies ul li { /*list-style-image:url(../img/icons/file.gif) no-repeat 0px 2px;*/} #companies ul.comments { list-style:none;padding:0; } #compliments H2 .title { background:url(../img/icons/complimentsh.gif) no-repeat left center; } #compliments H3 { background:url(../img/icons/happy.gif) no-repeat 0px 2px; } #complaints H2 .title { background:url(../img/icons/complaintsh.gif) no-repeat left center; } #complaints H3 { background:url(../img/icons/sad.gif) no-repeat left top; } #discussions H2 .title { background:url(../img/icons/discussionsh.gif) no-repeat left center; } #discussions H3 { background:url(../img/icons/chat.gif) no-repeat left top; } #errorimage { background:url(../img/error/error.jpg) no-repeat left center; height:300px; width:245px; } #polls H2 .title { background:url(../img/icons/pollsh.gif) no-repeat left center; } #polls H3 { background:url(../img/icons/pollsp.gif) no-repeat left top; } #polls .item EM { color:#747474; } #polls .item EM .green, #polls .item EM .red { font-weight:bold; } #terms H3, #about H3 { border-bottom:1px solid #d9d9d9; margin:10px 0px 4px 0px; } #terms P, #terms LI, {line-height:14px; letter-spacing:1px; padding-left:20px;} #terms H4, #about H4 { font-size:12px; text-decoration:underline; } #terms UL LI, #about UL LI { padding:4px 0px 4px 20px; } #terms UL LI:first-letter, #about UL LI:first-letter { font-weight:bold; } .comment DIV { margin:4px 0px 0px 0px; padding:4px 0px; } .comment { border-bottom:1px solid #d9d9d9; margin:4px 0px; } .comment .subtext { display:block; padding:8px 4px 0px 52px; background:url(../img/icons/comment.gif) no-repeat 10px 0px; height:20px;} #WhiteBox { background:#fff; height:10px; } .bigger { padding:13px 0px 14px 0px; } /* Multipage Specific styling */ #companies .subtext, #home #discussions .subtext, #complaints .subtext, #compliments .subtext { font-weight:bold; padding:10px 0px 5px 0px; border-bottom:1px #EEE solid; } #compliments H2 { padding-left:8px; } #compliments H2, #complaints H2, #discussions H2 { margin-bottom:0px; } #compliments .column1, #complaints .column1, #discussions .column1 { width:384px; padding:5px; float:left; } #compliments .column2, #complaints .column2, #discussions .column2 { clear:none; width:384px; padding:5px; float:right; } /* Home Page Has Final Rendering for Style Overwriting */ #home .boxHome { background:#e5e5e5; border:3px #b7b7b7 solid; margin-bottom:10px; height:200px; } #home .item { border-bottom:1px solid #EEE; } #home #polls { width:391px; float:left; clear:both; } #home #polls .item IMG, #home #discussions .item IMG { height:118px; width:118px; float:left; background:url(../img/missing/118.jpg) no-repeat left center; } #home #polls .item, #home #discussions .item, #home #feedback { width:391px; float:right; } #home #compliments { width:189px; float:right; } /* was192 */ #home #compliments .text IMG, #home #complaints .text IMG { float:left; margin:0px 10px 6px 0px; } #home #compliments a.happy { line-height:19px; background:url(../img/icons/happy.gif) no-repeat 2px 2px; display:block; padding:6px 0px 0px 24px; } #home #complaints a.sad { line-height:19px; background:url(../img/icons/sad.gif) no-repeat 2px 6px; display:block; padding:6px 0px 0px 24px; } /*#home #discussions .start { line-height:19px; background:url(../img/icons/chat.gif) no-repeat 2px 6px; display:block; padding:6px 0px 0px 24px; }*/ #home #complaints { width:189px; float:left; } /* was192 */ #home #homeBase { clear:both; } #home #discussions { width:391px; float:left; } #home #discussions .discussions LI, #home #companies .comments LI { border-bottom:1px #EEE solid; padding:4px 0px 4px 14px; background:#fff url(../img/icons/read-more.gif) no-repeat 2px 8px; } #home #discussions .discussions LI.alt, #home #companies .comments LI.alt { background:#f4f4f4 url(../img/icons/read-more.gif) no-repeat 2px 8px; } #home #discussions .discussions LI:hover, #home #companies .comments LI:hover { background:#d2d2d2 url(../img/icons/read-more.gif) no-repeat 5px 8px; -webkit-transition: background 500ms ease-out; } #home #discussions .discussions LI A, #home #companies .comments LI A { padding:2px; } #home #companies { width:391px; float:right; } #home #compliments .item, #home #complaints .item { margin-bottom:5px; padding-bottom:5px; min-height:0px; height:auto; } #home #compliments H2, #home #polls H2, #home #discussions H2, #home #complaints H2, #home #companies H2 { margin-bottom:8px; border-bottom: 1px solid #D9D9D9; } #home #compliments H3 A, #home #complaints H3 A { display:block; width:192px; color:#C30000; text-decoration:underline; font-size:12px; } #home #compliments H3 A .black, #home #complaints H3 A .black { color:#000; } #home #compliments H3 A:hover, #home #complaints H3 A:hover { text-decoration:none; } #home #compliments H3 { background:url(../img/icons/happy.gif) no-repeat 0px 0px; font-size:12px; line-height:19px; color:#C30000; } #home #complaints H3 { background:url(../img/icons/sad.gif) no-repeat 0px 0px; font-size:12px; line-height:19px; color:#C30000; } #home #compliments .subtext, #home #complaints .subtext { margin-bottom:5px; } #home #discussions .text H3 { background:url(../img/icons/chat.gif) no-repeat 131px 4px; } #home #polls .text H3 { background:url(../img/icons/pollsp.gif) no-repeat 131px 2px; } #home .blurb:first-line { font-size:30px; } #home .blurb { font-weight:bold; } #home #discussions .item .text, #home #companies .item .text {border-bottom:0px;} /* TEMP */ .betanotice { border-bottom:2px solid #c80000; background:#fdd; position:fixed; top:0px; width:100%; z-index:1000; } .betanotice:first-line { font-weight:bold; color:#c80000; } ul.feeds-list { margin: 25px 0 0;padding: 0;list-style: none;} .feeds-list li { margin: 12px 0; } .feeds-list li { margin: 12px 0; } .feeds-list a { font-weight: normal;padding: 2px 0 2px 22px;background: url(../img/icons/icon_rss.gif) left center no-repeat; border-bottom: 0; } a.homeBtn { font-family:Georgia, Times, serif; color:#fff; padding:6px 15px; background:url(../img/icons/btn-bg.gif) repeat-x #334453; border:1px solid #1c344b; }