/* CSS for ProjectStory by LR Communication Design March 2009 */ * {margin:0px; padding: 0px; line-height: 10px;} /* every element will inherit a 10px line-height and will need its own line-height set I.e. line-height will NOT inherit normally. Why do this? It helps cross browser vertical alignment. */ body { background: url(background-online-file-sharing-secure-document-distribution.jpg) repeat-x #f8e57a; font-family: Verdana, sans-serif; color: #333;} a img {border: none;} span.superscripted {font-size:.75em; line-height: .5em; vertical-align:super;} div#upperContent { position: relative; overflow: auto; /* contain floats */ width: 849px; width: 749px; margin: 0px auto; background: url(background-upper-secure-document-distribution.jpg) no-repeat #f8e57a; padding-right: 50px; padding-left: 50px;} img#WebFilesLogo { float: left; margin-top: 21px; margin-left: 9px;} h1 { padding-top: 63px; margin-bottom: 18px; margin-bottom: 26px; font-size: 14px; font-weight: bold; font-style: italic; text-align: right; color: #154899;} p#linksMain { background: url(main-menu-shadow-WebFiles-links.gif) repeat-x left bottom #cb3e34; padding-top: 13px; padding-bottom: 12px; padding-bottom: 18px; /* make room for the shadow */ padding-left: 10px; font-size: 12px; font-weight: bold; line-height: 16px;} p#linksMain.withSecondaryMenu { background: #cb3e34; padding-bottom: 12px;} p#linksMain a {text-decoration: none; color:#000;} p#linksMain a:link {color:#000;} p#linksMain a:visited {color:#000;} p#linksMain a:focus {color:#000;} p#linksMain a:hover {color:#000; border-bottom: 1px dotted #000;} p#linksMain a:active {color:#000; border-bottom: 1px solid #000;} p#linksMain a#selectedMainMenu:link, p#linksMain a#selectedMainMenu:visited {color: #fff; border-bottom: 0px;} p#linksMain a#selectedMainMenu:focus {color: #fff; border-bottom: 0px;} p#linksMain a#selectedMainMenu:hover {color: #fff; border-bottom: 0px;} p#linksMain a#selectedMainMenu:active {color: #fff; border-bottom: 0px;} p#linksSecondary { background: url(main-submenu-divider-WebFiles-links.gif) repeat-x #e89f48; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; font-size: 11px; font-weight: bold; line-height: 16px; color: #d2872f;} p#linksSecondary a {text-decoration: none; color:#000;} p#linksSecondary a:link {color:#000;} p#linksSecondary a:visited {color:#000;} p#linksSecondary a:focus {color:#000;} p#linksSecondary a:hover {color:#000; border-bottom: 1px dotted #000;} p#linksSecondary a:active {color:#000; border-bottom: 1px solid #000;} p#linksSecondary a#selectedSecondaryMenu:link, p#linksSecondary a#selectedSecondaryMenu:visited {color: #fff; border-bottom: 0px;} p#linksSecondary a#selectedSecondaryMenu:focus {color: #fff; border-bottom: 0px;} p#linksSecondary a#selectedSecondaryMenu:hover {color: #fff; border-bottom: 0px;} p#linksSecondary a#selectedSecondaryMenu:active {color: #fff; border-bottom: 0px;} div#mainContentColumn { position: relative; /* needed by the annotations on the screenshots */ float: left; width: 503px; width: 483px; margin-top: 12px; padding-right: 10px; padding-left: 10px;} div#mainContentColumn.fullWidth { float: none; width: 749px; margin-right: 0px !important; padding-right: 0px; padding-left: 0px;} div#mainContentColumn h2 { margin-bottom: 7px; font-size: 10px; font-weight: bold; line-height: normal; text-transform: uppercase; color: #005dab;} div#mainContentColumn p { margin-bottom: 5px; font-size: 10px; line-height: 16px;; color: #333;} div#mainContentColumn .lastPInSection {margin-bottom: 25px;} /* any element can be the last in a section in the main column */ div#mainContentColumn ul { margin-top: 10px; margin-top: 4px; margin-bottom: 10px; margin-left: 26px; margin-left: 15px;} div#mainContentColumn ul li { font-size: 10px; line-height: 16px;} div#mainContentColumn ul li a { line-height: 16px;} /* for Opera */ div#mainContentColumn ul.tightSpacing { margin-top: 2px; margin-bottom: 3px;} img.screencastWidget { float: right; margin-top: -17px; margin-right: 10px;} div#mainContentColumn a {text-decoration: none; color: #b73f04; } div#mainContentColumn a:link {border-bottom: 1px dotted #b73f04;} div#mainContentColumn a:visited {border-bottom: 1px dotted #b73f04;} div#mainContentColumn a:focus {} div#mainContentColumn a:hover {border-bottom: 1px solid;} div#mainContentColumn a:active {border-bottom: 1px dotted; } /* annotated screen shot pages */ img.screenshot { float: right; margin-right: -6px; /* show the image shadow in the margin */ margin-left: 10px;} div#threeColumns { clear: both; padding-top: 0px;} div#columnOne { float: left; width: 225px; width: 215px; padding-right: 10px;} div#columnTwo { float: left; width: 246px; margin-left: 15px;} div#columnThree { float: right; width: 246px;} div#threeColumns img { float: right; margin-top: 18px; margin-left: 10px;} div#threeColumns h3 { margin-top: 20px; margin-bottom: 10px; font-size: 10px; } div#threeColumns p { font-size: 10px; line-height: 16px;} div#threeColumns #columnTwo h3, div#threeColumns #columnTwo p, div#threeColumns #columnThree h3, div#threeColumns #columnThree p { padding-left: 10px; } div.annotationDiv {position: absolute; width:238px;} h3.annotationTitle {border-bottom: 1px solid #c25841; font-size:10px; line-height:16px;} div.annotationDot {position: absolute; font-size: 18px; color:#c25841;} div#mainContentColumn p.annotationText {width:220px; margin-top:0px; font-size:9px; line-height:12px; color:#000;} /* #screenshotHomepage annotations (Home page) */ #screenshotHomepage #annotationDiv1 {top: 11px; width:240px; } #screenshotHomepage #annotationDot1 {top: 10px; left: 236px; } #screenshotHomepage #annotationDiv2 {top: 40px; width:540px; } #screenshotHomepage #annotationDot2 {top: 10px; left: 536px; } #screenshotHomepage #annotationDiv3 {top: 91px; width:246px; } #screenshotHomepage #annotationDot3 {top: 10px; left: 242px; } #screenshotHomepage #annotationDiv4 {top: 113px; width:246px; } #screenshotHomepage #annotationDot4 {top: 10px; left: 242px; } #screenshotHomepage #annotationTitle5 {border-right: 1px solid #c25841;} #screenshotHomepage #annotationDiv5 {top: 145px; width:259px; } #screenshotHomepage #annotationDot5 {top: -8px; left: 254px; } #screenshotHomepage #annotationDiv6 {top: 215px; width:259px; } #screenshotHomepage #annotationDot6 {top: 10px; left: 254px; } #screenshotHomepage #annotationDiv7 {top: 177px; width:259px; } #screenshotHomepage #annotationDot7 {top: 10px; left: 254px; } #screenshotHomepage #annotationDiv8 {top: 245px; width:246px; } #screenshotHomepage #annotationDot8 {top: 10px; left: 242px; } #screenshotHomepage #annotationDiv9 {top: 304px; width:246px; } #screenshotHomepage #annotationDot9 {top: 10px; left: 242px; } /* #screenshotUsers annotations (Users) */ #screenshotUsers #annotationTitle1 {height: 50px; border-bottom: 0px solid #c25841; border-top: 1px solid #c25841; border-right: 1px solid #c25841;} #screenshotUsers #annotationDiv1 {top: 150px; width: 246px; } #screenshotUsers #annotationDot1 {top: -6px; left: 241px; } #screenshotUsers #annotationDot1a {top: 46px; left: 241px; } #screenshotUsers #annotationText1 {margin-top: -49px;} #screenshotUsers #annotationDiv2 {top: 234px; width: 245px; } #screenshotUsers #annotationDot2 {top: 10px; left: 241px; } #screenshotUsers #annotationDiv3 {top: 300px; width: 245px; } #screenshotUsers #annotationDot3 {top: 10px; left: 241px; } #screenshotUsers #annotationTitle4 {height: 14px; border-right: 1px solid #c25841;} #screenshotUsers #annotationDiv4 {top: 348px; width: 531px; } #screenshotUsers #annotationDot4 {top: -6px; left: 526px; } #screenshotUsers #annotationTitle5 {height: 66px; border-right: 1px solid #c25841;} #screenshotUsers #annotationDiv5 {top: 348px; width: 580px; } #screenshotUsers #annotationDot5 {top: -6px; left: 575px; } #screenshotUsers #annotationTitle6 {height: 99px; border-right: 1px solid #c25841;} #screenshotUsers #annotationDiv6 {top: 348px; width: 606px; } #screenshotUsers #annotationDot6 {top: -6px; left: 601px; } #screenshotUsers #annotationTitle7 {height: 106px; border-right: 1px solid #c25841;} #screenshotUsers #annotationDiv7 {top: 366px; width: 637px; } #screenshotUsers #annotationDot7 {top: -6px; left: 632px; } #screenshotUsers #annotationTitle8 {height: 141px; border-right: 1px solid #c25841;} #screenshotUsers #annotationDiv8 {top: 366px; width: 662px; } #screenshotUsers #annotationDot8 {top: -6px; left: 657px; } #screenshotUsers #annotationTitle9 {height: 176px; border-right: 1px solid #c25841;} #screenshotUsers #annotationDiv9 {top: 366px; width: 686px; } #screenshotUsers #annotationDot9 {top: -6px; left: 681px; } #screenshotUsers #annotationTitle10 {height: 211px; border-right: 1px solid #c25841;} #screenshotUsers #annotationDiv10 {top: 366px; width: 710px; } #screenshotUsers #annotationDot10 {top: -6px; left: 705px; } /* #screenshotGroups annotations (Groups) */ #screenshotGroups #annotationDiv1 {top: 117px; width:246px; } #screenshotGroups #annotationDot1 {top: 10px; left: 241px; } #screenshotGroups #annotationDiv2 {top: 215px; width: 245px; } #screenshotGroups #annotationDot2 {top: 10px; left: 241px; } #screenshotGroups #annotationTitle3 {height: 31px; border-right: 1px solid #c25841;} #screenshotGroups #annotationDiv3 {top: 241px; width: 555px; } #screenshotGroups #annotationDot3 {top: -6px; left: 550px; } #screenshotGroups #annotationTitle4 {height: 64px; border-right: 1px solid #c25841;} #screenshotGroups #annotationDiv4 {top: 241px; width: 582px; } #screenshotGroups #annotationDot4 {top: -6px; left: 577px; } #screenshotGroups #annotationTitle5 {height: 106px; border-right: 1px solid #c25841;} #screenshotGroups #annotationDiv5 {top: 258px; width: 637px; } #screenshotGroups #annotationDot5 {top: -6px; left: 632px; } #screenshotGroups #annotationTitle6 {height: 141px; border-right: 1px solid #c25841;} #screenshotGroups #annotationDiv6 {top: 258px; width: 662px; } #screenshotGroups #annotationDot6 {top: -6px; left: 657px; } #screenshotGroups #annotationTitle7 {height: 176px; border-right: 1px solid #c25841;} #screenshotGroups #annotationDiv7 {top: 258px; width: 686px; } #screenshotGroups #annotationDot7 {top: -6px; left: 681px; } #screenshotGroups #annotationTitle8 {height: 211px; border-right: 1px solid #c25841;} #screenshotGroups #annotationDiv8 {top: 258px; width: 710px; } #screenshotGroups #annotationDot8 {top: -6px; left: 705px; } /* #screenshotFiles annotations (Files) */ #screenshotFiles #annotationDiv1 {top: 91px; width: 246px; } #screenshotFiles #annotationDot1 {top: 10px; left: 241px; } #screenshotFiles #annotationTitle2 {height: 8px; border-right: 1px solid #c25841;} #screenshotFiles #annotationDiv2 {top: 133px; width: 483px; } #screenshotFiles #annotationDot2 {top: -6px; left: 478px; } #screenshotFiles #annotationDiv3 {top: 152px; width: 246px; } #screenshotFiles #annotationDot3 {top: 10px; left: 241px; } #screenshotFiles #annotationTitle4 {height: 8px; border-right: 1px solid #c25841;} #screenshotFiles #annotationDiv4 {top: 296px; width: 655px; } #screenshotFiles #annotationDot4 {top: -6px; left: 650px; } #screenshotFiles #annotationDiv5 {top: 303px; width: 246px; } #screenshotFiles #annotationDot5 {top: 10px; left: 241px; } #screenshotFiles #annotationTitle6 {height: 24px; border-right: 1px solid #c25841;} #screenshotFiles #annotationDiv6 {top: 328px; width: 253px; } #screenshotFiles #annotationDot6 {top: -6px; left: 248px; } #screenshotFiles #annotationTitle7 {height: 50px; border-right: 1px solid #c25841;} #screenshotFiles #annotationDiv7 {top: 328px; width: 395px; } #screenshotFiles #annotationDot7 {top: -6px; left: 390px; } #screenshotFiles #annotationTitle8 {height: 67px; border-right: 1px solid #c25841;} #screenshotFiles #annotationDiv8 {top: 328px; width: 534px; } #screenshotFiles #annotationDot8 {top: -6px; left: 529px; } #screenshotFiles #annotationTitle9 {height: 82px; border-right: 1px solid #c25841;} #screenshotFiles #annotationDiv9 {top: 328px; width: 601px; } #screenshotFiles #annotationDot9 {top: -6px; left: 596px; } /* #screenshotOptions1 annotations (Options 1) */ #screenshotOptions1 #annotationDiv1 {top: 117px; width: 246px; } #screenshotOptions1 #annotationDot1 {top: 10px; left: 241px; } #screenshotOptions1 #annotationDiv2 {top: 155px; width: 246px; } #screenshotOptions1 #annotationDot2 {top: 10px; left: 241px; } #screenshotOptions1 #annotationTitle3 {height: 17px; border-right: 1px solid #c25841;} #screenshotOptions1 #annotationDiv3 {top: 193px; width: 246px; } #screenshotOptions1 #annotationDot3 {top: -6px; left: 241px; } #screenshotOptions1 #annotationTitle4 {height: 14px; border-right: 1px solid #c25841;} #screenshotOptions1 #annotationDiv4 {top: 222px; width: 362px; } #screenshotOptions1 #annotationDot4 {top: -6px; left: 357px; } #screenshotOptions1 #annotationTitle5 {height: 15px; border-right: 1px solid #c25841;} #screenshotOptions1 #annotationDiv5 {top: 246px; width: 690px; } #screenshotOptions1 #annotationDot5 {top: -6px; left: 685px; } #screenshotOptions1 #annotationDiv6 {top: 279px; width: 246px; } #screenshotOptions1 #annotationDot6 {top: 10px; left: 241px; } #screenshotOptions1 #annotationTitle7 {height: 15px; border-right: 1px solid #c25841;} #screenshotOptions1 #annotationDiv7 {top: 314px; width: 246px; } #screenshotOptions1 #annotationDot7 {top: -6px; left: 241px; } #screenshotOptions1 #annotationDiv8 {top: 368px; width: 346px; } #screenshotOptions1 #annotationDot8 {top: 10px; left: 341px; } #screenshotOptions1 #annotationDiv9 {top: 423px; width: 246px; } #screenshotOptions1 #annotationDot9 {top: 10px; left: 241px; } #screenshotOptions1 #annotationDiv10 {top: 448px; width: 650px; } #screenshotOptions1 #annotationDot10 {top: 10px; left: 645px; } /* #screenshotOptions2 annotations (Options 2) */ #screenshotOptions2 #annotationDiv1 {top: 44px; width: 246px; } #screenshotOptions2 #annotationDot1 {top: 10px; left: 241px; } #screenshotOptions2 #annotationTitle2 {height: 23px; border-right: 1px solid #c25841;} #screenshotOptions2 #annotationDiv2 {top: 80px; width: 246px; } #screenshotOptions2 #annotationDot2 {top: -6px; left: 241px; } /* #screenshotOptions2 #annotationTitle3 {height: 17px; border-right: 1px solid #c25841;} #screenshotOptions2 #annotationDiv3 {top: 193px; width: 246px; } #screenshotOptions2 #annotationDot3 {top: -6px; left: 241px; } */ #screenshotOptions2 #annotationDiv4 {top: 117px; width: 246px; } #screenshotOptions2 #annotationDot4 {top: 10px; left: 241px; } #screenshotOptions2 #annotationDiv5 {top: 161px; width: 246px; } #screenshotOptions2 #annotationDot5 {top: 10px; left: 241px; } #screenshotOptions2 #annotationDiv6 {top: 207px; width: 246px; } #screenshotOptions2 #annotationDot6 {top: 10px; left: 241px; } #screenshotOptions2 #annotationTitle7 {height: 10px; border-right: 1px solid #c25841;} #screenshotOptions2 #annotationDiv7 {top: 272px; width: 690px; } #screenshotOptions2 #annotationDot7 {top: -6px; left: 685px; } /* tour (movie) pages */ div#div#jsIsNotAvailable { display: none; /* managed via the js */ } div#container { display: none; /* managed via the js */ height: 474px; background-color: transparent; line-height: 22px; /* used by the flv player. If the user does not have the plug in installed the container will be very much too short and there are no other elements to work with. */ } /* when javascript is not available */ div#jsIsNotAvailable { height: 474px;} div#jsIsNotAvailable p { margin-left: 10px; font-size: 10px; line-height: 13px;} /* sign up/pricing */ div#planColumns { overflow: auto; margin-top: 16px; margin-bottom: 12px;} div.planColumn { float:left;width: 133px; margin-right: 18px; border: 1px solid #ccc; text-align: center;} div#planColumnOne {background: url(btn-sign-up-platinum-web-file-sharing.jpg) 0px -16px; no-repeat #ffffff;} div#planColumnTwo {background: url(btn-sign-up-gold-web-file-sharing.jpg) 0px -16px; no-repeat #fdfcf6;} div#planColumnThree {background: url(btn-sign-up-silver-web-file-sharing.jpg) 0px -16px; no-repeat #ffffff;} div#planColumnFour {background: url(btn-sign-up-bronze-web-file-sharing.jpg) 0px -16px; no-repeat #ffffff;} div#planColumnFive {background: url(btn-sign-up-individual-web-file-sharing.jpg) 0px -16px; no-repeat #fefefe; margin-right:0px;} div#mainContentColumn div.planColumn h2 { margin-bottom: 13px; border-bottom: 1px solid #ccc; padding-top: 7px; padding-bottom: 10px; font-size: 14px; line-height: 16px; text-transform: none; text-shadow: 0px 1px 2px #e6f0fe; color: #000;} div#mainContentColumn div.planColumn h2 span {font-size: 18px; line-height: 20px;} h2#platinum {background-color: #f7f4f6;} h2#gold {background-color: #f2e39e;} h2#silver {background-color: #e9e6e8;} h2#bronze {background-color: #f3cda5;} h2#individual {background-color: #d7eafa;} div#mainContentColumn p.planParagraphTwo {margin-bottom:12px; font-size: 12px; line-height: 12px; color: #b91f14;} div#mainContentColumn p.planParagraphTwo b {line-height: 12px;} div#mainContentColumn p.planParagraphThree {margin-bottom:0px; font-size: 10px; line-height: 12px;} div#mainContentColumn p.planParagraphThree b {line-height: 12px;} div#mainContentColumn div.planColumn a { display: block; width: 114px; margin: 16px auto 17px auto; border: 0px; font-size: 14px; line-height: 39px; font-weight: bold; text-transform: uppercase; text-shadow: 0px 1px 2px #e6f0fe; color: #333;} div#mainContentColumn div.planColumn a:link {;} div#mainContentColumn div.planColumn a:visited {;} div#mainContentColumn div.planColumn a:focus {;} div#mainContentColumn div.planColumn a:hover {color: #bb2c0a;} div#mainContentColumn div.planColumn a:active {} /* sidebar */ div#sidebarColumn { float: left; width: 246px; margin-top: 12px; font-size: 10px;} div.sidebarWidget {background: url(widget-background-wide-top.gif) no-repeat;} div.narrowWidgetTop {background: url(widget-background-narrow-top.gif) no-repeat;} div.sidebarWidget h3 { padding-top: 9px; margin-bottom: 5px; margin-left: 10px; font-size: 10px; text-transform: uppercase; color: #005dab; line-height: 16px;} div.sidebarWidget p { margin-right: 10px; margin-bottom: 5px; margin-left: 10px; font-size: 10px; line-height: 16px;} div.sidebarWidget ul { margin-left: 24px; margin-right: 10px; color: #005dab;} div#mainContentColumn div.sidebarWidget ul {margin-left: 24px;} /* maintain the margin when the widget is used out of the sidebar */ div.sidebarWidget ul li, div.sidebarWidget ul li span { /* span is styled for Opera which does not apply the line-height if the li does not contain a text node. In the HTML the li contains only a span with text inside and no text directly in the li. */ margin-bottom: 5px; line-height: 16px;} div.sidebarWidget ul li span { color: #333;} div.sidebarWidget .lastItemInWidget {margin-bottom:0px;} div#mainContentColumn div.sidebarWidget .lastItemInWidget {margin-bottom:0px;} /* override paragraph inheritance on screenshot pages. */ div.sidebarWidget .onlyALink {margin-bottom:0px; padding-bottom:4px;} div.sidebarWidget span.initialCap {margin-right:3px; font-weight:bold; color:#005dab;} div.sidebarWidget p.answerInWidget {margin-bottom:10px;} /* version for the support.html page */ #support div#mainContentColumn p {padding-right:30px;} div#mainContentColumn span.initialCap {margin-right:3px; font-weight:bold; color:#005dab;} div#mainContentColumn p.answerInMainContentColumn {margin-bottom:20px;} div.widgetBottom { height: 10px; margin-bottom: 20px; background: url(widget-background-wide-bottom.gif) no-repeat;} div.narrowWidgetBottom { background: url(widget-background-narrow-bottom.gif) no-repeat;} div.lastWidgetBottom { height: 10px; margin-bottom: 0px; background: url(widget-background-wide-bottom.gif) no-repeat;} div.sidebarWidget a {text-decoration: none; color: #b73f04; } div.sidebarWidget a:link {border-bottom: 1px dotted #b73f04;} div.sidebarWidget a:visited {border-bottom: 1px dotted #b73f04;} div.sidebarWidget a:focus {} div.sidebarWidget a:hover {border-bottom: 1px solid;} div.sidebarWidget a:active {border-bottom: 1px dotted; } div#signUpWidgetTop.sidebarWidget { background: url(widget-signup-background-top.gif) no-repeat;} div#signUpWidgetTop.sidebarWidget h3 { /* the link inside this h3 carries most of the formatting */ text-align: center; text-shadow: 1px 1px 1px #e6f0fe;} div#signUpWidgetTop.sidebarWidget h3 a { border: 0px; line-height: 22px; text-decoration: none; color: #333;} div#signUpWidgetTop.sidebarWidget h3 a:link {} div#signUpWidgetTop.sidebarWidget h3 a:visited {} div#signUpWidgetTop.sidebarWidget h3 a:focus {} div#signUpWidgetTop.sidebarWidget h3 a:hover {color: #bb2c0a;} div#signUpWidgetTop.sidebarWidget h3 a:active {} div#signUpWidgetTop.sidebarWidget p { margin-bottom: 0px; /* override inheritance */ text-align: center; font-weight: bold; line-height: 14px;} div#signUpWidgetBottom.widgetBottom { background: url(widget-signup-background-bottom.gif) no-repeat;} /* footer */ div#footer { position: relative; height: 180px; width: 849px; width: 749px; margin: 0px auto; background: url(background-lower-file-sharing-online.jpg) no-repeat; padding-right: 50px; padding-left: 50px; font-size: 11px; color: #262626;} div#footer a {text-decoration:none; color:#262626;} div#footer a:link {border-bottom: 1px dotted #cb3e34;} div#footer a:visited {border-bottom: 1px dotted #cb3e34;} div#footer a:focus {border-bottom: 1px dotted #cb3e34;} div#footer a:hover {border-bottom: 1px solid #cb3e34;} div#footer a:active {border-bottom: 1px dotted #cb3e34;} div#copyrightBlock { float: left; width: 300px; padding-top: 92px; padding-left: 9px;} div#copyrightBlock p {line-height: 16px;} div#extraBlock { float: left; width: 250px; margin-left: 184px; color: #cb3e34;} div#extraBlock p { margin-left: 20px; padding-top: 72px; font-weight: bold; line-height: 16px;} div#extraBlock ul { margin-top: 4px; margin-left: 25px; margin-left: 35px;} div#extraBlock ul li {} div#extraBlock a { line-height: 16px; /* put here rather than earlier in the hierarchy, for Opera's sake */ text-decoration: none; color: #262626;} div#extraBlock a:link {border-bottom: 1px dotted #cb3e34;} div#extraBlock a:visited {border-bottom: 1px dotted #cb3e34;} div#extraBlock a:focus {border-bottom: 1px dotted #cb3e34;} div#extraBlock a:hover {border-bottom: 1px solid #cb3e34;} div#extraBlock a:active {border-bottom: 1px dotted #cb3e34;}