/* @group CommonStyles */ /* @group Reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size: 100%; vertical-align: baseline; text-align: left; } html, * html body, * html div, * html span, * html object, * html iframe, * html h1, * html h2, * html h3, * html h4, * html h5, * html h6, * html p, * html blockquote, * html pre, * html a, * html em, * html img, * html small, * html strong, * html sub, * html sup, * html dl, * html dt, * html dd, * html ol, * html ul, * html li, * html fieldset, * html form, * html label, * html legend, * html table, * html caption, * html tbody, * html tfoot, * html thead, * html tr, * html th, * html td { font-weight: normal; font-style: normal; font-family: normal; } body { line-height: 1.0; background-color: #e2ddcd; } * html body { background: #ded9c7; } a { cursor: pointer; -moz-outline: none; } :focus { outline: 0; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } input, textarea { margin: 0; padding: 0; } hr { clear: both; margin: 0; padding: 0; border: 0; height: 0.1%; visibility: hidden; } /* @end */ /* @group MainStructure */ /* @group MainFlowStructure */ .maindiv { background: #e2ddcd url(../img/bg.html.png) top center repeat-y; text-align: center; margin: 0 auto; } * html .maindiv { background-color: #ded9c7; } #head,#body,#foot { clear:both;width:960px;margin:auto; } #rrlwm { width: 768px; } #rrlwm div { float: left; } #rrlwm #center { width: 524px; min-height: 400px; overflow: hidden; } #rrlwm #right { width: 240px; float: right; } #left, #right { min-height: 400px; } .clear { display:block; height: 1px; clear: both; width: 100%; line-height: .1em; } /* @end */ /* @group MainBlockStructure */ .column { position:relative; } .column { _position:static; } .content .main { width:100%;float:right;margin-left:-460px; } .content .main .column { position:static;float:none;width:auto;margin-left:192px; } .content .column { float:left;width:192px; } /* @end */ /* @group MainBlockStructureFixes */ #body:after { content:".";display:block;height:0;clear:both;visibility:hidden; } #body { zoom:1; } /* @end */ /* @end */ /* @group TypographySettings */ body { color:#333;font:75%/1.4em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; } /* @group Headers */ h1 { padding:0 0 0.5em 0;color:#000;word-spacing:0;letter-spacing:0.01em;line-height:1.4em;font-weight:normal;font-size:180%;font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; } h2 { margin:0 0 0.5em 0;padding:0;line-height:1.4em;font-weight:normal;font-size:130%; } h3 { margin:0 0 0.5em 0;padding:0.2em 0 0 0;color:#000;line-height:1.4em;font-weight:normal;font-size:130%; } h4 { margin:0 0 0.5em 0;padding:0.5em 0 0 0;color:#4f4f4f;line-height:1.4em;font-weight:bold;font-size:110%; } /* @end */ /* @group ParagraphAndParagraphElements */ p { margin:0 0 1em 0;line-height:1.4em;font-size:100%; } strong { font-weight:bold !important; } em { font-style:italic; } cite { margin:1em 0 1em 0;padding:0 5em 0 0;border-top:1px solid #ccc;color:#666;line-height:1.4em;font-style:italic;font-size:90%; } small sup { font-size: 110%; } small { font-size: 70%; } /* @end */ /* @group Lists */ ul { padding:1em 2em 1em 4em;line-height:1.8em;font-size:100%; } ul li { padding:0 0.5em;list-style:disc outside; } ol { padding:1em 2em 1em 4.6em;line-height:1.8em;font-size:100%; } ol li { padding:0 0 0 0.2em;list-style:decimal outside; } dl { padding:1em 2.8em 1.7em 2.8em; } dt { padding:0.5em 0 0 0;line-height:1.4em;font-weight:bold;font-size:120%; } dd { line-height:1.4em;font-size:100%; } /* @end */ /* @group Anchors */ a { padding:0 0.2em;background-color:none;color:#517ea5;text-decoration:underline;font-size:100%;font-weight:normal; } a:hover { text-decoration:underline;font-size:100%;font-weight:normal; } /* @subgroup Anchors [ FIXES - !!! might be separated ] */ #right a.common:hover { color: #ee3323; } #refe #right a { text-decoration: none } #refe #right a:hover span.imgcaption2 { text-decoration: underline; } #buyn #right .right-panel2.leftwards a { text-decoration: none; } #buyn #right .right-panel2.leftwards a:hover { color: #00abab; text-decoration: underline; } #buyn #center a { text-decoration: none; } #buyn #center a:hover { text-decoration: underline; } /* @end */ /* @end */ /* @end */ /* @group HeaderAndSpecificElements */ #head { height: auto; position: relative; background: #fff top right no-repeat; background-image: url(../img/bg.head.home.jpg); } #head a#lnkhome { display: block; width: 144px; height: 150px; text-decoration: none; } /* @group HeadMenuTop */ #menutop { position: absolute; left: 750px; top: 10px; margin: 0; padding: 0; background: none; text-align: right; } #menutop li { float: left; list-style-type: none; border-right: 1px solid #777; } #menutop li.last { border: none; } #menutop a { display: block; margin: 0; border-bottom: 1px solid #fff; font-size: 85%; line-height: 120%; color: #222; } #menutop a:hover { color: #666; text-decoration: underline; } /* @end */ /* @group HeadMenuWithFlash */ #flash-menu { width: 960px; height: 95px; margin: 0; padding: 0; } /* @end */ /* @group HeadMenuWithoutFlash */ #noflash { width: 100%; height: 95px; position: relative; margin: 0; padding: 0; } #noflash ul { display: block; top: 0; left: 0; height: 95px; margin: 0; padding: 0 0 0 192px; background: none; position: absolute; } #noflash ul li { display: inline; float: left; list-style: none; margin: 0 10px 0 0; padding: 0; text-align: center; } * html #noflash ul li { display: inline; float: left; margin: 0; padding: 0 1px; list-style: none; text-align: center; } #noflash ul li a { display: block; width: 100%; padding: 10px 2px 15px 2px; border: 2px solid #fff; border-bottom: none; text-align: center; color: #fff; } #noflash ul li a:hover { background-color: #f0f0f0; color: #000; } #noflash ul li#nf1 { width: 80px; } #noflash ul li#nf2 { width: 130px; } #noflash ul li#nf3 { width: 110px; } #noflash ul li#nf4 { width: 120px; } #noflash ul li#nf5 { width: 130px; margin: 0 25px 0 0; } * html #noflash ul li#nf5 { width: 130px; margin: 0 15px 0 0; } #noflash ul li#nf6 { width: 90px; margin: 21px 0 0 0; } #noflash ul li#nf1 a { background-color: #f5821f; border-color: #f5821f; } #noflash ul li#nf2 a { background-color: #ec3223; border-color: #ec3223; } #noflash ul li#nf3 a { background-color: #517ea4; border-color: #517ea4; } #noflash ul li#nf4 a { background-color: #dcbe26; border-color: #dcbe26; } #noflash ul li#nf5 a { background-color: #8cb23e; border-color: #8cb23e; } #noflash ul li#nf6 a { background-color: #13aaa8; border-color: #13aaa8; } #noflash ul li#nf1 a:hover { background-color: #f0f0f0; border-color: #f5821f; } #noflash ul li#nf2 a:hover { background-color: #f0f0f0; border-color: #ec3223; } #noflash ul li#nf3 a:hover { background-color: #f0f0f0; border-color: #517ea4; } #noflash ul li#nf4 a:hover { background-color: #f0f0f0; border-color: #dcbe26; } #noflash ul li#nf5 a:hover { background-color: #f0f0f0; border-color: #8cb23e; } #noflash ul li#nf6 a:hover { background-color: #f0f0f0; border-color: #13aaa8; } #noflash div { position: absolute; left: 0; top: 49px; width: 100%; height: 46px; z-index: 0; } #noflash div#page1 { background: transparent url(../img/bg.m.1.png) left top no-repeat; } #noflash div#page2 { background: transparent url(../img/bg.m.2.png) left top no-repeat; } #noflash div#page3 { background: transparent url(../img/bg.m.3.png) left top no-repeat; } #noflash div#page4 { background: transparent url(../img/bg.m.4.png) left top no-repeat; } #noflash div#page5 { background: transparent url(../img/bg.m.5.png) left top no-repeat; } #noflash div#page6 { background: transparent url(../img/bg.m.6.png) left top no-repeat; } #noflash div#page7 { background: transparent url(../img/bg.m.7.png) left top no-repeat; } /* @end */ /* @end */ /* @group Quotes */ #left blockquote, #right blockquote { font-size: .01em; line-height: .01em; text-align: right; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; color: #f0eee3; padding: 3px 20px; clear: both; } * html #left blockquote, * html #right blockquote { font-size: 1px; line-height: 1px; } #left .signature, #right .signature { font-size: .9em; padding: 0 0 0 20px; display: block; color: #555; } #left .qforwards a, #right .qforwards a { display: block; padding: 30px 40px 10px 20px; text-decoration: none; } #right .qforwards img, #left .qforwards img { margin: 0 0 -3px 4px; } #left .qforwards a:hover, #right .qforwards a:hover { text-decoration: underline; } #left .qforwards img { border: 0; margin: 0 0 -3px 4px; } /* @subgroup Quotes [ FIXES - !!! probably moved from here ] */ #feat .withquotes, #stor .withquotes { width: 240px; } /* @end */ /* @end */ /* @end */ /* @group MainContent */ /* @group MainContent */ /* @group MainTemplateDecoration */ #body { background-image: url(../img/bg.main.2.png); background-repeat: repeat-y; } #center span.inheader { text-transform: uppercase; font-size: 85%; letter-spacing: .2em; } #center .parleft { float: left; margin: 0 20px 10px 30px; } #center .parleft2 { float: left; margin: 0 10px 0 30px; } #center div.parleft img.parleft { clear:both; } #center div.parleft { margin: 0; } #center .parrght { float: right; margin: 0 14px 10px 20px; } #center .parfull { float: left; margin: 0 3px 15px 3px; } #center span { padding: 0 35px; } #center p { padding: 0 35px; color: #555; margin-bottom: 1.5em; } #center h1 { float: left; width: 98%; font-size: 1.54em; font-weight: bold; padding: 10px 0 20px 35px; font-family: Verdana, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; } #center h5 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 1.1em; color: #666; padding: 0 35px; } #center h6 { margin: .5em 0 .1em 0; font-size: 1em; padding: 0 35px; } #center p { padding: 0 35px; color: #555; margin-bottom: 1.5em; } #center p span { font-weight: bold;padding: 0;font-size: 1.1em; } #center p span.italicized { margin: 0; padding: 0; display: inline; font-style: italic; font-weight: normal; color: #555 !important; font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #center blockquote { margin: 1em 0 1em 0; padding: 0 35px; line-height: 1.2em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #555; } #center a { padding: 0; text-decoration: underline; } #center a:hover { color: #EE3323; } #center a.more-red { padding: 0 16px 0 0; background: transparent url(../img/ico.more_red.png) 100% 70% no-repeat; color: #ee3424; font: 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; } #center a.more-red:hover { text-decoration: underline; } #center ul { background: none; margin: 0 30px 30px 30px; padding: 0; } #center .doclist { margin: 0 0 0 30px; padding: 0; } #center .doclist li { list-style-type: none; background: transparent url(../img/ico.document.png) 0 60% no-repeat; padding: 0 0 0 20px; margin: 0 0 0 5px; } #center .doclist a { color: #517ea5; text-decoration: none; } #center .doclist a:hover { text-decoration: underline; } #center .doclist a.emph { font-size: 110%; color: #233647; } div.homedelim { background: transparent url(../img/bg.dotline.png) 0 50% repeat-x; width: 460px; height: 10px; margin: 15px 0 0 35px; } * html div.homedelim { margin: 15px 0 0 17px; } /* @end */ /* @group MainContentRightImages */ #right span.inheader { padding: 0 15px 0 0; margin: 0 40px 25px 0; text-transform: uppercase; font-size: 85%; letter-spacing: .2em; } #right img.desc { margin: 0; padding: 0 0 0 15px; } #right .imgcaption, #right .imgcaption2, #right .imgcaption3 { display: block; width: 140px; padding: 0 0 0 15px; line-height: 1.15em; font-size: .85em; font-weight: normal; } #right .imgcaption { color: #666; background: transparent url(../img/ico.roller.png) 0 1px no-repeat; margin: 5px 40px 10px; } #right .imgcaption2 { color: #00abab; background: transparent url(../img/ico.document2.png) 0 1px no-repeat; margin: 0 10px 10px 30px; } #right .imgcaption3 { color: #666; margin: 5px 40px 10px 30px; } #right .wflogo { margin: 0 0 0 -30px; } * html #right .wflogo { margin: 0 0 0 -15px; } /* @end */ /* @group MainContentRightPanels */ .right-panel, .right-panel2 { width: 100%; margin: 12px 0 0 0; padding: 15px 0 0 0; } .right-panel { background: transparent url(../img/bg.panel.content.png) 0 0 no-repeat; } .right-panel2 { background: transparent url(../img/bg.panel2.content.png) 0 0 no-repeat; } .right-panel3 { background: transparent url(../img/bg.panel3.content.png) 0 0 no-repeat; } .right-panel4 { background: transparent url(../img/bg.panel4.content.png) 0 0 no-repeat; } .right-panel h3, .right-panel2 h3, .right-panel4 h3 { font: 100% verdana, "Lucida Sans Unicode", "lucida grande", sans-serif; font-weight: bold; margin: 1em 0 0.6em 0; word-spacing: 0; letter-spacing: 0; } .right-panel h3, .right-panel4 h3 { color: #c73e3c; } .right-panel a, .right-panel2 a {padding: 0; margin: 0; font-size: 1em; line-height: 1.8em; } .right-panel a:hover, .right-panel2 a:hover { text-decoration: underline; } .right-panel p, .right-panel2 p { font: 90% "Lucida Sans Unicode", "lucida grande", sans-serif; color: #333; line-height: 1.4em; margin: 0; } .right-panel2 p { margin: 0; padding: 10px 35px 10px 0; } .right-panel2 ul { background: none; margin: 0 0 0 -4px; padding: 0; } .right-panel p a img, .right-panel2 p a img { border: 0; margin: 2px 0 -2px 3px; } .right-panel-footer, .right-panel2-footer, .right-panel3-footer, .right-panel4-footer { width: 100%; margin: 0; height: 25px; } .right-panel-footer { background: transparent url(../img/bg.panel.footer.png) 0 0 no-repeat; } .right-panel2-footer { background: transparent url(../img/bg.panel2.footer.png) 0 0 no-repeat; } .right-panel3-footer { background: transparent url(../img/bg.panel3.footer.png) 0 0 no-repeat; } .right-panel4-footer { background: transparent url(../img/bg.panel4.footer.png) 0 0 no-repeat; } .leftwards { width: 205px; padding: 5px 0 0 35px; } .rightwards { width: 205px; padding: 5px 35px 0 0; } .middwards { width: 190px; padding: 15px 0 0 35px; } .leftwards p, .leftwards h3 { padding: 0 70px 0 0; } .rightwards p, .rightwards h3 { padding: 0 0 0 95px; } .right-pad { margin: 0; width: 240px; background: transparent url(../img/bg.reso.pad.right.png) 50% 0 no-repeat; } .right-pad .title { width: 240px; margin: 0 auto; padding: 15px 0 5px 0; color: #fff; text-transform: uppercase; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; font-weight: bold; } .right-pad .middle { width: 180px; padding: 10px 30px; background: transparent url(../img/bg.feat.right.mid.png) 52% 0 repeat-y; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; } .right-pad .middle p { padding: 10px 15px; } .right-pad .middle form { margin: 7px 0 0 0; } .right-pad .middle label, .right-pad .middle input { margin: 0 10px 0 12px; } .right-pad .middle label { font-family: Arial, Helvetica, Geneva, sans-serif; color: #666; } .right-pad .middle input { padding: 3px; width: 150px; border: 1px solid #d7bb24; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; } .right-pad .middle .storsubmit { display: block; width: 90px; height: 45px; margin: 7px 7px 0 7px; padding: 0; background: transparent url(../img/im.stor.submit.png) top left no-repeat; } .right-pad a { color: #517ea5; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; } .right-pad a:hover { text-decoration: none; } .right-pad hr.dotted { margin: 0; padding: 0; height: 1px; border-bottom: 1px dotted #c6c3b7; border-top: 1px dotted #c6c3b7; background: transparent url(../img/bg.dotted.png) repeat-x bottom left; } * html .right-pad hr.dotted { border: none; padding: 1px; background: transparent url(../img/bg.dotted.png) repeat-x bottom left; } .right-pad .foot { height: 44px; width: 240px; background: transparent url(../img/bg.feat.right.bot.png) no-repeat 52% 0; } /* @group RightPanelForHome */ /* @group IEpngTransparencyFix */ .uno { behavior: url(iepngfix.htc); } .rpanel { position: absolute; float: left; margin: -10px 0 0 5px; } .lpanel { position: absolute; float: right; margin: -10px 0 0 130px; } .tpanel { position: absolute; float: right; margin: -15px 0 0 -28px; } /* @end */ /* @group Footer */ #footer { clear: both; width: 940px; padding: 10px; margin: 0px auto; background-color: #e2ddcd; } #footer ul#menubottom { margin: 0; padding: 0; background-color: transparent; } #footer li { list-style: none; display: inline; margin: 0;padding: 0; } #footer li a { color: #576063; } #footer li a:hover { text-decoration: underline; } #charholder, .bring-up { position:relative; top: -25px; } .bring-up img { position: absolute; top: -65px; right: 15px; } * html .bring-up img { top: -50px; } * html #feat .bring-up { top: -50px; } /* @group Closure */ #closure { width: 970px; height: 10px; margin: 0 auto; background: transparent url(../img/bg.footer.png) top center no-repeat; } /* @end */ /* @group PoweredByLogo */ #powered { margin: 15px auto 20px auto; padding: 0; width: 960px; text-align: right; } .powered2 { margin: 8px 0 0 -3px; } /* @end */ /* @end */ /* @group MainContentDummySets */ .dummyh { width: 95%; clear: both; } .dummyh10 { height: 10px; } .dummyh20 { height: 20px; } .dummyh40 { height: 40px; } .dummyh80 { height: 80px; } .dummyh100 { height: 100px; } .dummyh140 { height: 140px; } .dummyh160 { height: 160px; } .dummyh180 { height: 180px; } .dummyh220 { height: 220px; } .dummyh280 { height: 280px; } .dummyh340 { height: 340px; } /* @end */ /* @group error 404 styles */ #e404 #head { background-image: url(../img/bg.head.home.jpg); } #e404 #center h1 { color: #ee3424; padding-bottom: 5px; } #e404 #center p, #e404 #center ul { padding: 0 0 0 35px; } /* @end */ /* @group IndexHead */ #feat #head { background-image: url(../img/bg.head.feat.jpg); } /* @end */ /* @group IndexCenter */ #feat #center h1 { color: #ee3424; padding-bottom: 0; margin-bottom: .05em; } #feat #center h4 { margin: .8em 35px 0 35px; color: #ee3424; font-size: 1.15em; } #feat #center h5 { margin: 1.2em 0; font-weight: bold; } #feat #center h6 { color: #ee3424; font-weight: bold; margin: 0 0 .2em 0; } #feat #center h6.first { color: #444; font-weight: bold; margin: 0 0 .2em 0; } #feat #center p { font-size: 1em; } #feat #center p span { color: #ee3424; } #feat #center span.inheader { color: #ee3424; line-height: 2em; } #feat #center img.rm-blue { margin: 0 0 -3px 0; } #feat #center .doclist li { background: transparent url(../img/ico.document3.png) 0 60% no-repeat; } #feat #center .doclist { font-weight: bold; margin: 0; display: block; } #feat #center .doclist a.emph { font-size: .8em; color: #333; padding: 0 0 0 17px; margin: 0; background: transparent url(../img/ico.document3.png) 0 50% no-repeat; } #feat #center .doclist a.emph.textlink { color: #517EA5; text-decoration: underline; } #feat #center .doclist a.emph.textlink:hover { color: #EE3323; } #feat #center .doclist.spaced { margin: 10px 0; } #feat #center #player { width:240px; margin: 0 0 0 20px; text-align: center; } #feat #center #player-large { width:400px; margin: 0 0 20px 60px; text-align: center; } #feat #center #player span, #feat #center #player-large span { margin:0 10px 0 0; padding:0; text-align: center; } #feat #center div.parrght.feat0-fix { padding: 0 40px 0 0; margin: 0; } #feat #center div.parrght.feat0-fix a { display: block; width: 160px; padding: 0 15px; text-align: left; } #feat ul.listapdf { width:474px; margin:10px 0 20px 35px; padding:0; clear:both; } #feat ul.listapdf li { background:transparent url(../img/ico.document.png) 0 5px no-repeat; list-style:none; width:125px; float:left; padding:0 0 0 15px; margin:0 15px 0 0; overflow:hidden; font-size:.8em; } #feat ul.listapdf li a { text-decoration:none; } #feat ul.listapdf li a:hover { color:#ec3424; text-decoration:underline; } #feat a.emph.play { font-size:100%; color:#333; padding:0 0 0 17px; background:transparent url(../img/ico.clip.png) 0 50% no-repeat; text-decoration: none; } #feat a.emph.play:hover { text-decoration: underline; } #feat ul.formatedlist { float:left; width: 30%; margin:0 1em 1.5em 15px; padding:0; } * html #feat ul.formatedlist { width: 30%; margin:0 1em 1.5em 15px; } #feat ul.formatedlist li { list-style-type: none; padding: 0 0 0 20px; background: transparent url(../img/ico.conclusions.png) 0 50% no-repeat; color: #555555; } .tabcaption { width:474px; margin:0 35px; padding:5px 0 0 0; border-bottom:1px solid #ec3424; text-transform:uppercase; font-size:90%; letter-spacing:.2em; color:#ec3424; } * html .tabcaption { width:484px; margin:0 0 0 18px; padding:0; } .tabread { background:transparent url(../img/im.reso.caption-1.png) top right no-repeat; } .tabmath { background:transparent url(../img/im.reso.caption-2.png) top right no-repeat; } .tabscie { background:transparent url(../img/im.reso.caption-3.png) top right no-repeat; } /* @end */ /* @group IndexRightPanel */ #feat .lpanel { margin: -35px 0 0 110px; } #feat #right .inheader { float: left; padding: 0 15px; } #ft0 #feat #right .inheader { float: left; padding: 0 15px 0 110px; } #feat #right .inheader .features:hover { text-decoration: underline; } #feat #right .prev, #feat #right .next { color: #ee3424; text-decoration: none; } #feat #right .prev a:hover, #feat #right .next a:hover { text-decoration: underline; } #feat #right .prev { display: block; float: left; padding: 0 0 0 15px; margin: 0 15px 0 5px; background: transparent url(../img/ico.feat.leftarr.png) 0 50% no-repeat; } #feat #right .next { display: block; float: right; padding: 0 15px 0 0; margin: 0 5px 0 15px; background: transparent url(../img/ico.feat.rghtarr.png) 100% 50% no-repeat; } #feat #right .right-panel3 span { font-weight: bold; color: #ee3424; } #feat #right .right-panel3 ul { margin: 10px 0 0 0; padding: 8px 0; background: none; } #feat #right .right-panel3 li { list-style: none; padding: 0 0 0 17px; background: transparent url(../img/ico.document3.png) 0 50% no-repeat; } #feat #right .right-panel3 a { color: #333; text-decoration: none; } #feat #right .right-panel3 a:hover { text-decoration: underline; } #feat #right a.corelation { display:block; padding: 0 35px 10px 52px; background: transparent url(../img/im.canada_us_small.png) no-repeat scroll 25px 194px; } * html #feat #right a.corelation { background: transparent url(../img/flag.ca.png) 25px 5px no-repeat; } *:first-child+html #feat #right a.corelation { background: transparent url(../img/flag.ca.png) 25px 30px no-repeat; } #feat #right a.corelation:hover { color: #ee3323; } #ft0 #right .qforwards a {margin-bottom:90px;} #ft0 blockquote, #ft1 blockquote, #ft2 blockquote, #ft3 blockquote, #ft4 blockquote, #ft5 blockquote, #ft6 blockquote, #ft7 blockquote, #ft8 blockquote { color: #fff; } #ft0 #feat #right blockquote { background-image: url(../img/quote-w-fovw.png); height: 235px; } #ft1 #feat #right blockquote { background-image: url(../img/quote-w-f1.png); height: 180px; } #ft2 #feat #right blockquote { background-image: url(../img/quote-w-3.png); height: 126px; } #ft3 #feat #right blockquote { background-image: url(../img/quote-w-f3.png); height: 120px; } #ft4 #feat #right blockquote { background-image: url(../img/quote-w-f4.png); height: 170px; } #ft5 #feat #right blockquote { background-image: url(../img/quote-w-f5.png); height: 110px; } #ft6 #feat #right blockquote { background-image: url(../img/quote-w-f6.png); height: 162px; } #ft7 #feat #right blockquote { background-image: url(../img/quote-w-3.png); height: 126px; } #ft8 #feat #right blockquote { background-image: url(../img/quote-w-5.png); height: 235px; } /* @end */ #footer img.featchar { position: absolute; top: -258px; left: 10px; height: 251px; width: 204px; } /* @group MenuRightForFeaturesAndStories */ #menuright { margin: 0; padding: 0; } #menuright li { list-style: none; clear: both; padding: 0; } #menuright li a { display: block; font-size: .9em; line-height: 1.5em; color: #444; width: 158px; padding: 5px 15px 5px 18px; margin: 0; background: transparent url(../img/bg.rightmenu.png) top left no-repeat; text-decoration: none; } * html #menuright li a { width: 174px; padding: 5px 0 5px 18px; } #menuright li a:hover { text-decoration: none; } span#blt0, span#blt1, span#blt2, span#blt3, span#blt4, span#blt5, span#blt6, span#blt7, span#blt8 { display: block; float: left; overflow: hidden; margin: 3px 5px 5px 5px; padding: 0; width: 11px; height: 11px; background: transparent url(../img/ico.feat.numbers.png) no-repeat; text-indent: -30px; } span#blt0 { background-position: -88px 0; } span#blt1 { background-position: 0 0; } span#blt2 { background-position: -11px 0; } span#blt3 { background-position: -22px 0; } span#blt4 { background-position: -33px 0; } span#blt5 { background-position: -44px 0; } span#blt6 { background-position: -55px 0; } span#blt7 { background-position: -66px 0; } span#blt8 { background-position: -77px 0; } ul#menuright li a:hover span#blt0, ul#menuright li a.red-active span#blt0 { background-position: -88px -11px; } ul#menuright li a:hover span#blt1, ul#menuright li a.red-active span#blt1 { background-position: 0 -11px; } ul#menuright li a:hover span#blt2, ul#menuright li a.red-active span#blt2 { background-position: -11px -11px; } ul#menuright li a:hover span#blt3, ul#menuright li a.red-active span#blt3 { background-position: -22px -11px; } ul#menuright li a:hover span#blt4, ul#menuright li a.red-active span#blt4 { background-position: -33px -11px; } ul#menuright li a:hover span#blt5, ul#menuright li a.red-active span#blt5 { background-position: -44px -11px; } ul#menuright li a:hover span#blt6, ul#menuright li a.red-active span#blt6 { background-position: -55px -11px; } ul#menuright li a:hover span#blt7, ul#menuright li a.red-active span#blt7 { background-position: -66px -11px; } ul#menuright li a:hover span#blt8, ul#menuright li a.red-active span#blt8 { background-position: -77px -11px; } span#blt1b, span#blt2b { display: block; float: left; overflow: hidden; margin: 3px 5px 5px 5px; padding: 0; width: 11px; height: 11px; background: transparent url(../img/ico.stor.numbers.png) no-repeat; text-indent: -30px; } span#blt1b { background-position: 0 0; } span#blt2b { background-position: -11px 0; } ul#menuright li a:hover span#blt1b, ul#menuright li a.blue-active span#blt1b { background-position: 0 -11px; } ul#menuright li a:hover span#blt2b, ul#menuright li a.blue-active span#blt2b { background-position: -11px -11px; } ul#menuright a:hover { background: #ee3424; } ul#menuright a.blue-color:hover { background-color: #517ea5; } ul#menuright .red-active { background: #ee3424; border-top: 1px solid #ee3424; } ul#menuright .red-active-hide { background: none; border-top: 1px solid #ee3424; } ul#menuright .blue-active { background-color: #517ea5; } #menuright a:hover, #menuright a.blue-active, #menuright a.red-active { color: #fff;} #menuright li.frst { padding: 5px 0 5px 30px; text-align: left; font-size: 1em; color: #ee3424; font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; border: none; } #menuright li.frstb { padding: 5px 0 5px 30px; text-align: left; font-size: 1.1em; color: #517ea5; font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } * html #menuright li.frst, * html #menuright li.frstb { padding: 15px 0 7px 38px; text-align: left; } #menuright li.last { padding: 0; background: transparent url(../img/bg.rightmenu.png) bottom left no-repeat; } #menuright li.last a { padding: 5px 15px 8px 18px; } * html #menuright li.last a { padding: 5px 0 8px 18px; } #feat #menuright a span.tx { display: block; float: left; width: 130px; padding: 0 0 0 3px; } #feat #menuright a:hover div, #feat #menuright a:hover span.tx { background: #ee3424; } /* @end */ /* @group NumberImages */ #no0, #no1, #no2, #no3, #no4, #no5, #no6, #no7, #no8 { position: relative;top: 13px;left: 15px;width: 18px;height: 18px;background: transparent url(../img/im.bignumbers.png) no-repeat;display: block;margin: 2px -15px 5px -5px;padding: 0;overflow: hidden;text-indent: -30px;} /*\*/ html*#no0, html*#no1, html*#no2, html*#no3, html*#no4, html*#no5, html*#no6, html*#no7, html*#no8 { top: 29px; _top: 13px; }/**/ *:first-child+html #no0, *:first-child+html #no1, *:first-child+html #no2, *:first-child+html #no3, *:first-child+html #no4, *:first-child+html #no5, *:first-child+html #no6, *:first-child+html #no7, *:first-child+html #no8 { top: 13px; } #no0 { background-position: -144px -18px; } #feat #no1 { background-position: 0 -18px; } #feat #no2 { background-position: -18px -18px; } #no3 { background-position: -36px -18px; } #no4 { background-position: -54px -18px; } #no5 { background-position: -72px -18px; } #no6 { background-position: -90px -18px; } #no7 { background-position: -108px -18px; } #no8 { background-position: -126px -18px; } #stor #no1 { background-position: 0 0px; top: 12px; } #stor #no2 { background-position: -18px 0px; top: 12px; } /*\*/ html*#stor #no1, html*#stor #no2 { top: 28px; _top: 12px; }/**/ /* @end */ #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; } #lbOverlay.grey { background-color: #000000; } #lbOverlay.red { background-color: #330000; } #lbOverlay.green { background-color: #003300; } #lbOverlay.blue { background-color: #011D50; } #lbOverlay.gold { background-color: #666600; } #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; } #lbMain a img { border: none; } #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; } #lbOuterContainer.grey { border: 3px solid #888888; } #lbOuterContainer.red { border: 3px solid #DD0000; } #lbOuterContainer.green { border: 3px solid #00B000; } #lbOuterContainer.blue { border: 3px solid #5F89D8; } #lbOuterContainer.gold { border: 3px solid #B0B000; } #lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; } #lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; } #lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; } #lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; } #lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; } #lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; } #lbImageContainer, #lbIframeContainer { padding: 10px; } #lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat; } #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer>#lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } #lbPrev { width: 30%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; } #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; } #lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; } #lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; } #lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; } #lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; } /* Brent suggestion: always show buttons */ #lbPrev { width: 30%; height: 100%; background: transparent url(images/prev_grey.gif) left 15% no-repeat; display: block; left: 0; float: left; } #lbNext { width: 30%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; } #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; } #lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; } #lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; } #lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; } #lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; } /* Brent suggestion: always show buttons */ #lbNext { width: 30%; height: 100%; background: transparent url(images/next_grey.gif) right 15% no-repeat; display: block; right: 0; float: right; } #lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; } #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; } #lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; } #lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; } #lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; } #lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; } #lbPrev2_Off, #lbNext2_Off { font-weight: bold; } #lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; } #lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; } #lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; } #lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; } #lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; } #lbDetailsData { padding: 0 10px; } #lbDetailsData.grey { color: #333333; } #lbDetailsData.red { color: #620000; } #lbDetailsData.green { color: #003300; } #lbDetailsData.blue { color: #01379E; } #lbDetailsData.gold { color: #666600; } #lbDetails { width: 60%; float: left; text-align: left; } #lbCaption { display: block; font-weight: bold; } #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbClose.grey { background: url(images/close_grey.png) no-repeat; } #lbClose.red { background: url(images/close_red.png) no-repeat; } #lbClose.green { background: url(images/close_green.png) no-repeat; } #lbClose.blue { background: url(images/close_blue.png) no-repeat; } #lbClose.gold { background: url(images/close_gold.png) no-repeat; } #lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbPlay.grey { background: url(images/play_grey.png) no-repeat; } #lbPlay.red { background: url(images/play_red.png) no-repeat; } #lbPlay.green { background: url(images/play_green.png) no-repeat; } #lbPlay.blue { background: url(images/play_blue.png) no-repeat; } #lbPlay.gold { background: url(images/play_gold.png) no-repeat; } #lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbPause.grey { background: url(images/pause_grey.png) no-repeat; } #lbPause.red { background: url(images/pause_red.png) no-repeat; } #lbPause.green { background: url(images/pause_green.png) no-repeat; } #lbPause.blue { background: url(images/pause_blue.png) no-repeat; } #lbPause.gold { background: url(images/pause_gold.png) no-repeat; }