/* GLOBAL STYLES FOR POST-IT - GENERATION 2 December 2008 to March 2009 ======================================== */ /* To retain the breadcrumb and position it beneath the new navigation ======================================== */ #cShellBcrumb { background: none; position: absolute; top: 115px; left: 15px; } #cShellBcrumb p { margin: 0; border-top: none; padding: 5px 0 7px 0; font-size: 90%; } /* To override the standard body and font styles ======================================== */ body { width: 955px; margin: 0 auto; padding: 0; color: #000; font: 76%/1 arial, sans-serif; background: #fff; position: relative; } h1, h2, h3, h4, p, div, ul { font-family: arial, sans serif; } /* Clears for all pages ======================================== */ div.clearl { clear: left; font-size: 10%; } div.clearr { clear: right; font-size: 10%; } div.clearb { clear: both; font-size: 10%; } /* For the nav when JS detects no Flash ======================================== */ #flashnavcontent { width: 955px; height: 110px; margin: 5px 0 20px 0; background: url("../sysimages/nav/Postit_EU_Gen2_NavBG_img_GBEN.gif") bottom left no-repeat; } #flashnavcontent div#topnav { height: 110px; padding: 0; margin: 0; } #flashnavcontent div#topnav img.logo { padding-right: 10px; float: left; } #flashnavcontent div#topnav div.navitem { float: left; text-align: center; white-space: nowrap; margin: 0 5px; } /* ie6 fix - a width must be specified otherwise each div is treated as a block, display: inline doesn't help */ /*\*/ * html #flashnavcontent div#topnav div.navitem { width: 100px; } /**/ /* the links had to go inside the spans due to an ie6 issue */ #flashnavcontent div#topnav div.navitem a img { height: 54px; padding: 0; margin: 0; } #flashnavcontent div#topnav div.navitem a:hover img { padding: 0; } #flashnavcontent div#topnav div.navitem span a { display: block; height: 23px; color: #000; font-weight: bold; line-height: 120%; text-decoration: none; padding: 6px 12px 0 12px; margin: 0; } #flashnavcontent div#topnav div.navitem span a:hover { color: #000; font-weight: bold; text-decoration: underline; background: url("../sysimages/nav/Postit_EU_Gen2_NavOnBG_img_GBEN.gif") repeat-x; } /* order online button */ #flashnavcontent div#topnav div.order { float: right; display: inline; margin-top: 54px; padding: 0; background: url("../sysimages/nav/Postit_EU_Gen2_Nav_OrderOnlineRight_img_GBEN.gif") right top no-repeat; } #flashnavcontent div#topnav div.order a { display: block; font-weight: bold; color: #000; white-space: nowrap; text-decoration: none; text-align: center; padding: 7px 20px 15px 50px; background: url("../sysimages/nav/Postit_EU_Gen2_Nav_OrderOnlineLeft_img_GBEN.gif") left top no-repeat; } #flashnavcontent div#topnav div.order a:hover { color: #000; font-weight: bold; text-decoration: underline; } /* For the Send a Post-it link on both the home and inside pages ======================================== */ #sendit { float: left; width: 130px; min-height: 106px; padding: 20px 10px 10px 16px; margin: 0; background: url("../sysimages/rhs/Postit_EU_Gen2_SendaPost-it_img_GBEN.jpg") no-repeat top left; } /* ie6 fix - a height must be specified otherwise the full background won't show */ /*\*/ * html #sendit { height: 106px; } #sendit p { font-family: times new roman, sans serif; font-style: italic; font-size: 120%; line-height: 120%; margin-bottom: 0.5em; } #sendit p a { color: #fe4e00; text-decoration: none; } #sendit p a:hover { color: #fe4e00; text-decoration: underline; } /* For the main content column on the inside pages ======================================== */ #postitbody { width: 541px; padding: 0 10px 0 15px; } #postitbody a { color: #fe4e00; text-decoration: none; } #postitbody a:hover { color: #fe4e00; text-decoration: underline; } #postitbody table td, #postitbody table td { vertical-align: top; } #postitbody img { border: solid 1px #ccc; padding: 0; } /* header */ #postitbody div#headerbg { padding: 0; margin: 0; } #postitbody div#headerbg div.h175 { min-height: 175px; } /*\*/ * html #postitbody div#headerbg div.h175 { height: 175px; } /**/ #postitbody div#headerbg div.headerend1 { height: 10px; font-size: 1%; padding: 0; margin: 0; background: url("../sysimages/Postit_EU_Gen2_AllHeadersBottom1_img_GBEN.gif") left top no-repeat; } #postitbody div#headerbg div.container { min-height: 95px; padding-top: 10px; } /*\*/ * html #postitbody div#headerbg div.container { height: 95px; } /**/ #postitbody div#headerbg h1 { margin-top: 6px; margin-right: 200px; padding-bottom: 5px; font-size: 170%; } #postitbody div#headerbg h2 { color: #000000; font-size: 120%; font-weight: bold; margin: 0 250px 20px 0; } #postitbody div#headerbg p.subhead { color: #dd4f02; font-size: 100%; font-weight: bold; margin-right: 175px; } #postitbody div#headerbg p { margin-right: 175px; } #postitbody div#headerbg h3 { color: #000000; } /* Aqua button for submitting ideas */ /* Replaced with new button 24/07/2009 #postitbody #headerbg div.submitidea img.group, #postitbody #headerbg div.submitidea2 img.group { z-index: 1; position: absolute; top: -35px; left: -45px; border: none !important; } #postitbody #headerbg div.submitidea { float: right; position: relative; z-index: 2; display: block; padding: 0; margin: 44px 0 8px 8px; background: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_SubmitIdeaRight_img_GBEN.gif") right top no-repeat; } #postitbody #headerbg div.submitidea span { display: block; color: #fff; font-weight: bold; white-space: nowrap; padding: 10px 14px 15px 16px; background: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_SubmitIdeaLeft_img_GBEN.gif") left top no-repeat; } #postitbody #headerbg div.submitidea span a, #postitbody #headerbg div.submitidea2 span a { color: #fff; text-decoration: none; padding-right: 25px; } #postitbody #headerbg div.submitidea span a:hover, #postitbody #headerbg div.submitidea2 span a:hover { color: #fff; text-decoration: underline; } #postitbody #headerbg div.submitidea2 { float: right; position: relative; z-index: 2; display: block; padding: 0; margin: 30px 0 8px 8px; background: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_SubmitIdeaRightonPale_img_GBEN.gif") right top no-repeat; } #postitbody #headerbg div.submitidea2 span { display: block; color: #fff; font-weight: bold; white-space: nowrap; padding: 10px 14px 15px 16px; background: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_SubmitIdeaLeftonPale_img_GBEN.gif") left top no-repeat; } end replace */ #postitbody #headerbg div.postidea { float: right; width: 257px; height: 83px; } #postitbody #headerbg .dark { margin: 35px 1px 0 0; background: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_New_SubmitIdea_Dark_img_GBEN.gif") left top no-repeat; } #postitbody #headerbg .light { margin: 20px 1px 0 0; background: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_New_SubmitIdea_Light_img_GBEN.gif") left top no-repeat; } #postitbody #headerbg div.postidea a { display: block; padding: 35px 75px 5px 35px; color: #fff; font-weight: bold; text-decoration: none; white-space: nowrap; } #postitbody #headerbg div.postidea a:hover { color: #fff; text-decoration: underline; } /*pink action flag */ #postitbody div.actionflag { float: left; display: block; padding: 0; margin: 0 0 5px -5px; background: url("../sysimages/Postit_EU_Gen2_ActionFlag_PinkRight_img_GBEN.gif") right top no-repeat; } #postitbody div.actionflag span { display: block; color: #fff; font-weight: bold; white-space: nowrap; padding: 10px 28px 15px 12px; background: url("../sysimages/Postit_EU_Gen2_ActionFlag_PinkLeft_img_GBEN.gif") left top no-repeat; } /* products pages */ /* product page bg, top, divider, middle and bottom */ #postitbody div#details { clear: both; padding: 0; margin: 0 0 0 -2px; background: url("../sysimages/Postit_EU_Gen2_AllProductsBG_img_GBEN.gif") repeat-y; padding-bottom: 10px; } #postitbody div#details div.detailshead { height: 8px; font-size: 1%; background: url("../sysimages/Postit_EU_Gen2_AllProducts_Top_img_GBEN.gif") top left no-repeat; } #postitbody div#details div.divider { clear: left; height: 10px; font-size: 1%; background: url("../sysimages/Postit_EU_Gen2_AllProducts_Divider_img_GBEN.gif") top left no-repeat; } #postitbody div.bodyend { margin: 0 0 0 -2px; padding: 0; height: 16px; font-size: 1%; background: url("../sysimages/Postit_EU_Gen2_AllProducts_Bottom_img_GBEN.gif") left top no-repeat; } /* product page styles */ #postitbody div#details div.content { padding: 0 15px; clear: both; } #postitbody div#details div.content div.postidea { float: left; width: 257px; height: 83px; margin: 10px 0 0 100px; background: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_New_SubmitIdea_White_img_GBEN.gif") left top no-repeat; } #postitbody div#details div.content div.postidea a { display: block; padding: 35px 75px 5px 35px; color: #fff; font-weight: bold; text-decoration: none; white-space: nowrap; } #postitbody div#details div.content div.postidea a:hover { color: #fff; text-decoration: underline; } #postitbody div#intro { padding: 7px 15px; } #postitbody div#details div.content table.landr { width: 100%; margin-bottom: 8px; } #postitbody div#details div.content table.landr td, #postitbody div#intro table.landr td { padding-bottom: 8px; } #postitbody div#details div.content table.landr td img, #postitbody div#intro table.landr td img { margin: 0 10px; } #postitbody div#intro ul li { margin: 0 0 8px 0; padding: 5px 0 5px 24px; background: url("../sysimages/Postit_EU_Gen2_BulletonWhiteBG_img_GBEN.gif") left top no-repeat !important; } #postitbody div#details div.content div.prod { text-align: center; float: left; width: 150px; padding: 5px 15px 0 5px; margin: 0; } #postitbody a img { border: solid 1px #ccc; } #postitbody h3 { color: #f77219; padding: 5px 0 3px 0; } #postitbody h3 a { color: #f77219; text-decoration: none; } #postitbody h3 a:hover { color: #f77219; text-decoration: underline; } #postitbody ul { margin: 0 0 8px 5px; padding: 0; list-style-type: none; } #postitbody ul li { margin: 0; padding: 5px 0 5px 24px; background: url("../sysimages/Postit_EU_Gen2_Bullet_img_GBEN.gif") left top no-repeat; } /* more padding to prevent headers paragraphs overlapping the product image in the bg */ #postitbody div#headerbg #ideaspg p { padding-right: 75px; } /* ideas header bgs repeating */ #postitbody div.bg9 { background: url("../sysimages/ideas/Postit_EU_Gen2_HeaderBG_Ideas_img_GBEN.gif") repeat-y; } #postitbody div.bg10 { background: url("../sysimages/ideas/Postit_EU_Gen2_HeaderBG_IdeasIndividual_img_GBEN.gif") repeat-y; } #postitbody div#headerbg div#ideaspg { padding: 18px 18px 30px 18px; margin: 0; background: url("../sysimages/ideas/Postit_EU_Gen2_Header_Ideas_img_GBEN.jpg") no-repeat; } #postitbody div#headerbg div#ideasindiv { padding: 18px 18px 3px 18px; margin: 0; background: url("../sysimages/ideas/Postit_EU_Gen2_Header_IdeasIndividual_img_GBEN.jpg") no-repeat; } /* idea box */ #postitbody div.idea { position: relative; width: 250px; min-height: 330px; padding: 0; margin: 10px 0 10px 5px; float: left; background: url("../sysimages/ideas/Postit_EU_Gen2_IdeasBoxBG_img_GBEN.gif") top left no-repeat; } /*\*/ * html #postitbody div.idea { height: 330px; } /**/ #postitbody div.idea img { padding: 17px 8px 0 2px; border: 0 !important; } #postitbody div.idea h3 { padding: 8px 10px 3px 10px; } #postitbody div.idea h3.orange { color: #f77219; } #postitbody div.idea h3.orange a { color: #f77219; } #postitbody div.idea h3.pink { color: #cc0066; } #postitbody div.idea h3.pink a { color: #cc0066; } #postitbody div.idea h3.green { color: #336600; } #postitbody div.idea h3.green a { color: #336600; } #postitbody div.idea h3.brown { color: #993300; } #postitbody div.idea h3.brown a { color: #993300; } #postitbody div.idea h3 a { text-decoration: none; } #postitbody div.idea h3 a:hover { text-decoration: underline; } #postitbody div.idea p { padding: 0 15px 0 10px; line-height: 120%; margin:0 !important; } /* idea read more button */ #postitbody div.idea div.readmorebutton { position: absolute; bottom: 10px; right: 15px; display: inline; margin: 5px 10px 0 0; padding: 0; background-position: right top; background-repeat: no-repeat; } #postitbody div.idea div.readmorebutton a { display: block; font-size: 90%; font-weight: bold; color: #ffffff; white-space: nowrap; text-decoration: none; text-align: center; padding: 7px 20px 15px 18px; background-position: left top; background-repeat: no-repeat; } #postitbody div.idea div.readmorebutton a:hover { color: #ffffff; font-weight: bold; text-decoration: underline; } #postitbody div.idea div.pink { background-image: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_ReadMorePinkRight_img_GBEN.gif"); } #postitbody div.idea div.pink a { background-image: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_ReadMorePinkLeft_img_GBEN.gif"); } #postitbody div.idea div.green { background-image: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_ReadMoreGreenRight_img_GBEN.gif"); } #postitbody div.idea div.green a { background-image: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_ReadMoreGreenLeft_img_GBEN.gif"); } #postitbody div.idea div.brown { background-image: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_ReadMoreBrownRight_img_GBEN.gif"); } #postitbody div.idea div.brown a { background-image: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_ReadMoreBrownLeft_img_GBEN.gif"); } #postitbody div.idea div.orange { background-image: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_ReadMoreRight_img_GBEN.gif"); } #postitbody div.idea div.orange a { background-image: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_ReadMoreLeft_img_GBEN.gif"); } /* submit and back buttons for ideas */ /* #postitbody fieldset, #postitbody fieldset button { margin: 0; padding: 0; border: 0; } #postitbody fieldset.submit button.formbutton { cursor: pointer; padding: 0; margin: 5px 0 8px 8px; background: url("../sysimages/Postit_EU_Gen2_Button_SubmitandBackRight_img_GBEN.gif") right top no-repeat; } #postitbody fieldset.submit button.formbutton span { display: block; color: #fff; font-family: arial, sans serif; font-weight: bold; white-space: nowrap; padding: 7px 20px 15px 20px; background: url("../sysimages/Postit_EU_Gen2_Button_SubmitandBackLeft_img_GBEN.gif") left top no-repeat; } */ #postitbody div.back { float: left; display: block; padding: 0; margin: 5px 0 8px 170px; background: url("../sysimages/Postit_EU_Gen2_Button_SubmitandBackRight_img_GBEN.gif") right top no-repeat; } #postitbody div.back a { display: block; color: #fff; text-decoration: none; font-weight: bold; white-space: nowrap; padding: 10px 20px 15px 20px; background: url("../sysimages/Postit_EU_Gen2_Button_SubmitandBackLeft_img_GBEN.gif") left top no-repeat; } #postitbody div.back a:hover { color: #fff; text-decoration: underline; } /* Left hand side styles for pods, ideas and newsletters ======================================== */ /* Overrall features div */ #features { width: 204px; margin: 17px 0 10px 0; padding-left: 7px; } #features ul { margin: 0 10px; padding: 0; list-style-type: none; } #features ul li { margin: 0; padding: 5px 0 5px 20px; background: url("../sysimages/Postit_EU_Gen2_BulletSmall_img_GBEN.gif") left top no-repeat; } /* Main feature styles */ #features div.pod { width: 204px; margin-bottom: 7px; background: url("../sysimages/lhs/Postit_EU_Gen2_LHSBox_BG_img_GBEN.gif") top left repeat-y; } #features div.pod div.head { width: 204px; height: 15px; font-size: 1%; } #features div.pod .blue { background: url("../sysimages/lhs/Postit_EU_Gen2_LHSBox_BlueTab_img_GBEN.gif") top left no-repeat; } #features div.pod .orange { background: url("../sysimages/lhs/Postit_EU_Gen2_LHSBox_OrangeTab_img_GBEN.gif") top left no-repeat; } #features div.pod h3 { font-family: times new roman, sans serif; font-size: 120%; font-style: italic; font-weight: normal; padding: 4px 10px; margin: 0 4px 0 0; background: #fff; } #features div.pod h3 a { color: #000; text-decoration: none; } #features div.pod h3 a:hover { color: #000; text-decoration: underline; } #features div.pod p { padding: 8px 12px 0 10px; } #features div.pod img { padding: 3px 7px 3px 6px; float: right; } #features div.pod img.big { padding: 0 !important; border: solid 1px #ccc; margin: 7px; } #features div.pod img.fl { float: left !important; } #features div.pod div.podend { clear: left; width: 204px; height: 10px; font-size: 1%; padding: 0; margin: 0; background: url("../sysimages/lhs/Postit_EU_Gen2_LHSBox_Bottom_img_GBEN.gif") no-repeat; } /* Feature with drop down and links */ #features div.pod form, #features div.pod noscript ul { margin: 0 4px 0 0; padding: 8px 10px; background: #e9f0f6; } #features div.pod form select { width: 170px; border: solid 1px #f8ac27; background: #fff; padding: 1px 0; font-size: 90%; } #features div.pod noscript ul li { background: url("../sysimages/lhs/Postit_EU_Gen2_BulletSmallBlue_img_GBEN.gif") left top no-repeat !important; } #features div.pod div.alllink { width: 204px; padding: 0; text-align: center; background: url("../sysimages/") top left repeat-y; } #features div.pod div.alllink a { display: block; padding: 5px 8px 3px 8px; color: #fff; font-weight: bold; text-decoration: none; } #features div.pod div.alllink a:hover { color: #fff; font-weight: bold; text-decoration: underline; } #features div.pod div.alllink div.linkend { width: 204px; height: 5px; font-size: 1%; background: url("../sysimages/") top left no-repeat; } /* Buy it now button for features */ #features div.buyitnow { float: left; display: block; padding: 0; margin: 5px 0 8px 8px; background: url("../sysimages/lhs/Postit_EU_Gen2_Button_LHS_BuyitNowRight_img_GBEN.gif") right top no-repeat; } #features div.buyitnow span { display: block; color: #fff; font-weight: bold; white-space: nowrap; padding: 10px 20px 15px 20px; background: url("../sysimages/lhs/Postit_EU_Gen2_Button_LHS_BuyitNowLeft_img_GBEN.gif") left top no-repeat; } #features div.buyitnow span a { color: #fff; text-decoration: none; } #features div.buyitnow span a:hover { color: #fff; text-decoration: underline; } /* Right hand side styles for pods, ideas and newsletters ======================================== */ /* Overrall pods div */ #pods { width: 178px; margin: 18px 0 10px 0; padding: 0; } #pods ul { margin: 0 10px; padding: 0; list-style-type: none; } #pods ul li { margin: 0; padding: 5px 0 5px 20px; background: url("../sysimages/Postit_EU_Gen2_BulletSmall_img_GBEN.gif") left top no-repeat; } /* Ideas pod with handwriting on the lined paper */ #ideas { width: 177px; margin-bottom: 7px; background: url("../sysimages/rhs/Postit_EU_Gen2_RHS_IdeasBG_img_GBEN.gif") top left repeat-y; } #ideas div.head { width: 177px; height: 11px font-size: 1%; background: url("../sysimages/rhs/Postit_EU_Gen2_RHS_IdeasTop_img_GBEN.gif") top left no-repeat; } #ideas div.main { padding: 5px 8px 5px 12px; } #ideas div.main h3 { font-family: times new roman, sans serif; font-size: 130%; font-style: italic; font-weight: bold; color: #fe4e00; padding: 0 10px 4px 0; margin: 0; } #ideas div.main h3 a { color: #fe4e00; text-decoration: none; } #ideas div.main h3 a:hover { color: #fe4e00; text-decoration: underline; } #ideas div.main p { font-family: times new roman, sans serif; font-size: 100%; font-style: italic; color: #fe4e00; padding: 0 10px 5px 0; margin: 0; line-height: 100%; } #ideas div.main div { padding-bottom: 5px; } #ideas div.main span { font-family: times new roman, sans serif; font-style: italic; color: #999; margin-right: 10px; line-height: 130%; } #ideas div.main span.small { font-size: 120%; white-space: nowrap; } #ideas div.main span.medium { font-size: 160%; white-space: nowrap; } #ideas div.main span.large { font-size: 190%; white-space: nowrap; } #ideas div.main span a { color: #000; text-decoration: none; } #ideas div.main span a:hover { color: #000; text-decoration: underline; } #ideas div.foot { width: 177px; height: 13px font-size: 1%; background: url("../sysimages/rhs/Postit_EU_Gen2_RHS_IdeasBottom_img_GBEN.gif") top left no-repeat; } /* Newsletters pod using some of the normal pod styling */ #pods div.pod div#newsletter form { float: left; display: inline; padding: 3px 10px 0 10px; margin: 0; line-height: 100%; width: 155px; } #pods div.pod div#newsletter form .fields { float: left; } #pods div.pod div#newsletter form .fields input { font-size: 90%; float: left !important; padding: 1px 3px; } #pods div.pod div#newsletter form .fields input.check { margin: 0 5px 3px 0; border: none !important; } #pods div.pod div#newsletter form .fields .w135 { width: 135px; margin-bottom: 5px; } #pods div.pod div#newsletter form .fields label { margin: 0 0 3px 0; display: block; padding: 0 !important; font-size: 100%; font-weight: bold; } #pods div.pod div#newsletter form .fields select { font-size: 90%; float: left; padding: 1px 0; width: 150px; margin-bottom: 5px; } #pods div.pod div#newsletter form .fields span.check { padding: 5px 10px 0 0; } #pods div.pod div#newsletter form div.clearb { font-size: 50%; } #pods div.pod div#newsletter form input.send { float: right; margin: 0 10px 10px 0; border: none; } #pods div.pod div#newsletter form div#secondselect { display: none; } /* Main pods styles for the tab, background and arrow */ #pods div.pod { width: 178px; margin-bottom: 7px; font-size: 90%; background: url("../sysimages/rhs/Postit_EU_Gen2_RHSBox_BG_img_GBEN.gif") top left repeat-y; } #pods div.pod div.head { width: 178px; height: 15px; font-size: 1%; } #pods div.pod .pink { background: url("../sysimages/rhs/Postit_EU_Gen2_RHSBox_PinkTab_img_GBEN.gif") top left no-repeat; } #pods div.pod .blue { background: url("../sysimages/rhs/Postit_EU_Gen2_RHSBox_BlueTab_img_GBEN.gif") top left no-repeat; } #pods div.pod .orange { background: url("../sysimages/rhs/Postit_EU_Gen2_RHSBox_OrangeTab_img_GBEN.gif") top left no-repeat; } #pods div.pod div.podimg { width: 170px; min-height: 89px; margin: 0 8px 0 0; padding: 0px; background-position: top right; background-repeat: no-repeat; } #pods div.pod table { padding: 0; margin: 0; } #pods div.pod table td { vertical-align: top; } #pods div.pod table td.left { width: 82px; padding: 8px 10px; vertical-align: top; } #pods div.pod table td.right { width: 57px; vertical-align: top; padding: 50px 3px 6px 0; } #pods div.pod h3 { font-family: times new roman, sans serif; font-size: 140%; color: #000; font-style: italic; font-weight: normal; padding: 4px 10px; margin: 0 8px 0 0; background: #fff; } #pods div.pod h3 a { color: #000; text-decoration: none; } #pods div.pod h3 a:hover { color: #000; text-decoration: underline; } #pods div.pod div.bod { padding: 8px 10px 0 10px; } #pods div.pod div.bod p { padding-right: 60px; } #pods div.pod div.podend { clear: left; width: 178px; height: 10px; font-size: 1%; padding: 0; margin: 0; background: url("../sysimages/rhs/Postit_EU_Gen2_RHSBox_Bottom_img_GBEN.gif") no-repeat; } /* To style the footer ======================================== */ #postitfooter { width: 785px; margin: 20px auto 10px auto; border-top: solid 1px #989898; padding-top: 10px; } #postitfooter table { width: 707px; margin: 0 0 0 78px; padding: 2px 0 0 0; } #postitfooter table td { text-align: center; color: #666; font-size: 90%; padding: 3px 0; } #postitfooter table td a { color: #666; text-decoration: none; padding: 0 6px 0 5px; border-right: solid 1px #666; } #postitfooter table td a.nobord { border-right: solid 1px #fff; } #postitfooter table td a:hover { color: #666; text-decoration: underline; } #postitfooter table td.logo { width: 78px; padding: 0; margin: 0; } #postitfooter table td.logo img { vertical-align: bottom; float: right; } #postitfooter table td.logo a { border: none !important; } /*New Additions 04/2010 ======================================== */ /* blue paper bg */ #postitbody .bluepaper { background: url("../sysimages/ideas/Postit_EU_Gen2_Ideas_BluePaperBG_img_GBEN.jpg") top left repeat-y; width: 539px; } #postitbody .bluepaper .foot { background: url("../sysimages/ideas/Postit_EU_Gen2_Ideas_BluetoYellowPaperBG_img_GBEN.gif") top left no-repeat; height: 7px; font-size: 1%;} #postitbody .bluepaper img, #postitbody .yellowpaper img { border: 0; } /* container for headings */ #postitbody .bluepaper .paper { float: left; width: 310px; padding: 10px 18px; } #postitbody .bluepaper .paper h3 { color: #117786 !important; font-size: 150%; margin: 0; padding: 3px 0; font-weight: bold; } #postitbody .bluepaper .paper h4 { color: #117786; font-size: 100%; margin: 0; font-weight: bold; } /* video container */ #postitbody .bluepaper .paper .video { width: 285px; float: left; padding-top: 5px; } #postitbody .bluepaper .paper .video img { margin: 0 10px 0 0; border: 0; } #postitbody .bluepaper .paper .video .content { width: 150px; float: right; } #postitbody .bluepaper .paper .video p { margin-right: 0 !important; } #postitbody .bluepaper .paper .video p.smaller { color: #666666; font-size: 90%; } /* links for youtube etc */ #postitbody .bluepaper .extlogos { position: relative; top: -30px; width: 190px; float: left; } #postitbody .bluepaper .extlogos a { display: block; } #postitbody .bluepaper .extlogos img { margin: 0 auto; } /* yellow paper */ #postitbody .yellowpaper { background: url("../sysimages/ideas/Postit_EU_Gen2_Ideas_YellowPaperBG_img_GBEN.jpg") top left repeat-y; width: 539px; } #postitbody .yellowpaper .foot { background: url("../sysimages/ideas/Postit_EU_Gen2_Ideas_YellowPapertoWhiteBG_img_GBEN.gif") top left no-repeat; height: 7px; font-size: 1%;} /* container for headings */ #postitbody .yellowpaper .paper { float: left; width: 220px; padding: 10px 18px; } #postitbody .yellowpaper .paper h3 { color: #333333 !important; font-size: 150%; margin: 0; padding: 3px 0; font-weight: bold; } #postitbody .yellowpaper .paper h4 { color: #333333; font-size: 120%; margin: 0; font-weight: bold; } /* submit idea button */ #postitbody .submitidea { float: right; text-align: center; padding: 30px 30px 0 30px; height: 52px; width: 202px; margin: 11px 10px 0 10px; } #postitbody .submitidea a { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 120%; } #postitbody .submitidea a:hover { color: #ffffff; text-decoration: underline; } #postitbody .submitidea.homesubmitbutton {background: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_SubmitIdea_img_GBEN.jpg") no-repeat top left;} #postitbody .submitidea.ideasubmitbutton {background: url("../sysimages/ideas/Postit_EU_Gen2_Button_Ideas_SubmitIdea2_img_GBEN.jpg") no-repeat top left;} #postitbody .yellowpaper p { margin: 5px 18px !important; } #postitbody .yellowpaper h4 { color: #333333; font-size: 110%; margin: 0 0 0 18px; font-weight: bold; } /* keywords */ #postitbody .yellowpaper .keywords { padding: 10px 18px; } #postitbody .yellowpaper .keywords div { float: left; height: 80px; width: 118px; width: auto; margin-right: 10px; } #postitbody .yellowpaper .keywords a { display: block; font-size: 130%; font-weight: bold; padding: 15px 25px 15px 15px; width: 78px; width: auto; height: 50px; line-height: 120%; } #postitbody .yellowpaper .keywords div.orange { width: 98px; width: auto; } #postitbody .yellowpaper .keywords div.orange a { color: #f77219; xwidth: 60px; background: url("../sysimages/ideas/Postit_EU_Gen2_Ideas_OrangeNoteBG_img_GBEN.png") no-repeat top left; } #postitbody .yellowpaper .keywords div.pink a { color: #cc0066; padding-top: 20px; background: url("../sysimages/ideas/Postit_EU_Gen2_Ideas_PinkNoteBG_img_GBEN.png") no-repeat top right; } #postitbody .yellowpaper .keywords div.green a { color: #336600; padding-top: 20px; background: url("../sysimages/ideas/Postit_EU_Gen2_Ideas_GreenNoteBG_img_GBEN.png") no-repeat top right; } #postitbody .yellowpaper .keywords div.brown a { color: #993300; padding-top: 20px; background: url("../sysimages/ideas/Postit_EU_Gen2_Ideas_BrownNoteBG_img_GBEN.png") no-repeat top right; } #postitbody .yellowpaper .keywords div.clearl { width: auto; height: auto; float: none; margin: 0; } #postitbody #details div.share { text-align: right; padding: 8px 18px 5px 0; } #postitbody #details div.share a { text-decoration: none; } #postitbody #details div.share a img { vertical-align: middle; border: 0; } #postitbody #details div.share a:hover { text-decoration: underline; } div.submitideabox { background-position:left top; background-repeat:no-repeat; margin-right:8px; min-height:150px; padding:10px; position:relative; width:184px; margin-bottom:7px; } div.submitideabox table { margin:0; padding:0; } div.submitideabox table td.left { vertical-align:top; width:167px; } div.submitideabox h3 a, div.submitideabox h3 a:visited { color:#FE4E00; text-decoration:none; } div.submitideabox h3 a:hover { text-decoration: underline; } div.submitideabox p { padding-top:5px; } div.submitideabox h3, div.submitideabox h4, div.submitideabox p { line-height:120%; margin:0; width:140px; } div.submitideabox h3 { width: 100px; line-height: 110%; } div.submitideabox table td.right { padding:110px 3px 8px 0; vertical-align:top; width:35px; }