/******************************************************************************/ /* Default styles */ /******************************************************************************/ * {padding:0; margin:0; border:0;} html, body {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#2D2D2D; height:auto; margin-bottom:1px; vertical-align:top; background-color: #AFAFAF;} /*62.5% */ body, h1, h2, h3, h4, h5 p, ul, li, ol, dl, dt, dd, form, fieldset, input, textarea, img, table, th, tr, td {padding:0; margin:0; border:0; text-align:left; font-weight:normal;} div, span {padding:0; margin:0; border:0;} ul, li, ol, dl, dt, dd {list-style:none;} input.field, input.button {background:transparent; padding:0; margin:0; border:0;} :focus {outline:none; border:none;} /******************************************************************************/ /* Wrapper/Container */ /******************************************************************************/ #wrapper {width:100%; height:100%; margin:0px;} #container {width:975px; min-height:850px; background-color:#FFFFFF; text-align:left !important; padding:0px 10px 0px 10px;} /******************************************************************************/ /* Inner columns */ /******************************************************************************/ #content li#left {width:650px; float:left;} #content li#spacer {width:25px; height:1px;} /* 25px gap between the left and right side content */ #content li#right {width:300px; float:right;} #content ul {height:auto; width:100%;} /* Floating the columns */ #content li {float:left; display:inline; height:auto;} /******************************************************************************/ /* TEXT ALIGNMENT */ /******************************************************************************/ #reportWrapper p, #adHoc p {text-align:justify;} /******************************************************************************/ /* GLOBAL FONT SIZES */ /******************************************************************************/ h1, h2, h3, h4, h5, #navMain a, #navSub a, #report .profileH1 {font-family: Arial, Helvetica, sans-serif; font-weight:normal;} h1 {font-size:2.0em; line-height:32px;} h2 {font-size:1.8em; line-height:22px;} h3 {font-size:1.4em; line-height:18px;} h4 {font-size:1.3em; line-height:17px;} h5 {font-size:1.2em; line-height:15px;} #sBook h2 {font-size:1.6em; line-height:27px;} #adHoc h3 {line-height:25px;} #report .profileH1 {font-size:2.0em; line-height:40px; font-weight:normal;} .quoteBox h4 {font-size:1.5em; line-height:24px;} li #project, li #shareItems, li.new, li.location, p.duration, li.duration, li.location, .blogItem td.date, .blogItem td.industryTitle, .blogItem td.locationTitle, .blogItem td.keywordsTitle, .blogItem td.link a, .blogItem td.industryKey a, .blogItem td.locationKey a, .blogItem td.keywordsKey a, #profileHead li.details, #profileHead li.summary, .mediaHubDisplay, .sBookBox p, #leftLogin li, #signIn, .forgotten a, .remember a, .newsletter a, p.summary, .leftBlock p, #news li p, li.itemBlockVTextTools li.text, p.location, .feedFact p, .nonUser input, .gridItem td.section, .gridItem td.date, .gridItem td.dateTabs, .gridItem td.locationTitle, .gridItem td.industryTitle, .gridItem td.demographicTitle, .gridItem td.keywordsTitle, .gridItem td.link a, .gridItem td.locationKey a, .gridItem td.industryKey a, .gridItem td.demographicKey a, .gridItem td.keywordsKey a {font-size:1.1em !important; line-height:1.3em;} #profileHead li.name, .shareUsers p, #sBook .nonUsersTitle, .nonUsers p, #sBook p.title, #error p.title, td.fieldName {font-size:1.2em !important;} #reportWrapper, p.section, li.section, .blogItem td.title, .blogItem td.summary, .gridItem td.titleInsight, .gridItem td.titleInspiration, .gridItem td.section, .gridItem td.summary, #sBook p.source, #adHoc p, #adHoc li, .numbered li, .gen, .ajaxLogin p.title, #leftLogin p, #error, #reportIntro li.duration, #reportIntro li.location {font-size:1.2em; line-height:1.45em;} #logInToolBar input.field, #searchBar input.field, #searchBarWht input.field, .advSearch a, #loginBlock a, .display, #footer, #registered, #mediaSearch a, .forgot, .rightBlock, #optionsWrapper .title, #mediaHubWrapper .title , .refineSearchTopBar a, #hubList td, #signInSB a, .forgotDetails a, .forgotten a, .remember a, .newsletter a, #logInToolBar .scrapBook a, #logInToolBar .feed a, #logInToolBar .preferences a, #mediaSearch tr.bottomBar td.right, #create li.new a, #share li.new a, #author .link a, .results, .display, .sliderContainer, .refineSearch, .myC8 {font-size:1.1em;} #sBook p.cCount, #mediaSearch tr.bottomBar td.left, #mediaSearch .listed a, #reportWrapper li, #content .footerTagsProfile p, #content .footerTagsProfile li, #adHoc td.caption {font-size:1.0em;} .footerTags {font-size:0.95em;} td.caption, #error p.cCount, #error input.field, #error input.errorEmail, #error input.errorUsername, #error input.errorSubject, #error textarea.message {font-size:0.9em !important; line-height:1.3em;} /******************************************************************************/ /* GLOBAL FONT STYLING */ /******************************************************************************/ #content h1 {font-weight:normal; padding:0px 10px 0px 10px; height:40px; line-height:40px;} #content h3 {font-weight:bold; padding: 2px 10px 0px 10px;} #content h4 {font-weight:bold; padding: 2px 10px 4px 10px;} #content h5 {font-weight:bold; padding: 4px 10px 2px 10px;} .advSearch a, #refineSearchWrapper td.left a, .hubItem td.report a {font-family:Geneva, Arial, Helvetica, sans-serif;} #create li.new a, #share li.new a, #create h3 a, #share h3 a, p.section, li.section, p.duration, p.date, #news li.date, #reportIntro li.date, #reportIntro li.author, #reportIntro li.duration, #latestRep li.date, .footerTags, .footerTags td.title, .relatedBlock, .relatedBlock td.title, #reportBlock li.date, #newsBlock li.date, .rightBlock td.title, #mediaSearch tr.bottomBar td.left, .feedHub font.source, p.duration, li.duration, .blogItem td.title, .blogItem td.date, .blogItem td.industryTitle, .blogItem td.locationTitle, .blogItem td.keywordsTitle, .blogItem td.link a, #profileHead li.name, #profileHead li.details, #profileHead li.author, #profileHead li.date, #optionsWrapper .title, #mediaHubWrapper .title, #sBook p.source, #sBook p.icons, .shareUsers p, #sBook .nonUsersTitle, .nonUsers p, #sBook p.title, #sBook .dateSent, #sBook .dateRecvd, label.note, #mediaSearch .select, #error p.title, .ajaxLogin p.title, #signIn a, #signInSB a, .forgotten a, .remember a, .newsletter a, td.caption, .rightBlock a, .sliderContainer, .refineSearch, .myC8, li.itemBlockVTextTools li.text, .gridItem td.titleInsight, .gridItem td.titleInspiration, .gridItem td.date, .gridItem td.dateTabs, .gridItem td.section, .gridItem td.locationTitle, .gridItem td.industryTitle, .gridItem td.demographicTitle, .gridItem td.keywordsTitle, .gridItem td.link a {font-family:Arial, Helvetica, sans-serif;} p.section, li.section, p.duration, li.duration, .blogItem td.title, .blogItem td.industryTitle, .blogItem td.locationTitle, .blogItem td.keywordsTitle, .blogItem td.link a, #profileHead li.name, #profileHead li.details, #optionsWrapper .title, #mediaHubWrapper .title, #sBook p.source, #sBook h3.link,.shareUsers p, #sBook .nonUsersTitle, #sBook .nonUsers p, #sBook p.title, #sBook label.note, #error p.title, .ajaxLogin p.title, .gridItem td.titleInsight, .gridItem td.titleInspiration, .gridItem td.section, .gridItem td.locationTitle, .gridItem td.industryTitle, .gridItem td.demographicTitle, .gridItem td.keywordsTitle, .gridItem td.link a {font-weight:bold;} p.date, #news li.date, #reportIntro li.date, #reportIntro li.author, #latestRep li.date, #reportBlock li.date, #newsBlock li.date, .blogItem td.date, #profileHead li.author, #profileHead li.date, #sBook p.icons, #sBook .dateSent, #sBook .dateRecvd, .gridItem td.date, .gridItem td.dateTabs {font-size:1.1em; color:#777; font-weight:bold; height:15px; line-height:1.5em;} #mediaSearch .select {font-size:1.1em; color:#777; font-weight:bold; height:11px; line-height:0.9em;} p.summary {padding:4px 10px 5px 10px;} p.link {padding:0px 10px 7px 10px;} p.duration {padding:2px 10px 0px 10px;} p.question {font-weight:bold;} #error p {padding:5px 0px 5px 0px;} #adHoc p {padding:7px 10px 7px 10px;} #report p {padding:7px 0px 7px 0px;} #optionsWrapper .title {height:16px; display:block;} /******************************************************************************/ /* GLOBAL LINK STYLING */ /******************************************************************************/ #content a, h3 a, .forgot a, .login_holder a, #project a, #shareItems a, #news h4 a, #footer li a, #topBar a, h3.link a, .results a, .sBookResults a, #sBook a, .forgotDetails a, #signIn a, .newsletter a, .preferences {color: #00568A !important; text-decoration:none;} #footer li.active {color:#00568A; text-decoration: underline;} #content a:hover, h3 a:hover, .forgot a:hover, #project a:hover, #shareItems a:hover, #news h4 a:hover, #footer li a:hover, #topBar a:hover, .results a:hover, .sBookResults a:hover, #sBook a:hover, .forgotDetails a:hover, #signIn a:hover, .newsletter a:hover {text-decoration:underline;} #hubList h3 a, #sBook th a {color:#2d2d2d; text-decoration:none;} #hubList h3 a:hover, #sBook th a:hover {text-decoration:underline;} #create li.new a, #share li.new a, #create h3 a, #share h3 a, .advSearch a {color:#FFFFFF !important; text-decoration:none;} #create li.new a:hover, #share li.new a:hover, #create h3 a:hover, #share h3 a:hover, .advSearch a:hover {text-decoration:underline;} #mediaSearch a {color:#FFFFFF !important; font-weight:normal; text-decoration:none;} #mediaSearch a:hover {text-decoration:underline;} #logInToolBar .scrapBook a, #logInToolBar .feed a, #logInToolBar .preferences a {color:#777; text-decoration:none;} #logInToolBar .scrapBook a:hover, #logInToolBar .feed a:hover, #logInToolBar .preferences a:hover {text-decoration:underline;} #mediaSearch .listed a {color:#00568A !important; text-decoration:none;} #mediaSearch .listed a:hover {text-decoration:underline;} #adHoc h1 {color:#FFF;} /******************************************************************************/ /* GLOBAL ELEMENTS / FORMATS */ /******************************************************************************/ /* Dividers, Spacers and breakers */ .break10 {width:100%; height:10px; clear:both; line-height:10px;} .break15 {width:100%; height:15px; clear:both; line-height:15px;} .break25 {width:100%; height:25px; clear:both; line-height:25px;} .clear {width:100%; height:0px; clear:both; line-height:0px;} .clearGrey {width:100%; height:0px; clear:both; line-height:0px; border-top:1px solid #CCCCCC;} .doubleLine {width:100%; height:0px; clear:both; line-height:0px; border-top:1px solid #FFFFFF; border-bottom:1px solid #CCCCCC;} input, textarea {color:#666666;} /* Footer Styling */ .footerStrip {width:100%; border-top: 4px solid #000000; height:0px; line-height:0px;} #footer {height:25px;} #footer ul {width:100%; padding: 3px 0px 3px 0px;} #footer li {float:left; display: inline; padding:0px 3px 0px 3px;} #registered {padding:0px 3px 0px 3px; color:#666666;} /* RHC Common Line styling */ #news li.clear, #latestRep li.clear {clear:both; border-top:1px solid #FFFFFF; border-bottom:1px solid #CCCCCC; height:0px; line-height:0px;} /* Numbered List Items */ #adHoc ol {padding:7px 0px 7px 0px; display:block;} #adHoc ol li {margin-left:10px; list-style:inside; list-style-type:decimal; display: list-item !important; width:95%;} #adHoc li {height:18px; display:block;} #reportWrapper ol {padding:7px 0px 7px 0px;} #reportWrapper ol li {margin-left:0px; list-style:inside; list-style-type:decimal; display: list-item !important; float:none; width:95%;} /* General Bullet point List Items */ #error ul, #adHoc ul, #reportWrapper ul {padding:7px 0px 7px 10px;} #error li, #reportWrapper li {margin-left:7px; list-style: disc; display:list-item !important; float:none; width:95%;} #adHoc li {margin-left:17px; list-style: disc; display:list-item !important; float:none; width:95%;} /******************************************************************************/ /* SITE WIDE HEADER */ /******************************************************************************/ #header {width:100%; padding:20px 0px 10px 0px; height:70px !important; overflow:hidden;} #logoHeader {float:left; width:400px; height:63px; padding-bottom:7px;} #logInToolBar {float:right; width:550px; height:21px; border:0; margin:0; vertical-align:bottom;} /* NEW NAV LOGIN (LOGGED OUT) */ #logInToolBar a {color:#FFF; text-decoration:none; line-height:21px;} #logInToolBar a:hover {text-decoration:underline;} #logInToolBar td.user, #logInToolBar td.pass {padding:0 0 0 5px; width:70px;} #logInToolBar td.login {padding:0px 0 0 5px; width:50px;} #logInToolBar input.field {width:145px; height:18px; padding:3px 0px 0px 5px; background-color:#EEEEEE;} #logInToolBar input.login {width:48px; height:21px; background:url(images/furniture/login_index.gif) no-repeat top right; display:block; cursor:pointer; overflow:hidden;} #logInToolBar .forgotten {padding:0px 0px 0px 6px;} #logInToolBar .remember {padding:4px 0px 0px 3px;} #logInToolBar .forgotten a {line-height:26px !important; vertical-align:text-top;} label.remember {vertical-align: top; line-height:18px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #logInToolBar .forgotten {padding-top:2px;} } /* Safari only hack */ /* NEW NAV LOGGED IN */ #logInToolBar ul {width:310px; display:block; height:21px;} #logInToolBar li {float:right;} #logInToolBar li.scrapBook {width:85px; display:block;} #logInToolBar li.feed {width:46px; display:block; height:30px;} #logInToolBar li.preferences {width:87px; display:block; height:30px;} #logInToolBar li.logout {width:56px; display:block; margin-left:7px;} #logInToolBar input.logout {width:56px; height:21px; background:url(images/furniture/logout.gif) no-repeat top right; display:block; cursor:pointer;} #logInToolBar .scrapBook a {background: url(images/icons/paperclip.gif) right 3px no-repeat; display:block; margin-right:12px;} #logInToolBar .feed a {background: url(images/icons/feed.png) right 3px no-repeat; display:block; margin-right:5px;} #logInToolBar .preferences a {background: url(images/icons/cog.jpg) right 3px no-repeat; display:block; margin-right:10px;} #logInToolBar li.scrapBook, #logInToolBar li.feed, #logInToolBar li.preferences {line-height:1.5em;} /* NEWSLETTER */ #newsletterWrapper {float:right; width:555px; border:0; margin:0; vertical-align:bottom;} #newsletterWrapper .newsletter {padding:10px 0px 0px 6px;} /******************************************************************************/ /* SEARCH BARS */ /******************************************************************************/ /* Search Bar Styling - Site wide search */ #searchWrapper {width:260px; height:21px; position: absolute; z-index:15; text-align:right; margin-left:705px; margin-top:8px;} #searchWrapper .advSearch {float:left; text-align:right; line-height:14px;} #searchBar {width:220px; height:21px; background:url(images/furniture/site_search.gif) no-repeat top left; float:right;} #searchBar form {height:21px; overflow:hidden;} #searchBar input.field {width:191px; height:18px; padding:3px 0px 0px 5px; background:transparent;} #searchBar input.button {width:20px; height:21px; cursor:pointer; background:transparent;} /* Search Bar Styling - Media Hub + Refined search (Site wide) ---> This has the WHITE BACKGROUND */ #searchBarWht {width:240px; height:21px; background:url(images/furniture/site_search_wht.gif) no-repeat top left; float:left;} #searchBarWht form {height:21px; overflow:hidden;} #searchBarWht input.field {width:211px; padding:2px 0px 0px 5px; line-height:15px; height:18px; background:transparent; color:#666666;} #searchBarWht input.button {width:20px; height:21px; cursor:pointer; background:transparent;} /* Common --- Log in, Search and Toolbar --- Styling */ #loginBar input.field, #searchBar input.field {background-color:#EEEEEE;} #searchBar input.button, .logOut input.button {border:0px; padding:0px; margin:0px;} .advSearch {padding-top:4px; line-height:15px; height:15px;} /******************************************************************************/ /* AJAX LOGIN (Thick Box) + Scrapbook Log in */ /******************************************************************************/ .ajaxLogin {width:708px;} #tbHeader {width:708px; height:66px; background: url(/styles/canvas8/images/furniture/thickbox_header.png ) no-repeat top right; display:block;} #tbIntro {width:693px; height:113px; background-color:#fff; padding-top:10px; text-align:left; padding-left:15px;} #tbClose {position:absolute; top:85px; left:668px;} #tbCloseBtn {width:52px; height:20px; background: url(/styles/canvas8/images/furniture/thickbox_close.png ) no-repeat top right; display:block;} #tbIntro p {font-size:1.4em; line-height:19px;} #signIn {padding-top:10px; background-color: #ECECEC; width:708px;} #signIn h3 {padding:14px 0 12px 15px;} #signIn td {vertical-align:top;} #signIn table.projectAccess {border-left:1px solid #D2D2D2;} #signIn table.projectAccess, #signIn table.findOutMore, #signIn table.subscriber {border-right:1px solid #D2D2D2;} #signIn input.field {width:200px; padding:3px 0px 0px 5px; line-height:15px; height:18px; background-color:#FFFFFF; border:1px solid #D2D2D2; margin-bottom:3px;} #signIn td.input {width:100px;} #signIn td.login, #signIn td.register, #signIn td.signUp {padding:8px 0 0 65px;} #signIn .login input.button {width:90px; height:30px; background:url(images/furniture/login.png) no-repeat top left; cursor:pointer;} #signIn .register input.button {width:90px; height:30px; background:url(images/furniture/register.png) no-repeat top left; cursor:pointer;} #signIn .signUp input.button {width:90px; height:30px; background:url(images/furniture/sign_up.png) no-repeat top left; cursor:pointer;} #signIn ul {padding:10px 0px 0px 30px; width:200px;} #signIn ul.subscriber, #signIn p.subheading {padding:0px 0px 0px 15px;} #signIn li {display: list-item; float:none; list-style-type: disc;} #signIn li.error {list-style-type: none; height:30px; margin-top:-11px;} #signIn li.input, #signIn li.subscriber {list-style-type: none; padding-top:5px;} #signIn .forgotDetails, #signIn label, #signIn p.error, #signIn p.success {font-size:0.85em;} #signIn .forgotDetails {padding-left:3px;} #signIn p.error, #signIn p.success {padding:0px;} #signIn p.error {color:#C20816} /* Scrapbook Login (OLD) delete this section if we no longer require 'sBook_login.html' */ #loginSection {width:490px; border:0; margin:0;} #loginSection .login_holder form {display:inline;} #loginSection .login_holder {float:left; width:150px; height:21px; margin-right:10px; background-color:#FFFFFF;} #loginSection input.field {width:144px; padding:3px 0px 0px 5px; line-height:15px; height:18px;} #loginSection .button_holder input.button {width:56px; height:21px; background:url(images/sbook/sBook_login.gif) no-repeat top left; cursor:pointer; float:left;} #loginSection .forgot {width:100px; float:right;} /******************************************************************************/ /* HOME PAGE STYLING */ /******************************************************************************/ /* LATEST REPORTS */ #edChoice ul {height:260px; width:100%;} #edChoice li {float:left; display:inline;} #edChoice li.text {width:250px; height:259px; background-color:#F7F7F7; border-bottom:1px solid #CCCCCC;} #edChoice p.date {padding:4px 0px 0px 10px;} #edChoice p.section {padding:7px 0px 1px 10px;} #edChoice h1.bgHome {background:url(images/furniture/title_bg_insp.jpg) repeat-x;} /* THIS STYLE MUST BE ADAPTED FOR DYNAMIC CONTENT */ #edChoice h1.bgGeneral {background:url(images/furniture/title_bg_gen.jpg) repeat-x;} #edChoice h1.bgInsight {background:url(images/furniture/title_bg_ins.jpg) repeat-x;} #edChoice h1.bgInspiration {background:url(images/furniture/title_bg_insp.jpg) repeat-x;} #latest h1, #edChoice h1, #news h1, #myCanvas h1 {color:#FFFFFF;} #latestSubs ul {height:130px !important; overflow:hidden; width:100%; background-color:#F7F7F7; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin-top:15px;} #latest ul {height:130px !important; overflow:hidden; width:100%; background-color:#F7F7F7; border-bottom:1px solid #CCCCCC; margin-top:15px;} #latest li {float:left; display:inline;} #latest li.lineRed {border-top:4px solid #C20816; width:450px; height:0px; line-height:0px;} /* THIS STYLE MUST BE ADAPTED FOR DYNAMIC CONTENT */ #latest li.lineGreen {border-top:4px solid #72A700; width:450px; height:0px; line-height:0px;} /* THIS STYLE MUST BE ADAPTED FOR DYNAMIC CONTENT */ #latest li h3, #latestSubs li h3 {padding-top:3px;} #latest li h3, #latest li p.summary, #latestSubs li h3, #latestSubs li p.summary {width:430px;} #latest li h5, #latestSubs li h5 {width:300px;} #latest li p.section, #latestSubs li p.section {width:320px; text-align:left; padding:4px 0px 0px 10px;} #latest li p.date, #latestSubs li p.date {width:110px; text-align:right; padding:4px 10px 0px 0px;} #author h3 {padding-top:5px;} #author ul {height:120px !important; overflow:hidden; width:100%; background-color:#F7F7F7; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin-top:15px;} #author li {float:left; display:inline;} #author p.summary {width:530px;} /* HOME PAGE RIGHT HAND COLUMN */ #myCanvas {width:300px;} #myCanvas h1 {width:280px;} #create ul {width:100%; height:30px; background-color:#008CB5;} #share ul {width:100%; height:30px; background-color:#333333;} #create li.title, #share li.title {width:160px; padding-top:5px; font-weight:normal;} #create li.new, #share li.new {width:130px; text-align:right; margin-right:10px; line-height:30px;} #project {background-color: #F7F7F7; padding:0px; margin-top:0px;} #project ul {width:100%; background-color: #F7F7F7; padding:0px; display:block;} #project ul li {background-color: #F7F7F7;} #project li {line-height:15px; background-color:#F7F7F7; vertical-align:text-top;} #project li.left {width:90px; padding-left:10px; display:block;} #project li.right {width:190px; padding-right:10px; display:block;} #project li.pad {clear:both; height:10px; line-height:10px !important; display:block; width:300px; background-color:#F7F7F7;} #project li.clear {border-bottom:1px solid #FFFFFF; border-top:1px solid #CCCCCC; height:0px; width:300px;} #shareItems {background-color: #F7F7F7; width:300px; clear:both; margin-top:-1px;} #shareItems ul {background-color: #F7F7F7; width:300px; display:block;} #shareItems li {width:300px; background-color: #F7F7F7; border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF;} #shareItems li a {padding:10px; display:block;} /**********************************/ /* RIGHT HAND COLUMN FEEDS */ /**********************************/ /* Home Page AND Insight Index Page */ #news {width:300px;} #news h1 {background-color: #C20816;} #news ul {background-color: #F7F7F7;} #news li {width:100%; background-color: #F7F7F7;} #news li.date {padding:7px 0px 3px 10px; width:290px;} #news p {padding:0px 10px 10px 10px;} /******************************************************************************/ /* INSIGHT STYLING SECTION */ /******************************************************************************/ /* INISIGHT INDEX PAGE */ .feedFact, .feedHub {background-color:#F7F7F7; border-bottom:1px solid #CCCCCC;} .feedFact {padding:10px;} .feedHub {padding:0px 0px 5px 0px;} .feedHub p.date {padding:7px 10px 2px 10px;} .feedHub p {padding:0px 10px 2px 10px;} .feedHub font.source {font-weight:bold; padding-right:5px;} /* INSIGHT REPORTS INDEX PAGE */ .reportsWrapper {width:100%; height:130px; background-color: #F7F7F7; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;} .reportsWrapper a {padding-right:5px;} .reportsWrapper .leftBlock {width:650px; height:130px; float:left; padding-right:25px;} .reportsWrapper .rightBlock {width:300px; height:130px; vertical-align:top; position:relative;} #reportBlock p.section, #reportBlock li.date, #reportBlock h4.title, #reportBlock p, #reportBlock li.duration, #reportBlock li.location {width:435px;} #reportBlock {width:100%;} #reportBlock ul {height:auto; margin:0px; padding:0px;} #reportBlock li.leftBlock {width:100%;} #reportBlock li.date {padding:3px 5px 3px 0px;} #reportBlock li.duration {padding:5px 5px 0px 0px;} #reportBlock li.location {padding:1px 5px 3px 0px;} #reportBlock p {padding:0px 5px 10px 0px;} #reportBlock p.quickFact {padding:5px 5px 10px 0px;} #reportBlock img {width:200px; padding-right:5px;} #reportBlock .section {padding:4px 5px 2px 0px;} #reportBlock h4.title {padding:0px;} /* INSIGHT NEWS INDEX PAGE */ .newsWrapper {width:100%; height:105px; background-color: #F7F7F7; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;} .newsWrapper a {padding-right:5px;} .newsWrapper .leftBlock {width:650px; height:105px; float:left; padding-right:25px;} .newsWrapper .rightBlock {width:300px; height:105px; vertical-align:top; position:relative;} #newsBlock {width:100%;} #newsBlock ul {height:auto; margin:0px; padding:0px;} #newsBlock li.date {padding:4px 0px 2px 10px; width:100%;} #newsBlock p {padding:0px 25px 10px 10px; width:100%;} .rightBlock table {margin-right:5px;} .rightBlock td {border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF; height:14px; line-height:15px; vertical-align:top; padding:3px 0px 2px 5px;} .rightBlock td.first {border-bottom:1px solid #CCCCCC; border-top:none;} .rightBlock td.last {border-top:1px solid #FFFFFF; border-bottom:none; height:35px;} .rightBlock td a {padding:0px 2px 0px 3px;} .rightBlock td.title {width:60px; font-weight:bold;} /* INSIGHT RESEARCH HUB INDEX PAGE */ #hubList {width:100%;} #hubList h3 {font-weight:normal; padding:0px;} .hubItem table {vertical-align:middle; height:100%; background-color: #F7F7F7; border-bottom:1px solid #FFFFFF;} .hubItem th {background-color:#E5E5E5; padding: 5px 10px 5px 10px;} .hubItem td {padding:10px; height:80px; border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF;} .hubItem td.blank {padding:0px; height:5px; line-height:0px; border:0px; background-color:#FFFFFF;} .hubItem th.report {border-right:1px solid #FFFFFF;} .hubItem th.location, .hubItem th.source, .hubItem th.date, .hubItem th.price, .hubItem th.summary {border-left:1px solid #CCCCCC; border-right:1px solid #FFFFFF;} .hubItem th.pages {border-left:1px solid #CCCCCC;} .hubItem th.report a, .hubItem th.location a, .hubItem th.source a, .hubItem th.date a, .hubItem th.price a, .hubItem th.summary a, .hubItem th.pages a {background:url(images/icons/arrow_down.gif) right 5px no-repeat; display:block;} /* STEVE - I haven't done the over state as this needs to be scripted. I've just set up the styling - so please advise if you require anything else on this. Cheers. */ .hubItem td.report {width:20%;} .hubItem td.location {width:11%;} .hubItem td.source {width:10%;} .hubItem td.date {width:10%;} .hubItem td.price {width:9%;} .hubItem td.summary {width:30%;} .hubItem td.pages {width:10%;} /* INSIGHT LEADERS PAGE + INSPIRATION SHOWCASE PAGE */ #profileHead {padding-top:10px; clear:both;} #profileHead ul {width:100%; height:156px !important; overflow:hidden; background-color:#F7F7F7; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin:0px; padding:0px;} #profileHead li {float:left; display:inline;} #profileHead img {width:125px; padding:0px 10px 0px 0px;} /* 80 */ #profileHead li.details, #profileHead li.summary {width:505px; padding-right:10px;} /* 550 */ #profileHead li.name {width:305px; padding-top:5px;} /* 350 */ #profileHead li.date {width:200px; padding-top:4px; text-align:right;} /* 200 */ #profileHead li.summary {padding-top:7px;} .portfolioTxt {background-color:#F7F7F7; padding: 5px 7px 5px 7px; margin-bottom:10px;} /******************************************************************************/ /* INSPIRATION STYLING SECTION */ /******************************************************************************/ /* INSPIRATION INDEX PAGE */ #mediaSearch table {border-bottom:1px solid #CCCCCC;} #mediaSearch tr.topBar { height:40px; background:url(images/furniture/title_bg_insp.jpg) repeat-x; vertical-align:middle;} #mediaSearch tr.bottomBar { height:30px; border-bottom:1px solid #CCCCCC; background-color: #F7F7F7; vertical-align:middle;} #mediaSearch td.left {width:46%;} #mediaSearch td.right {width:54%; text-align:right; padding-right:10px;} #mediaSearch tr.bottomBar td.left {font-weight:bold; padding-left:10px;} #mediaSearch tr.bottomBar td.right {color:#666666; vertical-align:middle;} #mediaSearch h1 {color:#FFFFFF;} #mediaSearch a {line-height:21px;} #mediaSearch .select {cursor:pointer; float:left; top:1px; line-height:10px; height:10px; width:60px; padding: 0px 10px 0px 0px; display: inline; vertical-align:middle;} .printSpace {display:none;} /* INSPIRATION GENERAL REPORT STYLING FOR LATEST REPORTS */ #latestRep h1 {color:#000000; line-height:34px; font-weight:normal;} #latestRep li.list, #showCase li.list, #whatsOn li.list, #blogList li.list, #twitterList li.list {background-color: #F7F7F7;} #latestRep ul.rhcBox, #showCase ul.rhcBox, #whatsOn ul.rhcBox, #blogList ul.rhcBox {width:100%; padding:0px; background-color:#F7F7F7; clear:both;} #latestRep li.thumb, #showCase li.thumb, #whatsOn li.thumb, #blogList li.thumb {width:80px; float:left; padding:10px 0px 15px 10px;} #latestRep li h4, #showCase li h4, #whatsOn li h4, #blogList li h4 {width:190px; padding:8px 10px 0px 10px;} #latestRep li p.date, #showCase li p.date, #whatsOn li p.date, #blogList li p.date {width:200px; padding:2px 0px 0px 10px;} #latestRep li p.summary, #showCase li p.summary, #whatsOn li p.summary, #whatsOn li p.location, #latestRep li p.location, #blogList li p.summary {width:190px; padding:2px 10px 12px 10px;} #latestRep li.clear, #showCase li.clear, #whatsOn li.clear, #blogList li.clear {border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF; height:0px; line-height:0px; clear:both !important; width:300px;} /* INSIGHT LEADERS RHC VERTICAL SCROLLBAR STYLING */ #vertcarousel ul.rhcBox {width:300px; height:auto; margin:0px; padding:0px; border-top:1px solid #FFFFFF; display:block;} #vertcarousel .rhcBox li {background-color:#F7F7F7; width:300px; height:auto; margin:0px; padding:0px;} #vertcarousel li.thumb img {width:80px !important; height:52px; float:left; display:block; list-style: none;} /* #vertcarousel ul li a.thumb {width:80px; height:auto; float:left;} /* 100px width */ #vertcarousel ul.rhcBox li h4 {width:190px; margin:0px; padding:0px 10px 0px 10px; z-index:999; float:right; display:block;} #vertcarousel ul.rhcBox li p.date {width:200px; height:auto; margin:0px; padding:2px 0px 0px 10px; float:right;} #vertcarousel ul.rhcBox li p.summary {width:190px; height:auto; margin:0px; padding:1px 10px 0px 10px; float:right; display:block;} #vertcarousel ul.rhcBox li.clearScroll {width:300px; height:auto; border-bottom:1px solid #CCCCCC; margin:0px; padding:0px;} #vertcarousel ul.rhcBox li.itemBlockVspacer {width:300px; height:auto; margin:0px; padding:0px;} /* INSPIRATION BLOG HUNTER PAGE */ .blogItem {width:238px; float:left; border-top: 1px solid #CCCCCC;} .blog0 {margin:0px 7px 0px 0px;} .blog1 {margin:0px 8px 0px 0px;} .blog2 {margin:0px 7px 0px 0px;} .blog3 {margin:0px 0px 0px 0px;} .blogItem td {vertical-align:top;} .blogItem td.date {width:65px; padding:7px 0px 0px 10px;} .blogItem td.icons {width:165px; padding:4px 0px 0px 0px; text-align:right;} .blogItem td.icons a {padding-left:4px; text-align:right; height:18px;} .blogItem td.title {padding:2px 5px 2px 10px; border-bottom:4px solid #72A700; vertical-align:top; height:38px; line-height:15px;} .blogItem td.summary {padding:7px 10px 7px 10px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;} .blogItem td.link, .blogItem td.industryTitle, .blogItem td.locationTitle, .blogItem td.keywordsTitle {padding-left:10px; vertical-align:top; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;} .blogItem td.link, .blogItem td.industryKey, .blogItem td.locationKey, .blogItem td.keywordsKey {padding-right:10px; vertical-align:top; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;} .blogItem td.img, .blogItem td.industryTitle, .blogItem td.locationTitle, .blogItem td.keywordsTitle, .blogItem td.industryKey, .blogItem td.locationKey, .blogItem td.keywordsKey {border-top:1px solid #FFFFFF;} .blogItem td.link, .blogItem td.industryTitle, .blogItem td.locationTitle, .blogItem td.keywordsTitle {padding:3px 0px 3px 10px;} .blogItem td.industryKey, .blogItem td.locationKey, .blogItem td.keywordsKey {padding:3px 10px 3px 0px;} .blogItem td.link, .blogItem td.industryTitle, .blogItem td.locationTitle, .blogItem td.keywordsTitle, .blogItem td.industryKey, .blogItem td.locationKey, .blogItem td.keywordsKey {background-color:#F7F7F7;} /* INSIGHT CONSUMER PROFILE INDEX PAGE */ .gridItem {width:238px; float:left; border-top: 1px solid #CCCCCC;} .grid0 {margin:0px 7px 0px 0px;} .grid1 {margin:0px 8px 0px 0px;} .grid2 {margin:0px 7px 0px 0px;} .grid3 {margin:0px 0px 0px 0px;} .gridItemSection {display:inline; float:left} .gridItemDate {display:inline; float:right; color: #777777;} .gridItem td {vertical-align:top;} .gridItem td.date, .gridItem td.section {width:65px; padding:7px 0px 0px 10px;} .gridItem td.dateTabs {padding:7px 0px 0px 10px;text-align:right;} .gridItem td.icons {width:165px; padding:4px 0px 0px 0px; text-align:right;} .gridItem td.icons a {padding-left:4px; text-align:right; height:18px;} .gridItem td.summary {padding:7px 10px 7px 10px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;} .gridItem td.titleInsight, .gridItem td.titleInspiration {padding:2px 5px 2px 10px; vertical-align:top; height:38px; line-height:15px;} .gridItem td.titleInsight {border-bottom:4px solid #C20816;} .gridItem td.titleInspiration {border-bottom:4px solid #72A700;} .gridItem td.link, .gridItem td.locationTitle, .gridItem td.industryTitle, .gridItem td.demographicTitle, .gridItem td.keywordsTitle {padding-left:10px; vertical-align:top; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;} .gridItem td.link, .gridItem td.locationKey, .gridItem td.industryKey, .gridItem td.industryKey, .gridItem td.demographicKey, .gridItem td.keywordsKey {padding-right:10px; vertical-align:top; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;} .gridItem td.img, .gridItem td.locationTitle, .gridItem td.industryTitle, .gridItem td.demographicTitle, .gridItem td.keywordsTitle, .gridItem td.locationKey, .gridItem td.industryKey, .gridItem td.demographicKey, .gridItem td.keywordsKey {border-top:1px solid #FFFFFF;} .gridItem td.link, .gridItem td.locationTitle, .gridItem td.industryTitle, .gridItem td.demographicTitle, .gridItem td.keywordsTitle {padding:3px 5px 3px 10px;} .gridItem td.locationKey, .gridItem td.industryKey, .gridItem td.demographicKey, .gridItem td.keywordsKey {padding:3px 10px 3px 0px;} .gridItem td.link, .gridItem td.locationTitle, .gridItem td.industryTitle, .gridItem td.demographicTitle, .gridItem td.demographicTitle, .gridItem td.keywordsTitle, .gridItem td.locationKey, .gridItem td.industryKey, .gridItem td.demographicKey, .gridItem td.keywordsKey {background-color:#F7F7F7;} /* INSPIRATION MEDIA HUB */ /* Images in Table set up */ .mediaHubDisplay {text-align:right; padding:5px 0px 5px 0px;} #mediaHubWrapper table {margin-bottom:15px; clear:both;} #mediaHubWrapper td {vertical-align:bottom;width:188px;min-height:122px;} #mediaHubWrapper td.one, #mediaHubWrapper td.three {padding-right:9px;} #mediaHubWrapper td.two, #mediaHubWrapper td.four {padding-right:8px;} #mediaHubWrapper td.five {padding-left:1px;} #mediaHubWrapper .info {z-index:999; position:absolute; margin:0px; padding:0px; border:0px; background-color:#E5E5E5; height:auto; min-height:90px; width:188px; opacity:0.0;} #mediaHubWrapper .varHeight {height: 20px; background-color:#CCC;} /* **** THIS IS JUST A TEMPORARY STYLE **** please remove when scripted */ #mediaHubWrapper .link, #mediaHubWrapper .type, #mediaHubWrapper .source, #mediaHubWrapper .size, #mediaHubWrapper .icons { height:15px; line-height:15px; display:block;} #mediaHubWrapper .size { border-bottom:1px solid #ccc;} #mediaHubWrapper .link, #mediaHubWrapper .type, #mediaHubWrapper .source {padding:0px 7px 0px 7px;} #mediaHubWrapper .size {padding:0px 7px 2px 7px;} #mediaHubWrapper .icons {border-top:1px solid #FFF; padding:5px; text-align:right; width:178px;} #mediaHubWrapper span.cShare a {background:url(images/icons/g_cs.gif) right top no-repeat; width:15px; height:15px; float:right; padding-left:5px; display:block;} #mediaHubWrapper span.sBook a {background:url(images/icons/mh-paperclip.gif) right top no-repeat; width:15px; height:15px; float:right; padding-left:5px; display:block;} #mediaHubWrapper span.mShare a {background: url(images/icons/g-share.gif) right top no-repeat; width:15px; height:15px; float:right; padding-left:5px; display:block;} /******************************************************************************/ /* COMMON REPORT TEMPLATE STRUCTURE */ /******************************************************************************/ #report {width:100%;} #adHoc {width:955px;} /* GENERAL SITE (BLACK) --- TITLES */ #content .blkHead, #content .blkHeadClick, #content .blkHeadWht, #latest ul.blkHead, #adHoc h1 {width:100%; height:40px; background:url(images/furniture/title_bg_gen.jpg) repeat-x;} #content .blkHeadClick:hover {cursor:pointer !important; text-decoration:underline; color:#FFFFFF;} #report .blkHead, #content .blkHeadWht, #myCanvas .blkHeadClick h1 a {color:#FFFFFF !important;} /* INSIGHT SECTION --- TITLES */ #content .redHeadClick, #content .latestRedHead, #content .redHead, #latest ul.redHead, #content .redHeadWht, #latest ul.redHeadWht {width:100%; height:40px; background:url(images/furniture/title_bg_ins.jpg) repeat-x;} #content .redHeadClick {width:300px; height:40px; display:block;} #content .redHeadClick:hover {cursor:pointer !important; text-decoration:underline; color:#FFFFFF;} #report .redHead:hover, #right .redHead, #right .redHead:hover {cursor: default; text-decoration:none;} #content .redHead h1 a, #content .redHeadClick h1 a, .latestRedHead h1, #report .redHead, #right .redHead, .redHeadWht h1 {color:#FFFFFF !important;} /* INSPIRATION SECTION --- TITLES */ #content .greenHeadClick, #content .latestGreenHead, #content .greenHead, #latest ul.greenHead, #content .greenHeadWht, #latest ul.greenHeadWht {width:100%; height:40px; background:url(images/furniture/title_bg_insp.jpg) repeat-x;} #content .greenHeadClick:hover {cursor:pointer !important; text-decoration:underline; color:#FFFFFF;} #report .greenHead:hover, #right .greenHead, #right .greenHead:hover {cursor: default; text-decoration:none;} #content .greenHead h1 a, #content .greenHeadClick h1 a, .latestGreenHead h1, #report .greenHead, #right .greenHead, .greenHeadWht h1 {color:#FFFFFF !important;} /* TWITTER (BLUE) --- TITLES */ #content .blueHead {width:100%; height:40px; background:url(images/furniture/title_bg_tw.jpg) repeat-x;} #content .blueHead:hover {cursor: default; text-decoration:none;} #content .blueHead h1 {color:#FFFFFF !important;} #content .twitterHead {width:100%; height:40px; background:url(images/furniture/twitter_title.jpg);} #content .twitterHead:hover {cursor: default; text-decoration:none;} /* Report Page - Title section */ #report .profileH1 {width:300px; padding:0px 0px 0px 10px; height:40px; float:left;} #report .head {padding-top:7px;} .toolsBox {width:30%; float:right; margin:1px 2px 0px 0px; text-align:right; vertical-align:middle;} .tools {padding-right:5px; text-align:right;} span.tools a {margin-left:2px;} #reportIntroBox {width:100%; padding:7px 0px 10px 0px; background-color:#F7F7F7; border-bottom:1px solid #CCCCCC;} #reportIntro {padding:0px 10px 0px 10px;} #reportIntro li {display: list-item; float:none; width:100%;} #reportIntro h2 {font-weight:bold; padding:3px 0px 5px 0px;} #reportIntro .duration {font-weight:bold;} #reportIntro .location {padding: 2px 0px 6px 0px;} #reportWrapper {padding:10px; clear:both;} /* Report Page - RHC */ p.results {padding:10px 0px 10px 0px; border-bottom:1px solid #CCCCCC; text-align:right;} .display {padding:13px 0px 0px 0px; text-align:right;} /* Image and Caption table styling */ tr.imgFooter {background-color:#F7F7F7; vertical-align:top;} td.caption {padding:3px 0px 3px 5px; width:72%;} td.icons {padding:3px 5px 3px 0px; width:28%; text-align:right;} table.large {margin-bottom:5px;} table.oneFloatRight {float:right; margin:10px 0px 10px 15px;} table.oneFloatLeft {float:left; margin:10px 15px 10px 0px;} table.twoFloatLeft,table.threeFloatLeft {float:left; margin:10px 1px 5px 0px;} table.twoFloatRight, table.threeFloatRight {float:right; margin:10px 0px 5px 0px;} div.shortRow {width:629px;} /* Quote box --> Only styled for the Right side. */ .quoteBox {width:300px; background-color:#F7F7F7; padding:10px; float:right; margin:10px 0px 15px 15px;} #content .quoteBox h4 {font-weight:bold; padding:0px 0px 5px 0px;} .authorQuote {font-size:11px;} /* Video holder */ .video {width:320px; float:right; margin:10px 0px 15px 15px;} /* Footer Keyword and source tags */ .footerTagsProfile {width:620px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #FFFFFF; background-color:#F7F7F7; padding:0px 0px 0px 10px;} #content .footerTagsProfile ul {padding:0px 10px 0px 15px;} #content .footerTagsProfile li {list-style: disc; display:list-item; float:none !important; margin:0px; padding:0px;} .footerTags table {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color:#F7F7F7;} .footerTags tr {height:18px; line-height:15px; padding:0px; margin:0px;} .footerTags td {vertical-align:top; height:18px; padding:7px; margin:0px;} .footerTags td.title {font-weight:bold; width:15%; padding-left:10px;} .footerTags td.address {padding-bottom:15px;} .footerTags a {padding:0px 2px 0px 3px;} /******************************************************************************/ /* SEARCH RESULTS STYLING */ /******************************************************************************/ /* PAGE HEADER */ #searchSub {width:975px; height:30px; margin:0px auto; position:relative; z-index:9998; background-color:#E5E5E5;} #searchSub li.black {background-color: #000000; height:30px; width:12px; float:left;} #searchBlock .searchItem {width:975px; height:130px; display:block; background-color: #F7F7F7; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;} #searchBlock .leftBlock {width:675px; float:left; height:130px;} #searchBlock .rightBlock {width:300px; height:130px;} #searchBlock img {float:left; height:130px; width:auto; padding-right:10px;} #searchBlock p.section, #searchBlock h4.title, #searchBlock p.date, #searchBlock p.summary {width:auto; padding:0px 20px 0px 10px;} #searchBlock p.section {padding-top:4px; padding-bottom:2px;} #searchBlock p.date {padding-top:3px; padding-bottom:4px;} /******************************************************************************/ /* ERROR PAGE STYLING */ /******************************************************************************/ #error {background-color:#EEEEEE; padding:10px; width:630px;} #error input.errorSubject {width:618px; height:17px; line-height:17px; padding:2px 5px 0px 5px; line-height:15px; background-color:#FFF; border:1px solid #E5E5E5; margin-bottom:5px;} #error input.errorEmail, #error input.errorUsername {width:309px; height:17px; line-height:17px; padding:2px 5px 0px 5px; line-height:15px; background-color:#FFF; border:1px solid #E5E5E5; margin-bottom:5px;} #error input.back {width:56px; height:20px; background: url(images/sbook/sBook_back.gif) no-repeat top right; display:block; cursor:pointer;} #error input.send {width:56px; height:20px; background:url(images/sbook/sBook_send.gif) no-repeat top right; display:block; float:right; cursor:pointer;} #error table.error {height:20px !important;} #error td.errorSearch, #error td.errorBack {border:none !important; height:20px !important; background-color:#EEEEEE !important; padding:10px 0px 10px 0px !important;} #error td.errorBack {width:56px; height:20px !important;} #error textarea.message {width:618px; height:50px; line-height:15px; padding:4px; line-height:15px; background-color:#FFF; border:1px solid #E5E5E5; margin-bottom:4px;} #error p.cCount {color:#999;} /******************************************************************************/ /* MY CANVAS8 and CHANGE PASSWORD */ /******************************************************************************/ #tbPreferencesHeader {width:815px; height:66px; background: url(/styles/canvas8/images/furniture/thickbox_preferences_header.jpg ) no-repeat top right; display:block;} #bulletinPreferencesWrapper, #changePasswordWrapper, #tbBulletinPreferencesWrapper, #tbChangePasswordWrapper, #tbWelcomeScreenWrapper {background-color:#f7f7f7;overflow:auto;border-bottom:1px solid #CACACA;border-top:1px solid #CACACA} #tbBulletinPreferencesWrapper {padding:4px 0px 5px 0px;width:815px} #tbChangePasswordWrapper, #tbWelcomeScreenWrapper {padding:4px 0px 5px 0px;height:380px;width:815px} #bulletinPreferencesWrapper, #changePasswordWrapper {padding:4px 10px 5px 10px;width:920px} #tbWelcomeScreen {padding:20px 20px 20px 20px;} #tbWelcomeScreen li {padding:10px 10px 0px 10px;} #tbWelcomeScreen p {font-size:1.2em; line-height:19px;} #tbWelcomeScreenButton {float:left; padding:10px 0px 10px 680px; width:50px; height:50px;} p.formIntro {color:black;font-size:13px; padding:0px 0px 1px 1px;} .errorMessage {color:black;font-size:13px;font-weight:bold;display: block; padding:5px 10px 10px 1px;} #bulletinPreferencesForm, #changePasswordForm {padding:10px 10px 10px 10px} .formLeft {float:left; padding:5px 10px 10px 0px; width:410px; height:285px; border-right: 1px solid #CCCCCC;} .formMiddle {float:left; padding:5px 20px 10px 20px; width:180px; height:285px; border-right: 1px solid #CCCCCC; } .formRight {float:left; padding:265px 0px 10px 10px; width:135px; height:50px; } .formMiddleContent {padding-left:30px} .formRow {clear:left;margin:5px 0 5px 0;overflow:hidden;border-top:1px solid #CACACA} .formLabel {color:#2D2D2D;margin-right:10px;padding:5px 0;text-align:right;width:130px;float:left} .formLabel, .formInput, .formCheckBoxes {margin-top:10px;font-size:13px} .formInput {width:185px;height:30px;float:left;} .formInput input {border:1px solid #CACACA;padding:4px} .formLabelCheckBoxes {margin-top:1px;font-size:13px; padding-left:1px} .formCheckBoxes {margin-top:10px;font-size:13px; padding-left:10px} .formCheckBoxesSelectAll {padding-left:2px} .formCheckBoxesCol1 {width:200px;;float:left;padding-left:2px} .formCheckBoxesCol2 {width:190px;;float:left;} div.formCheckBoxes input {margin:0px 6px 2px 0px} #buttonRow {float:left;padding:5px 10px 5px 5px;} #buttonRow ul {width:100%; padding: 3px 0px 3px 0px;} #buttonRow li {float:right;display: inline; padding:0px 3px 0px 3px;} #buttonRow input.save {width:53px; height:14px; background:url(images/furniture/myc8_submit.jpg) no-repeat top left;display:block; cursor:pointer;} #buttonRow input.cancel {width:41px; height:14px; background:url(images/furniture/myc8_back.jpg) no-repeat top left;display:block; cursor:pointer;} #buttonRow input.next, a.next {width:39px; height:14px; background:url(images/furniture/myc8_next.jpg) no-repeat top left;display:block; cursor:pointer;} #buttonRow input.save:hover {background-position: 0 -15px;} #buttonRow input.cancel:hover {background-position: 0 -15px; } #buttonRow input.next:hover, a.next:hover {background-position: 0 -15px;} /******************************************************************************/ /* TABS and Publications */ /******************************************************************************/ #tabsContent, #publicationsContent {background-color:#F7F7F7;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;} #tabsContent ul.tabsContentBlock, #publicationsContent ul {height:316px;width:100%;} #tabsContent li, #publicationsContent li {float:left;display:inline;} #tabsContent li.text {width:487px;height:314px;} #publicationsContent li.text {width:487px;} #tabsContent h2, #publicationsContent h2 {font-weight:bold;padding:10px;} #tabsContent li.summary, #publicationsContent li.summary, #publicationsContent li.download, .relatedBlock tr {text-align:left; font-size:1.4em !important;line-height:18px;} #tabsContent li.summary, #publicationsContent li.summary, #publicationsContent li.download {width:430px;} #tabsContent li.summary, #publicationsContent li.summary {padding:10px;} #publicationsContent li.download, #publicationsContent li.downloadNote {padding:10px 10px 0px 10px;} #publicationsContent li.download, #publicationsContent span.title {font-weight:bold;} .relatedBlock li {width:350px; padding:0px 0px 5px 0px;} .relatedBlock td {vertical-align:top; padding:5px 0px 5px 0px; margin:0px; width:340px;} .relatedBlock td.title {font-weight:bold; width:145px; padding-left:10px;} .relatedBlock td {border-top:1px solid #CCCCCC; border-bottom:none;} .latestHeader h2 {padding-left:10px;}