a { color: #4d962a; text-decoration: none; outline-style:none; outline-width:0; } a:hover { text-decoration: underline; } a:visited { } a img { border: 0; } img { vertical-align: bottom; } h1, .myaccountHeading { color: #333333; font-size: 26px; padding: 15px 0 0 0; margin: 0; font-weight: normal; font-family: Arial, Arial, Helvetica, sans-serif; } h2 { color: #4d962a; font-size: 18px; padding: 10px 0 0 0; margin: 0; font-weight: normal; font-family: Arial, Arial, Helvetica, sans-serif;} h3 { color: #333333; font-size: 14px; padding: 5px 0 0 0; margin: 0; font-weight: normal; font-family: Arial, Arial, Helvetica, sans-serif; } h4 { color: #4d962a; font-size: 12px; padding: 5px 0 0 0; margin: 0; font-weight: normal; font-family: Arial, Arial, Helvetica, sans-serif; } body { color: #666666; } #page { padding: 0; margin: 0; } body, p, td, div, li { font-size: 12px; font-family: Arial, Arial, Helvetica, sans-serif; } .container { width: 1066px; margin:0 auto; padding: 0; clear: both; } form, input { padding:0px; margin:0; } .center { text-align: center; } .clearset { clear: both; height: 10px; } .clearset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html>body .clearset { height: auto; min-height: 10px; } .clearSpace { clear: both; height: 10px; } .clearSpace:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html>body .clearSpace { height: auto; min-height: 10px; } .photoLeft { float: left; margin: 10px 10px 10px 0; } .photoRight { float: right; margin: 10px 0 10px 10px; } .photoLeftFirst { float: left; margin: 0 10px 10px 0px; } .photoRightFirst { float: right; margin: 0 0px 10px 10px; } .colorText { color: #333333; } .colorLink { color: #4d962a; } .colorHeaderBg { color: #293227; } .colorMiddle1 { color: #dfdfdf; } .colorMiddle2 { color: #f2f2f2; } .formButtons a:hover, #wiki .formButtons a:hover { text-decoration: none; background-color: #DFEEAE; } .formButtons a, #wiki .formButtons a { text-decoration: none; border-left: 1px groove #4d962a; border-top: 1px groove #4d962a; border-right: 1px ridge #4d962a; border-bottom: 1px ridge #4d962a; color: #4d962a; background-color: #DFEEAE; font-weight: bold; padding: 3px 10px; white-space: nowrap; display: inline-block; } /* --------------- Header Styles --------------- */ #header { min-width: 1100px; height: 184px; background: transparent url(graphics/design_e/header_bg.jpg) repeat-x left top; } #header .container { position: relative; z-index: 99; } #logo { width: 491px; height: 184px; position: absolute; left: 0px; top: 0px; z-index: 90; } #logo a { width: 491px; height: 184px; display: block; text-indent: -3000px; background: transparent url(graphics/design_e/logo.png) no-repeat left top; } #search { width: 240px; height: 25px; position: absolute; right: 42px; top: 9px; background: transparent url(graphics/design_e/search.jpg) no-repeat left top;} #search input { width: 175px; height: 25px; line-height: 25px; padding: 0 15px; float: left; border: 0; background: 0; } #search a { width: 35px; height: 25px; float: left; display: block; text-indent: -3000px; } #social { width: 70px; height: 16px; position: absolute; right: 294px; top: 14px; } #social span { padding: 0 0 0 7px; margin: 0; display: block; float: right; } #menu_top { width: 545px; height: 38px; position: absolute; right: 355px; top: 6px; text-align: right; z-index: 99; } /* MenuBegin:menu_top_e */ ul.menu_top_e { margin: 0; border: 0; padding: 0; list-style: none; line-height: 38px; } ul.menu_top_e li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; z-index: 99; } ul.menu_top_e ul { margin: 0; border: 0; padding: 0 0 5px 0; list-style: none; display: none; position: absolute; top: 38px; left: 0; background: transparent url(graphics/design_e/menu_top2_bot.png) no-repeat left bottom; } ul.menu_top_e ul li { margin: 0; position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; background: transparent url(graphics/design_e/menu_top2_bg.png) repeat-y left top; } ul.menu_top_e ul li.item1 { padding-top: 20px; background: transparent url(graphics/design_e/menu_top2_top.png) no-repeat left top; } ul.menu_top_e ul li li.item1 { padding-top: 20px; background: transparent url(graphics/design_e/menu_top3_top.png) no-repeat left top; } ul.menu_top_e ul li.item6 { background: transparent url(graphics/design_e/menu_top2_bg.png) repeat-y left top; } /* 1st Level */ ul.menu_top_e li { margin-left: -1px; padding-right: 5px; background: transparent url(graphics/design_e/menu_top1_sep.png) no-repeat right 10px;} ul.menu_top_e li.item6 { background: 0; } ul.menu_top_e li a { margin: 0; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ color: #999999; text-decoration: none; text-align: left; padding: 0 24px 8px 11px; margin: 0; font: normal 12px/30px Arial, Helvetica, sans-serif; background: transparent url(graphics/design_e/menu_top1_off.png) no-repeat right 10px; } ul.menu_top_e li a span { width: 24px; height: 38px; position: absolute; right: 0; top: 0; display: block; text-indent: -3000px; z-index: 99; } ul.menu_top_e li a:hover, ul.menu_top_e li:hover a, ul.menu_top_e li a:hover, ul.menu_top_e li.over a { color: #ffffff; text-decoration: none; background: transparent url(graphics/design_e/menu_top1_on_l.png) no-repeat left top;} ul.menu_top_e li a:hover span, ul.menu_top_e li:hover a span, ul.menu_top_e li a:hover span, ul.menu_top_e li.over a span { background: transparent url(graphics/design_e/menu_top1_on_r.png) no-repeat left top; } ul.menu_top_e55 li.item5 a { padding: 0 8px 8px 11px; margin: 0; background: 0; } ul.menu_top_e55 li.item5 a span { width: 11px; } ul.menu_top_e55 li.item5 a:hover, ul.menu_top_e55 li.item5:hover a, ul.menu_top_e55 li.item5 a:hover, ul.menu_top_e55 li.item5.over a { color: #ffffff; text-decoration: none; background: transparent url(graphics/design_e/menu_top1_on_l.png) no-repeat left top;} ul.menu_top_e55 li.item5 a:hover span, ul.menu_top_e55 li.item5:hover a span, ul.menu_top_e55 li.item5 a:hover span, ul.menu_top_e55 li.item5.over a span { background: transparent url(graphics/design_e/menu_top1_on_blank.png) no-repeat left top; } /* 2nd Level */ ul.menu_top_e li:hover li a, ul.menu_top_e li.over li a { font-size: 12px; line-height:14px; padding:7px 10px 9px 35px; width: 157px; color: #ffffff; text-align: left; background: transparent url(graphics/design_e/menu_top_bullet.png) no-repeat 22px 11px !important; float: none; } ul.menu_top_e li:hover li a:hover, ul.menu_top_e li:hover li:hover a, ul.menu_top_e li.over li a:hover, ul.menu_top_e li.over li.over a { color: #ffffff; text-decoration: underline; } ul.menu_top_e li:hover ul, ul.menu_top_e li.over ul { width: 202px; } ul.menu_top_e li:hover li a.last { padding-bottom: 25px; } ul.menu_top_e li li a span { display: none; } /* 3rd Level */ ul.menu_top_e li:hover li:hover li a, ul.menu_top_e li.over li.over li a { width: 182px; color: #ffffff; background: transparent url(graphics/design_e/menu_top_bullet.png) no-repeat 22px 11px; } ul.menu_top_e li:hover li:hover li a:hover, ul.menu_top_e li:hover li:hover li:hover a, ul.menu_top_e li.over li.over li a:hover, ul.menu_top_e li.over li.over li.over a { color: #ffffff; text-decoration: none; } /* 4th Level */ ul.menu_top_e li:hover li:hover li:hover li a, ul.menu_top_e li.over li.over li.over li a { width: 182px; color: #ffffff; background: transparent url(graphics/design_e/menu_top_bullet.png) no-repeat 22px 11px; } ul.menu_top_e li:hover li:hover li:hover li a:hover, ul.menu_top_e li.over li.over li.over li a:hover { color: #ffffff; text-decoration: none; } ul.menu_top_e ul ul, ul.menu_top_e ul ul ul { display: none; position: absolute; top: 0; left: 202px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.menu_top_e li:hover ul ul,ul.menu_top_e li:hover ul ul ul,ul.menu_top_e li.over ul ul,ul.menu_top_e li.over ul ul ul { display: none; } ul.menu_top_e li:hover ul,ul.menu_top_e ul li:hover ul,ul.menu_top_e ul ul li:hover ul,ul.menu_top_e li.over ul,ul.menu_top_e ul li.over ul,ul.menu_top_e ul ul li.over ul { display: block; } ul.menu_top_e .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:menu_top_e */ /* --------------- Menu Styles --------------- */ #menu_main { width: 601px; height: 71px; position: absolute; left: 490px; top: 129px; z-index: 98; } /* MenuBegin:menu_main */ ul.menu_main { margin: 0; border: 0; padding: 0; list-style: none; line-height: 72px; } ul.menu_main li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; z-index: 98; } ul.menu_main ul { margin: 0; border: 0; padding: 0 0 9px 0; list-style: none; display: none; position: absolute; top: 58px; left: 0; background: transparent url(graphics/design_e/menu2_bg.png) no-repeat left bottom; text-decoration: none;} ul.menu_main ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; } /* 1st Level */ ul.menu_main a { width: 150px; color: #ffffff; text-decoration: none; text-align: center; padding: 0 0 7px 0; font: normal 18px/65px 'Abel', Arial, Helvetica, sans-serif; text-transform: uppercase; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ } ul.menu_main a:hover, ul.menu_main li a.current:hover, ul.menu_main li:hover a, ul.menu_main a:hover, ul.menu_main li.over a { color: #ffffff; background: transparent url(graphics/design_e/menu1_hover.png) no-repeat left top; text-decoration: none; } ul.menu_main li a.current { color: #333333; background: transparent url(graphics/design_e/menu1_on.png) no-repeat left top; } /* 2nd Level */ ul.menu_main li:hover li a, ul.menu_main li.over li a { width: 110px; font-size: 12px; line-height:14px; padding: 9px 10px 9px 30px; text-align: left; text-transform: lowercase; color: #93bf8a; font-family: Arial, Helvetica, sans-serif; background: transparent url(graphics/design_e/menu2_off.png) no-repeat left top; float: none; } ul.menu_main li:hover li a:hover, ul.menu_main li:hover li:hover a, ul.menu_main li.over li a:hover, ul.menu_main li.over li.over a { color: #ffffff; background: transparent url(graphics/design_e/menu2_on.png) no-repeat left top; text-decoration: none; } ul.menu_main li:hover ul, ul.menu_main li.over ul { width: 150px; } ul.menu_main li:hover li:hover li a.first,ul.menu_main li.over li.over li a.first { } /* 3rd Level */ ul.menu_main li:hover li:hover li a, ul.menu_main li.over li.over li a { width: 150px; color: #93bf8a; background: transparent url(graphics/design_e/menu2_off.png) no-repeat left top; } ul.menu_main li:hover li:hover li a:hover, ul.menu_main li:hover li:hover li:hover a, ul.menu_main li.over li.over li a:hover, ul.menu_main li.over li.over li.over a { color: #ffffff; background: transparent url(graphics/design_e/menu2_on.png) no-repeat left top; text-decoration: none; } ul.menu_main li:hover li a.first,ul.menu_main li.over li a.first { } /* 4th Level */ ul.menu_main li:hover li:hover li:hover li a, ul.menu_main li.over li.over li.over li a { width: 150px; color: #93bf8a; background: transparent url(graphics/design_e/menu2_off.png) no-repeat left top; } ul.menu_main li:hover li:hover li:hover li a:hover, ul.menu_main li.over li.over li.over li a:hover { color: #ffffff; background: transparent url(graphics/design_e/menu2_on.png) no-repeat left top; text-decoration: none; } ul.menu_main li:hover li:hover li:hover li a.first,ul.menu_main li.over li.over li.over li a.first { } ul.menu_main ul ul, ul.menu_main ul ul ul { display: none; position: absolute; top: 0; left: 150px; } ul.menu_main .item4 ul ul, ul.menu_main .item4 ul ul ul { display: none; position: absolute; top: 0; left: -150px !important; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.menu_main li:hover ul ul,ul.menu_main li:hover ul ul ul,ul.menu_main li.over ul ul,ul.menu_main li.over ul ul ul { display: none; } ul.menu_main li:hover ul,ul.menu_main ul li:hover ul,ul.menu_main ul ul li:hover ul,ul.menu_main li.over ul,ul.menu_main ul li.over ul,ul.menu_main ul ul li.over ul { display: block; } ul.menu_main .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:menu_main */ /* --------------- Home Mid 1 Styles --------------- */ #homemid1 { min-width: 1100px; height: 432px !important; position: relative; background: #dfdfdf url(graphics/design_e/mid1_bg.jpg) repeat-x left top; z-index: 80; } #homemid1 .container { position: relative; z-index: 80; } #homemid1x { min-width: 1100px; position: relative; background: #dfdfdf url(graphics/design_e/mid1_bg.jpg) repeat-x left top; z-index: 80; padding: 40px 0; } #homemid1x .container { position: relative; z-index: 80; } #dashhome2015 { width: 969px; padding: 6px 18px 0 0; float: left; } #dashhome2015 h2 { height: 62px; line-height: 57px; padding: 2px 0 5px 70px; margin: 0; color: #333333; font-size: 20px; background: transparent url(graphics/design_e/dash_heading2015.png) no-repeat left top; } #dashhome { width: 749px; padding: 71px 18px 0 0; float: left; } #dashhome h2 { height: 62px; line-height: 57px; padding: 0 0 5px 140px; margin: 0; color: #333333; font-size: 20px; background: transparent url(graphics/design_e/dash_heading.png) no-repeat right top; } #dashhome #dashitems { width: 100%; height: 231px; overflow: hidden; padding-bottom: 1px; background: transparent url(graphics/design_e/dash_border2.png) no-repeat right bottom;} #dashhome .item { height: 46px; padding: 0 10px 0 94px; } #dashhome .odd { background: transparent url(graphics/design_e/dash_border1.png) no-repeat right top; } #dashhome .even { background: transparent url(graphics/design_e/dash_border2.png) no-repeat right top; } #dashhome .dashicon { padding: 0 0 0 30px; background: transparent url(graphics/design_e/dash_icon1.png) no-repeat left 10px; } #dashhome h3 { padding: 7px 0 0 0; margin: 0; font-size: 15px; line-height: 17px; } #dashhome h3 a { color: #333333; } #dashhome .dashdate { color: #666666; } #dashhome .dashdate span { color: #4d962a; } #dashhome #dashmore { width: 107px; height: 23px; padding: 10px 0 14px 94px; } #dashhome #dashmore a { width: 107px; height: 23px; line-height: 23px; display: block; text-align: center; color: #ffffff; background: transparent url(graphics/design_e/dash_more.png) no-repeat left top} #homerelease { width: 259px; padding: 0; position: absolute; top: 72px; right: 40px; z-index: 80; } #homerelease h2 { height: 56px; padding: 0; margin: 0; position: relative; text-indent: -3000px; background: transparent url(graphics/design_e/relnote_top.png) no-repeat left top; } #homerelease h2 span { width: 55px; height: 44px; display: block; position: absolute; left: -5px; top: 2px; background: transparent url(graphics/design_e/relnote_leaf.png) no-repeat left top; } input.directorySearchInput, input.searchBoxInput { padding: 2px; border-radius: 3px; border: 1px solid #cacaca; height: 20px; width: 200px; } #homereleasebg { padding: 0; } .relcontent { height: 243px; overflow: auto; background: transparent url(graphics/design_e/relnote_bg.png) repeat-y left top; } .relcontentOLD { height: 243px; overflow-y: auto; background: transparent url(graphics/design_e/relnote_bg.png) repeat-y left top; } #homereleasebot { height: 89px; position: relative; background: transparent url(graphics/design_e/relnote_bot.png) no-repeat left bottom; } #homereleaseselect { width: 233px; height: 35px; position: absolute; left: 12px; bottom: 37px; background: transparent url(graphics/design_e/relnote_button_b.jpg) no-repeat left top; } #homereleaseselectOLD { width: 130px; height: 35px; position: absolute; right: 20px; bottom: 37px; } #homerelease select { position: relative; z-index: 82; } span.customStyleSelectBox { padding: 10px 10px 10px 10px; color: #000000; font-size:15px; text-transform: uppercase; } span.customStyleSelectBoxOLD { padding: 10px 10px 10px 5px; color: #000000; font-size:12px; text-transform: uppercase; background: transparent url(graphics/design_e/relnote_button_b.jpg) no-repeat left top; } span.customStyleSelectBox.changed { } .customStyleSelectBoxInner { } #Current p { padding: 5px 15px; margin: 0; background: transparent url(graphics/design_e/relnote_sep.png) no-repeat left bottom; } #Current ul { padding: 0; margin: 0; list-style: none; } #Current li { height: 26px; padding: 0 0 5px 0; margin: 0; background: transparent url(graphics/design_e/relnote_sep.png) no-repeat left bottom; } #Current li a { height: 26px; line-height: 26px; padding: 0 0 0 35px; margin: 0; display: block; color: #4d962a !important; background: transparent url(graphics/design_e/relnote_icon.png) no-repeat 16px 7px; } #Current li a:hover { text-decoration: underline !important; } #currentpics { padding: 3px 0 0 20px; margin: 0 auto; } .currentpic { width: 95px; height: 62px; padding: 10px 3px 0 11px; float: left; background: transparent url(graphics/design_e/relnote_frame.png) no-repeat left top; } .currentpic span { width: 83px; height: 52px; display: block; background: #333333; } .relcontent .releaseNotes .item { padding: 5px 14px; background: transparent url(graphics/design_e/relnote_sep.png) no-repeat left bottom; } .relcontent .releaseNotes .itemlink a { display: block; text-align: center; } /* --------------- Home Mid 2 Styles --------------- */ #homemid2 { min-width: 1100px; padding: 0 0 35px 0; position: relative; background: #f2f2f2 url(graphics/design_e/mid2_bg.jpg) repeat-x left top; z-index: 79; } #homemid2 .container { background: transparent url(graphics/design_e/mid_curve_bg.jpg) repeat-y right top; } #homemid2 #homemid2b { background: transparent url(graphics/design_e/mid_curve_bot.jpg) no-repeat right bottom; } #homemid2 #homemid2c { background: transparent url(graphics/design_e/mid_curve_top.jpg) no-repeat right top; } #features { width: 644px; padding: 14px 30px 0 93px; float: left; } .featuretop { background: transparent url(graphics/design_e/feature1_top.png) no-repeat left top; } .featurebot { padding: 6px 0; background: transparent url(graphics/design_e/feature1_bot.png) no-repeat left bottom; } .feature { background: transparent url(graphics/design_e/feature1_bg.png) repeat-y left top; } #feature1 { margin: 0 0 14px 0; } #feature2 .featurebot { padding-bottom: 0; background: 0; } #feature3 { background: 0; } #feature3 .featurebot { padding-top: 0; } #features h2 { padding: 0; margin: 0; } #features h2 a { color: #333333; } #features p.featureblurb { color: #666666; } #feature1 .feature { min-height: 207px; position: relative; } #feature1 h2 { padding: 18px 0 0 24px; font-size: 23px; } #feature1 p.featureblurb { padding: 38px 37px 10px 264px; margin: 0; font-size: 14px; line-height: 18px; } #feature1 p.featurelink { width: 139px; height: 33px; position: absolute; right: 46px; top: 13px; } #feature1 p.featurelink a { width: 139px; height: 33px; line-height: 33px; display: block; text-align: center; color: #ffffff; font-size: 18px; background: transparent url(graphics/design_e/feature1_link.png) no-repeat left top;} #feature1 .featurephoto { width: 219px; height: 118px; padding: 10px 0 0 11px; position: absolute; left: 19px; top: 71px; background: transparent url(graphics/design_e/feature1_frame.png) no-repeat left top; } #feature1 .featurephoto a { width: 208px; height: 108px; display: block; text-indent: -3000px; } #feature2 .feature { min-height: 144px; position: relative; } #feature2 h2 { padding: 27px 0 0 173px; font-size: 18px; } #feature2 p.featureblurb { padding: 17px 255px 10px 173px; margin: 0; } #feature2 p.featurelink { width: 107px; height: 23px; position: absolute; right: 34px; top: 17px; } #feature2 p.featurelink a { width: 107px; height: 23px; line-height: 23px; display: block; text-align: center; color: #ffffff; font-size: 12px; background: transparent url(graphics/design_e/feature2_link.png) no-repeat left top;} #feature2 .featurephoto { width: 128px; height: 98px; padding: 10px 0 0 11px; position: absolute; left: 16px; top: 15px; background: transparent url(graphics/design_e/feature2_frame.png) no-repeat left top; } #feature2 .featurephoto a { width: 117px; height: 87px; display: block; text-indent: -3000px; } #feature3 .feature { min-height: 122px; position: relative; } #feature3 h2 { padding: 12px 0 0 173px; font-size: 18px; } #feature3 p.featureblurb { padding: 17px 255px 10px 173px; margin: 0; } #feature3 p.featurelink { width: 107px; height: 23px; position: absolute; right: 34px; top: 0px; } #feature3 p.featurelink a { width: 107px; height: 23px; line-height: 23px; display: block; text-align: center; color: #ffffff; font-size: 12px; background: transparent url(graphics/design_e/feature2_link.png) no-repeat left top;} #feature3 .featurephoto { width: 128px; height: 98px; padding: 10px 0 0 11px; position: absolute; left: 16px; top: 0; background: transparent url(graphics/design_e/feature2_frame.png) no-repeat left top; } #feature3 .featurephoto a { width: 117px; height: 87px; display: block; text-indent: -3000px; } #homeside2 { width: 260px; padding: 5px 0 0 0; margin-top: 25px; float: left; background: transparent url(graphics/design_e/home_side2_top.png) no-repeat left top; } #homeside2bot { padding: 0 0 5px 0; background: transparent url(graphics/design_e/home_side2_bot.png) no-repeat left bottom; } #homeside2bg { height: 475px; background: transparent url(graphics/design_e/home_side2_bg.png) no-repeat left top; } #commenthome { } #commenthome h2 { height: 45px; line-height: 45px; padding: 0 0 0 50px; display: block; position: relative; background: transparent url(graphics/design_e/home_side2_head_bg.png) no-repeat left top; } #commenthome h2 a { color: #333333; text-transform: uppercase; } #commenthome h2 a span { width: 46px; height: 44px; display: block; position: absolute; left: -5px; top: -5px; text-indent: -3000px; background: transparent url(graphics/design_e/icon_quote.png) no-repeat left top; } #commenthome ul { padding: 0; margin: 0; list-style: none; } #commenthome li { padding: 0; margin: 0; list-style: none; background: transparent url(graphics/design_e/home_side2_sep.png) no-repeat 1px bottom;} #commenthome .item1 { background: transparent url(graphics/design_e/home_side2_sep1.png) no-repeat 1px bottom; } #commenthome .item2 { background: transparent url(graphics/design_e/home_side2_sep2.png) no-repeat 1px bottom !important; } #commenthome .item3 { background: transparent url(graphics/design_e/home_side2_sep3.png) no-repeat 1px bottom !important; } #commenthome li div { padding: 7px 10px 7px 41px; background: transparent url(graphics/design_e/icon_quote2.png) no-repeat 17px 8px; } #commenthome h3 { padding: 0; margin: 0; font-size: 12px; color: #ffffff; } #commenthome li p { padding: 0; margin: 0; font-size: 11px; color: #333333;} #commenthome li p a { color: #bee5ab; } /* --------------- Content Styles --------------- */ #content1 { min-width: 1100px; background: #f2f2f2 url(graphics/design_e/content1_bg.jpg) repeat-x left top; } #content1b { padding: 90px 66px 105px 40px; position: relative; } #content2 { background: #f2f2f2 url(graphics/design_e/content2_bg.jpg) repeat-x left top; } #content2b { padding: 180px 60px 55px 105px; position: relative; } #content2b h1 { padding-left: 65px; padding-bottom: 20px; position: absolute; left: 105px; top: 32px; background: transparent url(graphics/design_e/content2_icon.png) no-repeat left 16px; } #content2b .subheading { padding-left: 65px; position: absolute; left: 105px; top: 70px; color: #999999; } #content3 { background: #f2f2f2 url(graphics/design_e/content3_bg.jpg) repeat-x left top; } #content3b { padding: 313px 60px 55px 105px; position: relative; } #content3b h1 { position: absolute; left: 570px; top: 55px; } #content3b .headingblurb { width: 390px; padding: 5px 0; margin: 0; position: absolute; left: 570px; top: 115px; } #content3b .headingimage { width: 425px; height: 140px; padding: 12px 11px 13px 12px; margin: 0; position: absolute; left: 100px; top: 70px; background: transparent url(graphics/knowledgebase/kb_header_image_bg.png) no-repeat left top; } #content3b .headingimage img { max-width: 425px; max-height: 140px; margin: 0 auto; text-align: center; } .loginStatus { width: 500px; height: 20px; position: absolute; right: 20px; top: 20px; text-align: right; } /* --------------- Misc Stretch Styles --------------- */ #stretch { min-width: 1100px; } /* --------------- Footer Styles --------------- */ #footer { min-width: 1100px; height: 320px; background: #373737 url(graphics/design_e/footer_bg1.jpg) repeat-x left top; } #footer h2 { padding: 0; margin: 0; color: #cccccc; font-size: 22px; } #footer p, #footer a { color: #cccccc; } #footer2015 { min-width: 1100px; height: 10px; background: #373737 url(graphics/design_e/footer_bg1.jpg) repeat-x left top; } #menu_footer { width: 335px; padding: 54px 0 10px 44px; float: left; } #menu_footer ul { padding: 30px 0 0 0; margin: 0; list-style: none; } #menu_footer ul li { width: 160px; padding: 0 0 11px 0; margin: 0; float: left; } #menu_footer ul li a { height: 16px; line-height: 16px; padding: 0 0 0 14px; display: block; text-transform: uppercase; background: transparent url(graphics/design_e/footer_bullet.png) no-repeat left 50%; } #webpagecontact { padding: 54px 0 10px 0; float: left; } #webpagecontact h2 { padding-bottom: 25px; } #webpagecontact p { padding: 5px 0; margin: 0; } /* ---------------General Module Styles--------------- */ .itemCount { } .itemList h2 a { text-decoration: none; } .itemList h2 a:hover { text-decoration: underline; } .itemList span { display: block; } .itemLabel { font-weight: bold; } .itemList span.itemLabel { display: inline; } .bottomNavigation { clear: both; } .goBack { } .errorMessage{ font-weight:bold; color:#f00; } /* Pagination */ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; } .pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; } .pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; } .pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; } /* End Pagination */ /* Send Page Styles */ .sendpageBody { background: #437fb1; color: #ffffff;} .sendpage { clear:both; } .sendpageBody div, .sendpageBody td, .sendpageBody p { padding: 2px 0px; color: #ffffff; } /* End Send Page Styles */ /* ---------- Release Notes Styles ---------- */ #releaseNotes .version { font-weight: bold; } #releaseNotes .notes { margin-bottom: 10px; } .releaseNotesTable { width: 100%; } .releaseNotesTable a { color:#000000; } .releaseNotesTable td { padding:10px 10px; vertical-align: top; border-bottom: 1px solid #333333; } .releaseNotesTable td.version { white-space: nowrap; } .releaseNotesTable td.notes { width: 100%; } .releaseNotesTable td p { padding: 5px 0; margin: 0; } /* ---------- Release Summary Styles ---------- */ @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300'); .release_summaryModule h2 {text-align:center; color:#000000; font-family: 'Source Sans Pro', sans-serif;} .release_summaryModule h3 {text-align:center; color:#000000; font-family: 'Source Sans Pro', sans-serif;} .release_summaryModule img {padding:0px 0px 5px 5px;} .release_summaryModule iframe {padding:0px 0px 5px 5px;} /* --------------- Event Styles--------------- */ /* ModuleBegin::events */ #eventshome { padding: 10px 0 40px 0; } #eventshome .error { padding: 10px 20px; margin: 0; color: #ffffff; } #eventshome h2 { height: 45px; line-height: 45px; padding: 0 0 0 50px; display: block; position: relative; background: transparent url(graphics/design_e/home_side2_head_bg.png) no-repeat left top; } #eventshome h2 a { color: #333333; text-transform: uppercase; } #eventshome h2 a span { width: 50px; height: 53px; display: block; position: absolute; left: -9px; top: -10px; text-indent: -3000px; background: transparent url(graphics/design_e/icon_letter.png) no-repeat left top; } #eventshome .item1 { background: transparent url(graphics/design_e/home_side2_sep1.png) no-repeat 1px bottom; } #eventshome .item2 { background: transparent url(graphics/design_e/home_side2_sep2.png) no-repeat 1px bottom !important; } #eventshome .item3 { background: transparent url(graphics/design_e/home_side2_sep3.png) no-repeat 1px bottom !important; } #eventshome .item div { padding: 7px 10px 7px 41px; background: transparent url(graphics/design_e/icon_papers.png) no-repeat 16px 8px; } #eventshome h3 { padding: 0; margin: 0; font-size: 12px; } #eventshome h3 a { color: #ffffff; } #eventshome .item p { padding: 0; margin: 0; font-size: 11px; color: #333333; } #eventshome .item p span { color: #ffffff; } /* --------------- Events Lister ----------------- */ .eventsListerWrapper { } .eventDateHeading { color: #000; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px;} .eventsListerWrapper h2 { margin-bottom: 0; } .eventDate { } .eventTime { } .eventBlurb { } /* --------------- Events Detail ----------------- */ .eventsDetailWrapper { } .eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress, .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone, .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket, .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3, .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; } .eventLocation, .eventRSVP, .eventTicketWrapper { padding: 5px 0px; } .eventDate { } .eventTime { } .eventLocation { } .eventLocationMap { } .eventLocationAddress { } .eventLocationDriving { } .eventContact { } .eventPhone { } .eventEmail { } .eventRSVP { } .eventTicketWrapper { } .eventTicket { } .eventBody { } /* ---------------------- Events Small Calendar ------------------------ */ .calendarSmallWrapper { font-size: 12px; background: transparent; } .cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; } .calPrev { position: absolute; top: 4px; left: 15px; } .calNext { position: absolute; top: 4px; right: 15px; } .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } .calPrev a, .calNext a, .calMonth a { text-decoration: none; } .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } .calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; } .calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; } .calGrid tr.calWeek { font-weight: bold; text-align: center; } .calDayOn a { font-weight: bold; text-decoration: underline; } .calDayOn a:hover { text-decoration: none; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #000; color: #ffffff; font-weight: bold; } .calGrid td.calTodayOn a { text-decoration: underline; color: #ffffff; font-weight: bold; } .calBottom { text-align: left; padding-left: 20px; } .calMonthGlance { padding: 5px 0px 3px 0px; } .calBottom a { } /* ---------------------- Events Month at a Glance ------------------------ */ #calendarDetail { background: #fff url('graphics/events/atglance_bottom.jpg') no-repeat bottom; padding-bottom: 30px; width: 547px; } #calendarDetail table { background: #999; width: 100%; table-layout: fixed; } #calendarDetail .calendarMonths { background: #e8e8e8 url('graphics/events/atglance_top.jpg') no-repeat; text-align: center; vertical-align: middle; padding-top: 3px; padding-left: 12px; border-left:1px solid #fff; border-right:2px solid #fff; width:100%; } #calendarDetail a { text-decoration: none; } #calendarDetail a:hover { text-decoration: underline; } #calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; color: #1e7dc1; } #calendarDetail .calendarMonths a:hover { color: #1e7dc1; } #calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width:100%; } #calendarDetail .calendarDays td { background:#eee; } #calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #bbb; } #calendarDetail .title a { font-size: x-small; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; } #calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height: 1.1em; } #calendarDetail .calendarDays .weekdays { height: 30px; background-color: #ccc; } #calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; } #calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fdf9ea; padding-left: 5px; } #calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; } #calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; } /* ModuleEnd::events */ /* ModuleBegin::forum */ .message a { color: #4d962a; } .frame { padding: 1px; border: 2px solid #4d962a; margin: 10px 0px; clear:both; } .frame table { width:100%; text-align:center; } .frame th { color: #ffffff; padding:0px 3px; font-weight:bold; background-color:#4d962a; height:30px; border-right:1px solid white; } .frame td { padding: 5px; border-top:1px solid white; border-right:1px solid white; } .frame tr { background-color: #ffffff; } .frame .category td { background-color:#ebebeb; font-weight:bold; color:#4d962a; padding:10px 5px; font-size:12px; text-align: left; } .frame .message { padding:10px 10px 20px 10px; font-size:12px; text-align:left; } .frame .messageLabel { width:150px; font-weight:bold; text-align:left; vertical-align:top; padding:10px; } .frame .topic { text-align: left; font-weight:bold; padding-left:10px; } .frame .rowUnread { background-color: #ffffa6; } .frame .rowEven { background-color: #ffffff; } .frame .rowEvenUnread { background-color: #ffffa6; } .frame .rowOddUnread { background-color: #ffffa6; } .seperator td { background-color:silver; height:6px; } .backtotop { text-align: left; } .title { font-weight: bold; text-align:left; padding-left:10px; } .blurb { font-size: 11px; text-align:left; padding-left:10px; padding-bottom:5px; } .blurb p { margin:0; padding:0; font-size:11px;} .post .date { font-size: 9px; } .messageHeader { border-bottom: 1px solid #CCCCCC; height:18px; width:99%; margin-bottom:10px; } .messageHeader .date { float: left; font-size:9px;} .messageHeader .subject { color: #4d962a; float: left; padding-left:10px; font-size:9px; font-weight:bold; } .messageHeader .number { float: right; } .tagSearch { background-color:#fdf9ea; font-weight:bold; } .tagCode { background-color:black; color: white; font-family: monospace; border: 1px inset white; padding:10px; margin:10px 30px; font-size:12px; } .tagQuote { background-color:white; color:black; border: 1px inset black; padding:20px; margin:10px 30px; font-size:12px; } .tagQuoteBy { color:#4d962a; padding-bottom:5px; } .tagQuoteName { font-weight:bold; } .tagCode a, .tagCode a:visited { color:white; font-weight:bold; } .tagImage { border:0 } .buttonBar td { background-color: #cccccc; padding: 10px; } .bar, .pagesFrame { height:20px; } .bar .button { float: right; margin-left:3px; } .button { font-weight: bold; } .breadcrumb { font-weight:bold; padding:5px 0px; float:left; } .header .pagesFrame { margin-top:10px; } .footer .pagesFrame { margin-bottom:10px; } .pages { float:right; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; } .pages div { float:left; } .prevGroup, .prev, .next, .nextGroup { border-left:1px solid #cccccc; padding: 3px 5px; } .prevGroup, .nextGroup { background-color:#ffffff; } .prev, .next{ background-color:#ffffff; } .pagesLister { padding: 3px 0px; } .prevnextCurrent, .prevnextWindow { padding:3px 5px; border-left: 1px solid #cccccc; } .prevnextCurrent{ font-weight:bold; } #freedomForum.layouterror .frame { border:0px solid #4d962a; margin: 20px; } #bbcode_help table { border-width: 1px; border-spacing: 0px; border-style: outset; border-collapse: separate; background-color: white; } #bbcode_help table th { border-width: 1px; padding: 2px 6px; border-style: inset; background-color: #4d962a; -moz-border-radius: 0px 0px 0px 0px; } #bbcode_help table td { border-width: 1px; padding: 2px 6px; border-style: inset; -moz-border-radius: 0px 0px 0px 0px; } .forumphoto { width: 109px; height: 116px; margin: 0 auto; text-align: center; } .forumphoto a { width: 99px; height: 99px; padding: 4px 5px 13px 5px; display: block; position: relative; background: transparent url(graphics/profile/forum_photo_frame.png) no-repeat left top; } .forumphoto a img { width: 99px; height: 99px; vertical-align: bottom; border: 0; } .forumphoto a span { width: 37px; height: 28px; display: block; position: absolute; left: -10px; bottom: 2px; text-indent: -3000px; background: transparent url(graphics/profile/forum_leaf.png) no-repeat left top; } .forumprofile, .forummessage { padding: 3px 0 5px 0; text-align: center; font-size: 11px; font-weight: normal; } /* ModuleEnd::forum */ /* #forum_quickref is displayed on the forum_detail layout */ #forum_quickref table { margin-bottom: 10px; } #forum_quickref table, #forum_quickref th, #forum_quickref td { border: 1px solid black; } #forum_quickref th { padding: 5px; background-color: #ccc; } #forum_quickref td { padding: 3px 5px; background-color: #fff; } /* ModuleBegin::blog */ .blogListerWrapper { width: 810px; margin: 0 auto; padding:0; font-family:Palatino,Georgia,'Times New Roman',serif; line-height:1.5em; } .blogPage { margin: 0; padding: 0px; width:600px; } .blogSideBar { float: right; width: 200px; margin: 0; padding: 80px 0px 0px 0px; } .blogBox { padding: 10px; margin-top: 10px; border: 1px dashed #cccccc; } .blogBox h2 { padding: 0px; margin: 0px; } .blogVote { width: 810px; margin: 0 auto; padding:0; } .blogVote .blogBox { width: 200px; } .blogArchiveWrapper { } .blogArchiveMonth { padding-left:10px; } .blogArchiveYear { font-weight: bold; } .blogDate { padding:5px 0px; font-weight: bold; } .blogDividerComments { height: 1px; background-color:#cccccc; } .blogDividerTop { height: 1px; background-color:#cccccc; } .blogEntry { padding-top: 5px; } .blogEntryFooter { padding-bottom: 10px; } .blogFooter { height: 1px; background-color:#cccccc; } .blogPosted { padding-bottom: 5px; padding-top: 5px; font-weight: bold; } .blogTitle { color: #4d962a; font-weight: bold; padding-top: 10px; } .blogListWrapper h1 { font-size:36px; } .blogListWrapper h2 { font-size:18px; } .blogListWrapper .blogBody { font-size:16px; } .blogHeader { font-size:13px; height:100px; margin:0 auto; overflow:hidden; padding:0; text-align:center; } .blogComments1 { padding:4px 9px 4px 9px; font-size:12px; font-weight:bold; } .blogComments2 { padding:4px 9px 40px 9px; font-size:12px; font-weight:bold; } .blogComments a { padding: 0px 5px 0px 0px; text-decoration; } .blogBlogrollItem { padding: 1px 0px } .entrydate { background:transparent url(graphics/date_bg.jpg) no-repeat scroll 3px 3px; float:right; height:53px; margin-left:5px; margin-top:5px; width:49px; } .entrydate .dateMonth { color:#ffffff; font-size:10px; margin:0; padding:3px 0 0; text-align:center; } .entrydate .dateDay { font-family:Times New Roman,Helvetica,Sans-Serif; font-size:21px; font-weight:bold; margin:0; padding:3px 0 0 0; text-align:center; } #blogRSS { padding: 20px 0px 0px 10px; width: 190px; } /* ModuleEnd::blog */ #strategicPartnerWrapper { margin-left:auto; margin-right:auto; width:700px} #strategicPartnerWrapper table{ padding-top: 20px; } #strategicPartnerWrapper td { padding: 5px; } #strategicPartnerWrapper .partnerImage { text-align: center; } #strategicPartnerWrapper .partnerImage img { border: 1px solid #888; } /* ModuleBegin::wiki */ #wiki img { border: 0; } #wiki textarea { height:300px; margin-bottom:20px; } #wiki_title { width: 200px; } #wiki_comments { width: 100%; } #wiki_warning { padding: 10px 0px 10px 5px; width: 100%; border: 1px solid red; background-color: #fcc; font-weight: bold; color: red; } #wiki_toc { list-style:none; margin:0; padding:2px } #wiki_toc li { padding:2px 0px; } #wiki h1, #wiki h2, #wiki h3, #wiki h4 { font-weight: normal; } #wiki h1 { font-family: Arial, Helvetica, sans-serif; } #wiki h1 { font-size:20px; background-color: #eee; padding:10px; margin:0px 0px 10px 0px; font-weight:bold; border: 1px solid #aaa; } #wiki h2 { font-size:16px; margin:0px; font-weight: bold; border-bottom:1px solid #aaa; padding-bottom:2px; margin-bottom: 7px; } #wiki h3 { font-size:14px; margin:0px; font-weight: bold; } #wiki h4 { font-size:12px; margin:0px; font-weight: bold; } #wiki pre { background-color: #fafafa; border: 1px dashed #00f; padding:5px 10px; font-weight: normal; } #wiki ul, #wiki dl { margin:0px 2em; padding:0; } #wiki li, #wiki dd { margin:5px; padding:0; } /*This is to allow the sales people to see links on the wiki, not intended for prime-time help system */ #wiki a { color: #4d962a; } #wiki a:hover {} #wiki_preview_title { padding-bottom: 15px; font-size: 15pt; font-weight: bold; } #wiki_diff .title { font-size: 20px; color: #00397a; background-color: #eeeeee; padding:10px; margin:0px 0px 10px 0px; font-weight:bold; border: 1px solid #aaaaaa; } #wiki_diff table { width: 100%; } #wiki_diff .history_header, .current_header { background-color: #D4D5D4; text-align: left; padding: 5px; margin: 0px 5px 0px 5px; border-bottom: 1px solid #000000; } #wiki_diff .current, .history { background-color: #EEEEEE; margin: 0px 5px 0px 5px; border: 1px solid #D4D5D4; } #wiki_diff .inserted { background-color: #CCFFCC; } #wiki_diff .deleted { background-color: #F59E92; } #wiki_diff .changed { background-color: #FFFFAA; } #wiki_diff .unchanged { background-color: #EEEEEE; } #wiki_diff .back_button { width: 100%; text-align: center; padding-top: 30px; } #wiki_diff_legend { padding-top: 30px; vertical-align: top; } #wiki_diff_legend .title { font-size: 10pt; border: 1px solid #aaaaaa; background-color: #D4D5D4; width: 300px; padding: 0; margin: 0; } #wiki_diff_legend .box { border: 1px solid #aaaaaa; background-color: #EEEEEE; width: 300px; } #wiki_diff_legend .changed { margin: 10px 0px 10px 0px; padding-left: 5px; } #wiki_diff_legend .inserted { margin: 10px 0px 10px 0px; padding-left: 5px; } #wiki_diff_legend .deleted { margin: 10px 0px 10px 0px; padding-left: 5px; } #wiki .markItUp li { margin:0; padding:0; } #wiki .markItUp a:hover { background-color: #EEEEEE; } #wiki_help { padding-bottom:1em } #wiki_help table { border-width: 1px; border-spacing: 0px; border-style: outset; border-collapse: separate; background-color: white; } #wiki_help table th { border-width: 1px; padding: 6px 6px; border-style: inset; color: #fff; background-color: #4d962a; -moz-border-radius: 0px 0px 0px 0px; } #wiki_help table td { border-width: 1px; padding: 2px 6px; border-style: inset; -moz-border-radius: 0px 0px 0px 0px; } /* ModuleEnd::wiki */ .faq { } .faq li { padding: 3px 0px; } .faq li a { display: block; } .faq li p { margin: 0; padding: 0; display: inline; } #videos { font-size:12px; color:#000; width:980px; height:450px; margin-left:auto; margin-right:auto; background: url('clientuploads/directory/WistiaVideos/videos_back.png') no-repeat right; color:#fff; } #videos a{color:#fff; font-size:12px;} .latest_video { margin:0px; } .latest_video a{color:#000; font-size:12px;} #morevideos { color:#000; font-size:12px; width:1000px; margin:auto; } #morevideos li { list-style:none; } .videoPlayerLocation { position:absolute; top:130px; left:10%; border: 2px solid #489920; } .videoListWrapper .odd td { white-space: nowrap; } .videoListWrapper td, .videoListWrapper th { white-space: nowrap; } .videoListWrapper th { text-align: left; } .videoListWrapper th.lastUpdated { text-align: right; padding-right: 20px;} .videoListWrapper th.runtime { white-space:nowrap; text-align: right; } .videoListWrapper th.runtime2 { white-space:nowrap; text-align: right; padding-right:30px; } .videoListWrapper th.comments { text-align: center; white-space: nowrap;} .videoListWrapper th.votes { padding-left: 60px; white-space: nowrap;} .videoListWrapper td.lastUpdated { padding-right: 20px; text-align: right; } .videoListWrapper td.nameVid, .videoListWrapper td.runtime, .videoListWrapper td.lastUpdated { padding: 5px 20px 3px 10px; } .videoListWrapper td.runtime { white-space:nowrap; text-align: right; } .videoListWrapper td.comments { text-align: center; white-space: nowrap;} .videoListWrapper td.playodd, .videoListWrapper td.playeven { padding: 2px 0px 2px 35px; } .videoListWrapper td.playodd a, .videoListWrapper td.playeven a { color: #ffffff; display: block; width: 41px; height: 14px; padding: 3px 0px 3px 13px; } .videoListWrapper td.playodd a { background: transparent url(graphics/green/play_odd.jpg) no-repeat left top; } .videoListWrapper td.playeven a { background: transparent url(graphics/green/play_even.jpg) no-repeat left top; } /* ModuleBegin::dashboard */ #dashboardWrapper .odd { } #dashboardWrapper .even { } #dashboardWrapper td { padding: 5px; white-space: nowrap; } #dashboardWrapper td.date { text-align: right; } /* ModuleEnd::dashboard */ #referralFormDiv { background-color: #fff; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; padding: 10px 35px; } #referralFormDiv form { border: none; } .proservImg { padding: 5px 0 0 3px; } /* Restricted login box */ #loginBody { background: #c1d48a url(graphics/green/login_page_bg.jpg) repeat-x top left; text-align:center; margin: 0 auto; padding: 0; } #loginLogo { padding-top:133px; } #loginBox { background:transparent url(graphics/green/login_bg.jpg) repeat-y top left; text-align: center; margin: 0 auto; width:253px; padding: 0px 20px;} #loginNewMember { border-top: 1px dotted #388811; margin-top: 10px; } .loginStatus { float: right; color: #388811; padding:10px 10px 0px 0px; } #createMemberBox { background-color: #ffffff; width:80%; text-align:left; border:1px solid #888888; padding:20px; margin:10px auto; } #createMemberBody { text-align:center; height:100%; margin:50px auto; } #loginBox .membershipRemember {padding: 5px 0px;} #loginBox input {margin: 0px 5px 0px 0px; margin: 0px 5px 0px 0px; padding: 5px; border-radius: 3px; } #loginBox input[type="text"], #loginBox input[type="password"]{ margin-bottom: 5px; border: 1px solid #d2e198; } #webinarform .formtextRequired {font-size: 10pt; font-weight: bold; color: #2d2d2d; padding: 10px 0px;} #webinarform .formtext {font-size: 10pt; font-weight: bold; color: green; padding: 10px 0px;} #webinarform input {padding: 7px;} #webinarform h1 {padding-bottom: 40px; margin: 0px;} #webinarform .number {font-size: 20pt; margin-left: -38px; margin-right: 10px; } #freedom_calendar { width: 200px; position: absolute !important; top: 200px !important; } #freedom_calendar td.cal{ font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #FFFFFF; background-color : #274879;} #freedom_calendar select.month{ font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #000000; width : 85px;} #freedom_calendar input.year{ font-family : Arial,Helvetica,Sans-serif; font-size : 12px; color : #000000; width : 30px;} #freedom_calendar td.calDaysColor { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #ffffff; background-color : #000000;} #freedom_calendar td.calWeekend { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #000000; background-color : #192D4C;} #freedom_calendar td.calBgColor { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #ffffff; background-color : #d3d3d3} #freedom_calendar .calBorderColor { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #000000; background-color : #a9a9a9;} #freedom_calendar td.calHighlightColor { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #000000; background-color : #ffffcc;} #freedom_calendar A.calHighlightColor { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #000000; background-color : #ffffcc;} #freedom_calendar A.cal { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #FFFFFF; text-decoration : none;} #freedom_calendar A.cal:Hover { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #FF0000; text-decoration : none;} #freedom_calendar .disabled { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #808080; text-decoration : none;} /* ModuleBegin::photo */ .clearset { clear: both; height: 10px; } .clearset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html>body .clearset { height: auto; min-height: 10px; } #photolist {} .photoitem { padding: 15px 0px; border-bottom: 1px solid #cccccc; clear: both; } .photoimage { width: 212px; padding: 0px 15px 0px 0px; float: left;} .photoimage a { max-width: 200px; max-height: 150px; padding: 5px; display: block; text-align: center; border: 1px solid #cccccc; } .photoimage a img { max-width: 200px; max-height: 150px; margin: 0 auto; text-align: center; display: block; } #photothumb { } #photothumb ul { padding: 15px 0 0 0; margin: 0; list-style: none; } #photothumb li { width: 112px; height: 87px; padding: 0px 10px 10px 0px; float: left; } #photothumb a { max-width: 100px; max-height: 75px; padding: 5px; display: block; text-align: center; border: 1px solid #cccccc; } #photothumb a img { max-width: 100px; max-height: 75px; margin: 0 auto; text-align: center; display: block; } /* Included to attach necessary jQuery Files - Edit jquery.lightbox-0.5.js file to change these image names or locations */ .includeLightBoxJs { background-image: url(graphics/jquery_scripts/jquery.lightbox-0.5.js);} .includeLightboxImg1 { background-image: url(graphics/jquery_scripts/lightbox/images/lightbox-blank.gif);} .includeLightboxImg2 { background-image: url(graphics/jquery_scripts/lightbox/images/lightbox-btn-close.gif);} .includeLightboxImg3 { background-image: url(graphics/jquery_scripts/lightbox/images/lightbox-btn-next.gif);} .includeLightboxImg4 { background-image: url(graphics/jquery_scripts/lightbox/images/lightbox-btn-prev.gif);} .includeLightboxImg5 { background-image: url(graphics/jquery_scripts/lightbox/images/lightbox-ico-loading.gif);} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* Photo - Thumbnail photo_rotator layout - Uses JQuery Cycle Includes: Play/Pause, Previous/Next, 1 2 3 buttons ================================================== */ .rotateSliderFile1 { background: url(graphics/jquery_scripts/rotate/jqfunctions.js);} #photorotate { width: 600px; height: 448px; padding: 0; margin: 0; position:relative; background: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #photorotate .stgslide { width: 600px; height: 448px; position: absolute; left: 0px; top: 0px; } #photorotate .stgslide .stgslidebase { width: 600px; height: 448px; position: absolute; left: 0; top: 0; display: block; } #photorotatea { outline-width: 0; outline-style: none; } #photorotate .stgslide .stgslidephoto { width: 600px; height: 448px; position: absolute; left: 0; top: 0; z-index: 85; } #photorotate .stgslide .stgslidephoto a { width: 600px; height: 448px; display: block; text-align: center; } #photorotate .stgslide .stgslidephoto img { max-width: 600px; max-height: 448px; margin: 0 auto; text-align: center; border: 0; vertical-align: bottom; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #photorotate .stgslide .stgslidecontent { width: 560px; height: 60px; padding: 0 20px; position: absolute; left: 0; bottom: 50px; overflow: hidden; z-index: 86; background: transparent url(graphics/jquery_scripts/rotate/stgslidebar.png) repeat left top; } #photorotate .stgslide .stgslidecontent a { text-decoration: none; color: #333333; } #photorotate .stgslide .stgslidecontent a:hover { text-decoration: underline; } #photorotate .stgslide .stgslidecontent h2 { padding: 5px 0 0 0; margin: 0; color: #333333; } #photorotate .stgslide .stgslidecontent p { padding: 5px 0; margin: 0; color: #333333; } #photorotate .stgslidePause { width: 20px; height: 20px; position: absolute; right: 10px; bottom: 5px; z-index: 87; } #photorotate .stgslidePause a { width: 20px; height: 20px; display: block; } #photorotate .stgslidePause a span { width: 20px; height: 20px; display: block; text-indent: -3000px; } #photorotate #pauseButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslidepause.png) no-repeat left top; } #photorotate #playButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslideplay.png) no-repeat left top; } #photorotate .stgbtngrp { width: 200px; height: 20px; position: absolute; left: 10px; bottom: 5px; z-index: 87; } #photorotate .stgbtnoff, #photorotate .stgbtnon { width: 20px; height: 20px; padding: 0; margin: 0 5px 0 0; float:left; display:block; cursor:pointer; text-align: center; font: 11px/20px normal Arial, Arial, Helvetica, sans-serif; } #photorotate .stgbtnoff { color: #000000; background: transparent url(graphics/jquery_scripts/rotate/stgslideoff.png) no-repeat left top; } #photorotate .stgbtnon { color: #ffffff; background: transparent url(graphics/jquery_scripts/rotate/stgslideon.png) no-repeat left top; } #photorotate .stgslidePrev, #photorotate .stgslideNext { width: 20px; height: 40px; position: absolute; top: 200px; z-index: 87; } #photorotate .stgslidePrev { left: 0; background: transparent url(graphics/jquery_scripts/rotate/stgslideprev.png) no-repeat left top; } #photorotate .stgslideNext { right: 0; background: transparent url(graphics/jquery_scripts/rotate/stgslidenext.png) no-repeat left top; } #photorotate .stgslidePrev a, #photorotate .stgslideNext a { width: 20px; height: 40px; display: block; text-indent: -3000px; } /* Photo - Thumbnail photo_rotator_thumbs layout - Uses JQuery Cycle Includes: Thumbnail previews, Play/Pause, Previous/Next, 1 2 3 buttons ================================================== */ #photorotatethumb { width: 600px; height: 530px; padding: 0; margin: 0; position:relative; background: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #photorotatethumb .stgslide { width: 600px; height: 530px; position: absolute; left: 0px; top: 0px; } #photorotatethumb .stgslide .stgslidebase { width: 600px; height: 530px; position: absolute; left: 0; top: 0; display: block; } #photorotatethumb a { outline-width: 0; outline-style: none; } #photorotatethumb .stgslide .stgslidephoto { width: 600px; height: 448px; position: absolute; left: 0; top: 0; z-index: 85; } #photorotatethumb .stgslide .stgslidephoto a { width: 600px; height: 448px; display: block; text-align: center; } #photorotatethumb .stgslide .stgslidephoto img { max-width: 600px; max-height: 448px; margin: 0 auto; text-align: center; border: 0; vertical-align: bottom; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #photorotatethumb .stgslide .stgslidecontent { width: 560px; height: 60px; padding: 0 20px; position: absolute; left: 0; bottom: 130px; overflow: hidden; z-index: 86; background: transparent url(graphics/jquery_scripts/rotate/stgslidebar.png) repeat left top; } #photorotatethumb .stgslide .stgslidecontent a { text-decoration: none; color: #333333; } #photorotatethumb .stgslide .stgslidecontent a:hover { text-decoration: underline; } #photorotatethumb .stgslide .stgslidecontent h2 { padding: 5px 0 0 0; margin: 0; color: #333333; } #photorotatethumb .stgslide .stgslidecontent p { padding: 5px 0; margin: 0; color: #333333; } #photorotatethumb .stgslidePause { width: 20px; height: 20px; position: absolute; right: 10px; bottom: 85px; z-index: 87; } #photorotatethumb .stgslidePause a { width: 20px; height: 20px; display: block; } #photorotatethumb .stgslidePause a span { width: 20px; height: 20px; display: block; text-indent: -3000px; } #photorotatethumb #pauseButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslidepause.png) no-repeat left top; } #photorotatethumb #playButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslideplay.png) no-repeat left top; } #photorotatethumb .stgbtngrp { width: 598px; height: 79px; padding: 0 0 0 2px; position: absolute; left: 0; bottom: 0; overflow: hidden; z-index: 86; } #photorotatethumb .stgbtngrp div { width: 104px; height: 79px; margin: 0 19px 0 0; float: left; overflow: hidden; } #photorotatethumb .stgbtngrp div.item5 { margin: 0; } #photorotatethumb .stgbtngrp div span { width: 104px; height: 79px; display: block; cursor: pointer; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #photorotatethumb .stgbtngrp div.stgbtnon span { } #photorotatethumb .stgbtngrp div span img { max-width: 100px; max-height: 75px; margin: 0 auto; text-align: center; border: 2px solid #cccccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} #photorotatethumb .stgbtngrp div.stgbtnon span img { border: 2px solid #333333; } #photorotatethumb .stgslidethumb { display: none; } #photorotatethumb .stgslidePrev, #photorotatethumb .stgslideNext { width: 20px; height: 40px; position: absolute; top: 200px; z-index: 87; } #photorotatethumb .stgslidePrev { left: 0; background: transparent url(graphics/jquery_scripts/rotate/stgslideprev.png) no-repeat left top; } #photorotatethumb .stgslideNext { right: 0; background: transparent url(graphics/jquery_scripts/rotate/stgslidenext.png) no-repeat left top; } #photorotatethumb .stgslidePrev a, #photorotatethumb .stgslideNext a { width: 20px; height: 40px; display: block; text-indent: -3000px; } /* Photo - Thumbnail photo_rotator_titles layout - Uses JQuery Cycle Includes: Title previews, Play/Pause, Previous/Next, 1 2 3 buttons ================================================== */ #photorotatetitle { width: 600px; height: 448px; padding: 0; margin: 0; position:relative; background: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #photorotatetitle .stgslide { width: 600px; height: 448px; position: absolute; left: 0px; top: 0px; } #photorotatetitle .stgslide .stgslidebase { width: 600px; height: 448px; position: absolute; left: 0; top: 0; display: block; } #photorotatetitle a { outline-width: 0; outline-style: none; } #photorotatetitle .stgslide .stgslidephoto { width: 600px; height: 448px; position: absolute; left: 0; top: 0; z-index: 85; } #photorotatetitle .stgslide .stgslidephoto a { width: 600px; height: 448px; display: block; text-align: center; } #photorotatetitle .stgslide .stgslidephoto img { max-width: 600px; max-height: 448px; margin: 0 auto; text-align: center; border: 0; vertical-align: bottom; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #photorotatetitle .stgslide .stgslidecontent { width: 560px; height: 60px; padding: 0 20px; position: absolute; left: 0; bottom: 50px; overflow: hidden; z-index: 86; background: transparent url(graphics/jquery_scripts/rotate/stgslidebar.png) repeat left top; } #photorotatetitle .stgslide .stgslidecontent a { text-decoration: none; color: #333333; } #photorotatetitle .stgslide .stgslidecontent a:hover { text-decoration: underline; } #photorotatetitle .stgslide .stgslidecontent h2 { padding: 5px 0 0 0; margin: 0; color: #333333; } #photorotatetitle .stgslide .stgslidecontent p { padding: 5px 0; margin: 0; color: #333333; } #photorotatetitle .stgslidePause { width: 20px; height: 20px; position: absolute; right: 10px; bottom: 5px; z-index: 87; } #photorotatetitle .stgslidePause a { width: 20px; height: 20px; display: block; } #photorotatetitle .stgslidePause a span { width: 20px; height: 20px; display: block; text-indent: -3000px; } #photorotatetitle #pauseButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslidepause.png) no-repeat left top; } #photorotatetitle #playButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslideplay.png) no-repeat left top; } #photorotatetitle .stgbtngrp { width: 230px; height: 300px; position: absolute; right: -198px; top: 0; z-index: 86; } #photorotatetitle .stgbtngrp div { width: 230px; height: 60px; overflow: hidden; background: transparent url(graphics/jquery_scripts/rotate/stgslideheadoff.png) no-repeat right bottom; } #photorotatetitle .stgbtngrp div.stgbtnon { background: transparent url(graphics/jquery_scripts/rotate/stgslideheadon.png) no-repeat right bottom; } #photorotatetitle .stgbtngrp div table { width: 100%; height: 60px; } #photorotatetitle .stgbtngrp div td { padding: 0 0 0 30px; vertical-align: middle; color: #333333; font-size: 13px; line-height: 15px; font-weight: bold; text-align: center; cursor: pointer; } #photorotatetitle .stgbtngrp div.stgbtnon td { color: #333333; } #photorotatetitle .stgslideheadline { display: none; } #photorotatetitle .stgslidePrev, #photorotatetitle .stgslideNext { width: 11px; height: 20px; position: absolute; bottom: 5px; z-index: 87; } #photorotatetitle .stgslidePrev { left: 10px; background: transparent url(graphics/jquery_scripts/rotate/stgslideprev_b.png) no-repeat left top; } #photorotatetitle .stgslideNext { left: 30px; background: transparent url(graphics/jquery_scripts/rotate/stgslidenext_b.png) no-repeat left top; } #photorotatetitle .stgslidePrev a, #photorotatetitle .stgslideNext a { width: 11px; height: 20px; display: block; text-indent: -3000px; } /* Photo - Thumbnail photo_rotator_parallax layout - Uses Parallax Rotator ================================================== */ .parallaxSliderFile1 { background: url(graphics/jquery_scripts/parallax/modernizr.custom.28468.js);} .parallaxSliderFile2 { background: url(graphics/jquery_scripts/parallax/jquery.cslider.js);} #photoparallax .da-slider{ border: 1px solid #cccccc; width: 800px; min-width: 800px; height: 448px; position: relative; margin: 0 auto; overflow: hidden; background: #ffffff;; -webkit-transition: background-position 1s ease-out 0.3s; -moz-transition: background-position 1s ease-out 0.3s; -o-transition: background-position 1s ease-out 0.3s; -ms-transition: background-position 1s ease-out 0.3s; transition: background-position 1s ease-out 0.3s; } #photoparallax .da-slide{ position: absolute; width: 60%; height: 100%; top: 0px; left: 0px; font-family: Arial, sans-serif; text-align: left; } #photoparallax .da-slide-current{ z-index: 80; } #photoparallax .da-slider-fb .da-slide{ left: 100%; } #photoparallax .da-slider-fb .da-slide.da-slide-current{ left: 0px; } #photoparallax .da-slide h2, #photoparallax .da-slide p, #photoparallax .da-slide .da-link, #photoparallax .da-slide .da-img{ position: absolute; opacity: 0; left: 110%; } #photoparallax .da-slider-fb .da-slide h2, #photoparallax .da-slider-fb .da-slide p, #photoparallax .da-slider-fb .da-slide .da-link{ left: 10%; opacity: 1; } #photoparallax .da-slider-fb .da-slide .da-img{ left: 60%; opacity: 1; } #photoparallax .da-slide h2{ color: #000000; font-size: 36px; width: 50%; top: 100px; white-space: nowrap; z-index: 10; } #photoparallax .da-slide p { width: 40%; top: 155px; color: #000000; font-size: 14px; line-height: 16px; height: 80px; overflow: hidden; font-style: italic; } #photoparallax .da-slide .da-img{ text-align: center; width: 30%; top: 0; height: 488px; line-height: 488px; left: 110%; /*60%*/ } #photoparallax .da-slide .da-link{ top: 270px; /*depends on p height*/ color: #000000; font-size: 14px; line-height: 15px; width: 100px; } #photoparallax .da-slide .da-link:hover{ text-decoration: underline; } #photoparallax .da-dots{ width: 100%; position: absolute; text-align: center; left: 0px; bottom: 10px; z-index: 80; -moz-user-select: none; -webkit-user-select: none; } #photoparallax .da-dots span{ display: inline-block; position: relative; width: 13px; height: 13px; background: transparent url(graphics/jquery_scripts/parallax/rotate_on.png) no-repeat left top;; margin: 0 1px; cursor: pointer; } #photoparallax .da-dots span.da-dots-current { background: transparent url(graphics/jquery_scripts/parallax/rotate_off.png) no-repeat left top;; } #photoparallax .da-arrows{ -moz-user-select: none; -webkit-user-select: none; } #photoparallax .da-arrows span{ position: absolute; top: 50%; height: 30px; width: 30px; border-radius: 50%; background: #5f9dc1; cursor: pointer; z-index: 80; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out-out 0.2s; -moz-transition: opacity 0.4s ease-in-out-out 0.2s; -o-transition: opacity 0.4s ease-in-out-out 0.2s; -ms-transition: opacity 0.4s ease-in-out-out 0.2s; transition: opacity 0.4s ease-in-out-out 0.2s; } #photoparallax .da-slider:hover .da-arrows span{ opacity: 1; } #photoparallax .da-arrows span:after{ content: ''; position: absolute; width: 15px; height: 26px; top: 2px; border-radius: 50%; } #photoparallax .da-arrows span:hover:after{ } #photoparallax .da-arrows span:active:after{ } #photoparallax .da-arrows span.da-arrows-prev:after{ left: 7px; background: transparent url(graphics/jquery_scripts/parallax/rotate_prev.png) no-repeat 50% 50%; } #photoparallax .da-arrows span.da-arrows-next:after{ left: 9px; background: transparent url(graphics/jquery_scripts/parallax/rotate_next.png) no-repeat 50% 50%; } #photoparallax .da-arrows span.da-arrows-prev{ left: 15px; } #photoparallax .da-arrows span.da-arrows-next{ right: 15px; } #photoparallax .da-slide-current h2, #photoparallax .da-slide-current p, #photoparallax .da-slide-current .da-link{ left: 10%; opacity: 1; } #photoparallax .da-slide-current .da-img{ left: 60%; opacity: 1; } /* Animation classes and animations */ /* Slide in from the right*/ #photoparallax .da-slide-fromright h2{ -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; animation: fromRightAnim1 0.6s ease-in-out 0.8s both; } #photoparallax .da-slide-fromright p{ -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; animation: fromRightAnim2 0.6s ease-in-out 0.8s both; } #photoparallax .da-slide-fromright .da-link{ -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; animation: fromRightAnim3 0.4s ease-in-out 1.2s both; } #photoparallax .da-slide-fromright .da-img{ -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; animation: fromRightAnim4 0.6s ease-in-out 0.8s both; } @-webkit-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-moz-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-o-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-ms-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } /* Slide in from the left*/ #photoparallax .da-slide-fromleft h2{ -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; } #photoparallax .da-slide-fromleft p{ -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; } #photoparallax .da-slide-fromleft .da-link{ -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; } #photoparallax .da-slide-fromleft .da-img{ -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; } @-webkit-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-moz-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-o-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-ms-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } /* Slide out to the right */ #photoparallax .da-slide-toright h2{ -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both; -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both; -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both; -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both; animation: toRightAnim1 0.6s ease-in-out 0.6s both; } #photoparallax .da-slide-toright p{ -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both; -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both; -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both; -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both; animation: toRightAnim2 0.6s ease-in-out 0.3s both; } #photoparallax .da-slide-toright .da-link{ -webkit-animation: toRightAnim3 0.4s ease-in-out both; -moz-animation: toRightAnim3 0.4s ease-in-out both; -o-animation: toRightAnim3 0.4s ease-in-out both; -ms-animation: toRightAnim3 0.4s ease-in-out both; animation: toRightAnim3 0.4s ease-in-out both; } #photoparallax .da-slide-toright .da-img{ -webkit-animation: toRightAnim4 0.6s ease-in-out both; -moz-animation: toRightAnim4 0.6s ease-in-out both; -o-animation: toRightAnim4 0.6s ease-in-out both; -ms-animation: toRightAnim4 0.6s ease-in-out both; animation: toRightAnim4 0.6s ease-in-out both; } @-webkit-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } /* Slide out to the left*/ #photoparallax .da-slide-toleft h2{ -webkit-animation: toLeftAnim1 0.6s ease-in-out both; -moz-animation: toLeftAnim1 0.6s ease-in-out both; -o-animation: toLeftAnim1 0.6s ease-in-out both; -ms-animation: toLeftAnim1 0.6s ease-in-out both; animation: toLeftAnim1 0.6s ease-in-out both; } #photoparallax .da-slide-toleft p{ -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; animation: toLeftAnim2 0.6s ease-in-out 0.3s both; } #photoparallax .da-slide-toleft .da-link{ -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; animation: toLeftAnim3 0.6s ease-in-out 0.6s both; } #photoparallax .da-slide-toleft .da-img{ -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; animation: toLeftAnim4 0.6s ease-in-out 0.5s both; } @-webkit-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 70%{ left: 30%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } /* ModuleEnd::photo */ /* Summit 2012 Styles */ #summit2012Page h3 { margin-top: 8px; } .summitPresoTable { margin-top: 5px; } .summitPresoTable td { width: 100px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; } .summitPresoTable td img { margin-bottom: 8px; } .summitPresoTable td a { color: #666; } .myaccountMessage { display: block; padding: 10px 0; } .myaccountDetail { padding: 20px 0 0 0; } .myaccountDetail .formlabel, .myaccountLister .formlabel { white-space: nowrap; text-align: right; } .myaccountDetail .formlabel label, .myaccountLister .formlabel label { padding: 6px 5px; display: block; } .myaccountDetail .formtextRequired, .myaccountDetail .formtext, .myaccountLister .formtextRequired, .myaccountLister .formtext { padding: 5px 5px 5px 0; vertical-align: top; } .myaccountDetail input[type="text"], .myaccountLister input[type="text"], .myaccountLister input[type="password"] { padding: 5px 5px; border: 1px solid #cccccc; background: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .myaccountDetail .profilesep { height: 10px; padding: 10px 0; font-size: 0; line-height: 1px; background: transparent url(graphics/design_e/myaccount_border.png) repeat-x left 50%; } #nonGreen h2 { color: #000; } #nonGreen a { color: #3876BE; } #knowledgebase td, #knowledgebase div, #knowledgebase a, #knowledgebase ol, #knowledgebase li, #knowledgebase input[type="text"], #knowledgebase span { } #knowledgebase input[type="text"] { color: #999999; } #knowledgebase { width: 877px; } #kbdetailSidebar a, #kbdetail a, #kblist a { color: #999999; text-decoration: none; outline-style:none; outline-width:0; } #kbdetailSidebar a:hover, #kbdetail a:hover, #kblist a:hover { text-decoration: underline; color: #333333;} #knowledgebase .kbbody { line-height:20px; } #kbspage55 { padding: 0 0 0 100px;} #kbsearch { width: 837px; padding: 10px; margin: 10px 0; border: 1px solid #d7d7d7; background: #f7f7f7; } .kbsearchtext, .kbsearchtags { float: left; } .kbsearchtext { width: 408px; margin-right: 15px; border: 1px solid #d7d7d7; background: #ffffff; } .kbsearchtags { width: 412px; } .kbsearchtext input[type="text"] { width: 350px; height: 30px; line-height: 30px; padding: 0 10px; display: block; float: left; border: 0; background: 0; } .kbsearchtext input[type="image"] { width: 25px; height: 25px; padding: 3px 0 0 0; display: block; float: left; } .kbsearchtags .searchbutton { width: 25px; height: 25px; padding: 6px 0 0 5px; display: block; float: left; } .kbsearchtags .jquery-selectbox { width: 360px !important; padding: 0 0 0 10px; position: relative; height: 30px; line-height: 30px; z-index: 0; float: left; display: inline; margin: 0; border: 1px solid #d7d7d7; background: #ffffff; } .kbsearchtags .jquery-selectbox.selecthover { background: #fefefe; z-index: 700; } .kbsearchtags .jquery-selectbox .jquery-selectbox-currentItem { padding: 0; white-space: nowrap; display: block; overflow: hidden; } .kbsearchtags .jquery-selectbox .jquery-selectbox-list { display: none; position: absolute; top: 30px; padding: 0; left: 0px; color: #333333; background: #f2f2f2; width: 369px !important; height: 250px !important; overflow-x: hidden; overflow-y: auto; z-index: 1000; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .kbsearchtags .jquery-selectbox .jquery-selectbox-moreButton { width: 360px; height: 35px; position: absolute; right: 0px; top: 0; background: transparent url(graphics/knowledgebase/search_drop2.png) no-repeat right 40%; height: 30px; cursor: pointer; } .kbsearchtags .jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover { } .kbsearchtags .jquery-selectbox .jquery-selectbox-item.listelementhover { background: #333333; color: #fff; } .kbsearchtags .jquery-selectbox .jquery-selectbox-item { padding: 5px 10px 5px 10px; outline: none; line-height: 12px; display: block; cursor: default; } #kbboxes { padding: 0 0 20px 0; } .kbbox { float: left; width: 400px; border: 1px solid #d7d7d7; background: #f7f7f7; padding: 10px; margin: 10px 0px;} .kbbox h2 {color: #333333; font-size: 20px; padding: 5px 0px 5px 10px; background: #ffffff; margin: 0 -11px; border:1px solid #cbcbcb; font-weight: normal; } .kbbox ol li {padding: 5px 0px; } .kbbox a {} #kbfeatured { margin-right: 15px; } .kbbox2 { width: 837px; border: 1px solid #d7d7d7; border-radius: 2px; background: #f7f7f7; padding: 10px; margin: 10px 0px;} .kbbox2 h2 {color: #333333; font-size: 20px; padding: 5px 0px 5px 10px; background: #ffffff; margin: 0 -11px; border:1px solid #cbcbcb; font-weight: normal; } .kbbox2 ol li {padding: 5px 0px; } .kbbox2 a {} .kb_homebox_right {float: right; width: 500px; border: 1px solid #d7d7d7; border-radius: 2px; background: #f7f7f7; padding: 10px; margin: 10px 0px;} .kb_homebox_right h3 {font-size: 16pt; font-weight: bold;} .kb_homebox_right ol li {padding: 5px 0px; } .kb_homebox_right a {} .kbvote { width: 180px; padding: 10px 10px 0 10px; margin: 0 0 10px 20px; float: right; } .kbvote .voteerror { display: none; } .kbvote p { padding: 0 0 10px 100px; margin: 0; position: relative; color: #399091;} .kbvote p span { position: absolute; left: 3px; top: 0; display: block; color: #333333; } .kbvote .voteerror { display: none; } .kbvote .voteavg { width: 86px; height: 16px; } .kbvote .votetotal { } .kbvote .voteavgval { display: none; } .kbvote .votingStars { width: 80px; height: 16px; /* overflow: hidden; */ display: block; position: relative; left: -5px; } .kbvote .votingStars img { padding-right: 1px;} .kbvote .votes0 { background: transparent url(graphics/knowledgebase/store_vote_0.png) no-repeat 91px top; } .kbvote .votes1 { background: transparent url(graphics/knowledgebase/store_vote_1.png) no-repeat 91px top; } .kbvote .votes2 { background: transparent url(graphics/knowledgebase/store_vote_2.png) no-repeat 91px top; } .kbvote .votes3 { background: transparent url(graphics/knowledgebase/store_vote_3.png) no-repeat 91px top; } .kbvote .votes4 { background: transparent url(graphics/knowledgebase/store_vote_4.png) no-repeat 91px top; } .kbvote .votes5 { background: transparent url(graphics/knowledgebase/store_vote_5.png) no-repeat 91px top; } #kbrelated ul li {padding: 5px 0px; font-size: 11pt; font-family: 'Muli', Arial, Helvetica, sans-serif;} #kbrelatedframe { border:0px; width:610px; height:200px; } #kbdetailSidebar { float: right; width: 196px; border: 1px solid #d7d7d7; background: #f7f7f7; padding-top: 10px; margin: 10px 18px 10px 0px; } #kbdetailSidebar h2.heading, #kbdetail h2.heading, #kbdetail h3.heading {color: #333333; font-size: 20px; padding: 5px 0px 5px 10px; background: #ffffff; margin: 0 -11px; border:1px solid #cbcbcb; font-weight: normal; } #kbdetail h3.heading { margin: 0 -25px;} #kbdetailSidebar h2.heading { margin: -1px;} #kbdetail { float: left; width: 625px; border: 1px solid #d7d7d7; background: #f7f7f7; padding: 10px; margin: 10px 0px;} #kbdetail #comments { padding: 5px 15px 10px 15px; margin: 30px 0 0 0; position: relative; } /* -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } */ #kbdetail #comments .item { padding: 10px 0 10px 0; border-top: 1px solid #d7d7d7;} #kbdetail #comments .item1 { border-top: 0;} #kbdetail #comments p { padding: 0; margin: 0; } #kbdetail #comments p.commentauthor { font-size: 14px; color: #666666; } #kbdetail #comments p.commentauthor span { color: #4d962a;} #kbdetail #comments p { padding: 0 0 5px 0; color: #666666; } #kbdetail #comments p.commentdate { padding: 0 5px 0 0; font-size: 11px; text-align: right; } #kbdetail #comments p.trigger { text-align: right; color: #333333; cursor: pointer; } #kbdetail #commentcontrol { } #kbdetail #commentcontrol h3 { padding: 5px 0 10px 0; } #kbdetail #commentcontrol label { padding: 5px 0 5px 0; display: block; font-size: 12px; color: #666666; } #kbdetail #commentcontrol input { width: 250px !important; height: 20px; line-height: 20px; padding: 0 5px; margin: 0 0 5px 0; display: block; border: 1px solid #999999; } #kbdetail #commentcontrol textarea { width: 310px !important; padding: 0; margin: 0 0 5px 0; display: block; border: 1px solid #999999; } #kbdetail #commentcontrol .formButtons { padding: 10px 0; } #shoppingCartProceed { text-align:center; } #shoppingCartPlaceorder { text-align:center; } #shoppingCartPaypalButton { text-align:center; } #shoppingCartCrumbs { display:none; } /* ModuleBegin::podcast */ .podcastChannelWrapper { } .itemList .podcastNumber, .itemList .podcastTitle { display: inline; } .podcastListWrapper { } .podcastDetailWrapper span { display: block; } .podcastDetailWrapper span.itemLabel { display: inline; } .podcastImage { float: left; margin: 0px 10px 10px 0px; } .podcastImage img { padding: 5px; border: 1px solid #ccc; } .podcastSubtitle { } .podcastAuthor { } .podcastDescription { } .podcastPublish { } .podcastLink { } .podcastLanguage { } .podcastCopyright { } .podcastCategory { } .podcastDuration { } .podcastExplicit { } /* ModuleEnd::podcast */ /* Server Upgrade Form */ .serverUpgradeDiv input { height: 14px; border: 0; background:none; } .recaptchatable .recaptcha_image_cell { background: none !important; } .recaptchatable #recaptcha_response_field { background: #fff; border: 1px solid #333 !important; } /* ModuleBegin::leads */ .pcl-name { text-align:center; width:100%; font-weight:bold; } /* ModuleEnd::leads */ .button_link { float:right; background: -moz-linear-gradient(center top , #B4CAE0, #608FBE) repeat scroll 0 0 transparent; background-color: #608FBE; background-image: -webkit-gradient(linear, left top, left bottom, from(#B4CAE0), to(#608FBE)); background-image: -webkit-linear-gradient(top, #B4CAE0, #608FBE); background-image: -moz-linear-gradient(top, #B4CAE0, #608FBE); background-image: -o-linear-gradient(top, #B4CAE0, #608FBE); background-image: linear-gradient(to bottom, #B4CAE0, #608FBE); border: 1px solid #4984B0; border-radius: 0.5em 0.5em 0.5em 0.5em; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #F2F2F2; cursor: pointer; display: inline-block; font: 14px/100% Arial,Helvetica,sans-serif; font-weight:bold; margin: 0 2px; outline: medium none; padding: 8px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); vertical-align: baseline; opacity:1; } /* ModuleBegin::weather */ .highTempLabel, .lowTempLabel {font-weight:bold;} .highTemp {color:red;} .lowTemp {color:blue;} /* Weather Current */ .weatherCurrentWrapper .weatherDetail, .weatherCurrentWrapper .weatherLink { display: block; } .weatherDetail {padding: 5px 0px; } .weatherDetail a {text-decoration: none; color: #000;} .weatherDetail a:hover {text-decoration: underline; } .weatherCurrentWrapper .weatherImage { float: left; display:block; } .weatherCurrentWrapper .weatherImage img { border: 1px solid #ccc; padding: 2px; margin: 0px 5px 0px 0px;} .weatherCurrentWrapper .highTempLabel, .weatherCurrentWrapper .lowTempLabel { margin-left:5px; display:block; } /* Weather List */ .weatherListWrapper { } .weatherListWrapper th, .weatherListWrapper td { padding: 5px; border-bottom: 1px solid #ccc; } /* Weather Detail */ .weatherDetailWrapper { } .weatherLocation { } .weatherDetailWrapper .itemList span { display: inline } .weatherDetailWrapper .weatherImage { float: left; display: block;} .weatherDetailWrapper .weatherImage img { border: 1px solid #ccc; padding: 2px; margin: 0px 10px 0px 0px;} .weatherDetailWrapper p { padding-top: 10px; } .weatherDetailWrapper .daypart { font-weight: bold; } /* ModuleEnd::weather */ /* ModuleBegin::login redesign */ /* Login Redesign */ .login__container { background: #154c9b; display: flex; justify-content: center; } .login__box { width: 253px; height: 296px; padding: 0px 20px; background: #fff; margin: 100px; /* Temporary to see design with page display type */ border-radius: 12px; }