.main-body{ background-color:#D9E7F4; border-bottom: 2px solid #6A9CCE; border-right: 1px solid #6A9CCE; border-left: 1px solid #6A9CCE; border-top:0px solid #6A9CCE; } .contentBox { background: transparent url(/www/images/web/contentBackground753.gif); } .contentBox_body { background: transparent url(/www/images/web/contentBackground753.gif) no-repeat bottom left;} .contentBoxSpacerLeft { clear: left; height: 10px; } .contentBoxSpacerRight { clear: right; height: 10px; } .contentWideBox { background: transparent url(/www/images/web/contentBackground953.gif) no-repeat top left; } .contentWideBox_body { background: transparent url(/www/images/web/contentBackground953.gif) no-repeat bottom left; } .contentNarrowBox { background: transparent url(/www/images/web/contentBackground560.gif); margin-bottom: 10px; } .contentNarrowBox_body { background: transparent url(/www/images/web/contentBackground560.gif); } /* sidebar */ .sideBar { background: transparent url(/www/images/web/sidebarBackground.gif) no-repeat top left; } .sideBarWide { background: transparent url(/www/images/web/sidebarBackground370.gif) no-repeat top left; } .sideBar_body { background: transparent url(/www/images/web/sidebarBackground.gif) no-repeat bottom left; } .sideBarWide_body { background: transparent url(/www/images/web/sidebarBackground370.gif) no-repeat bottom left; } .sideBar_title { letter-spacing: 0; } .sideBarWide_title { letter-spacing: 0; } .sideBar_title a{text-decoration: none;color: #FF6600;} .sideBar_title a:link{text-decoration: none;color: #FF6600;} .sideBar_title a:active{text-decoration: none;color: #FF6600;} .sideBar_title a:visited{text-decoration: none;color: #FF6600;} .sideBar_subTitle {text-align:left; font-family:arial, helvetica, sans-serif; font-size:12px; color:#FF6600; font-weight: bold; letter-spacing: 0; padding:10px 0px 3px 0px; } .sideBarCover {width:40px; padding: 0px 0px 10px 0px; } .sideBarCoverText {float:right; width:105px; padding: 0px 0px 0px 0px;font-size: 11px; overflow: hidden;color: #336699;} .sideBarCoverText a{text-decoration: none;color: #336699;} .sideBarCoverText a:hover{text-decoration: none;color: #336699;background-color: #f0f5fb;} .sideBarCoverText a:link{text-decoration: none;color: #336699;} .sideBarCoverText a:visited{text-decoration: none;color: #336699;} .sideBarCoverText a:active{text-decoration: none;color: #336699;} .sideBarHighlight {font-weight:bold;background-color: #f0f5fb;} /*side bar styles if there is no cover or images: no float, no size limit*/ a.sideBarText, a.sideBarText:link, a.sideBarText:visited, a.sideBarActive, a.sideBarActive:link, a.sideBarActive:visited {width:100px ;font-size: 11px;color: #336699;overflow: hidden;text-decoration: none;} a.sideBarText:active, a.sideBarText:hover {color: #FF6600;} a.sideBarActive, a.sideBarActive:link, a.sideBarActive:visited { font-weight: bold; } .sideBarItem { margin: 0px 0px 15px 0px; } .browseBoxCategory {text-decoration: none; font-family:arial, helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FF6600;} .browseBoxSubcategory {padding: 0px 0px 0px 0px;font-size: 11px; overflow: hidden;color: #336699;} .browseBoxSubcategory a:link{text-decoration: none;color: #336699;} .browseBoxSubcategory a:hover{text-decoration: none;color: #336699;background-color: #f0f5fb;} .browseBoxSubcategory a:visited{text-decoration: none;color: #336699;} /***** Elements for the drop shadow for the image cover pictures on browse page ****/ .dropShadow{padding: 0px 6px 6px 0px; background: url(/www/images/web/dropShadow.gif) no-repeat bottom right;} .dropShadowHomePage{padding: 0px 6px 6px 0px; background: url(/www/images/web/dropShadowHomepage.gif) no-repeat bottom right;} .browseInfoBox {width: 150px;} .abstractBox{float: left; width:83px; height:115px;} .abstractBoxText{height:110px;} .abstractBoxSmall{float: left; width:53px; height:70px;} .abstractBoxTextSmall{height:65px;} /*** Defines left spacing for the subscribe button ***/ .subscribeButton{padding-top:25px;} .subscribeButtonWide { margin: 20px 0px 12px 0px; padding: 0px 0px 0px 0px; } /*** For images on HowItWorks (and other) pages ***/ .floatLeft {float:left; padding: 0px 10px 10px 10px;} .floatRight {float:right; padding: 0px 10px 10px 10px;} .floatLeftNoPadding {float:left; padding: 0px 0px 0px 0px;} .floatRightNoPadding {float:right; padding: 0px 0px 0px 0px;} .floatRightBottom { float: right; padding-top: 5px; } #howItWorksCircle { width: 672px; height: 586px; margin-bottom: 60px; /* background-picture is language-dependent */ background-repeat: no-repeat; } #howItWorksCircle p, #howItWorksCircle h3 { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; } #howItWorksCircle h3 { color: #e26726; font-size: 115%; font-style: bold; } #howItWorksCircle div.spaced { margin: 5px 0px 0px 0px; } #howItWorksKindle img { border: 1px solid #6a9cce; } /* Consolidated Global Attributes */ .header {text-align:left; width:990px; margin:auto; padding:4px 10px 4px 4px} .tabspace{padding: 0px 3px 0px 2px} .header div.links{padding:0px;} .header div.links, .header div.links a {font-family:arial, helvetica, sans-serif; font-size:12px; color:#336699} .header div.logoGASmall {padding-top: 0px;padding-bottom: 10px; padding-right: 2px} .tabs {text-align:left; width:1002px; margin:auto;border-left:0px solid #F7F7FF;} .footerBig{margin-bottom:10px;margin-top:10px;text-align:center;} a.footerBig:link {font-size:12px;color: #6699CC; text-decoration: none} a.footerBig:visited {font-size:12px;color: #6699CC; text-decoration: none} a.footerBig:active {font-size:12px;color: #6699CC; text-decoration: none} a.footerBig:hover {font-size:12px;color: #6699CC; text-decoration: underline} a.footerSmall:link {font-size:10px;color: #6699CC; text-decoration: none} a.footerSmall:visited {font-size:10px;color: #6699CC; text-decoration: none} a.footerSmall:active {font-size:10px;color: #6699CC; text-decoration: none} a.footerSmall:hover {font-size:10px;color: #6699CC; text-decoration: underline} .browseSummaryTitle{color: #FF3300; font-weight: bold;text-decoration: none } a.browseSummaryTitle:link {color: #FF3300; font-weight: bold;text-decoration: none } a.browseSummaryTitle:visited {color: #FF3300; font-weight: bold;text-decoration: none } a.browseSummaryTitle:active {color: #FF3300; font-weight: bold;text-decoration: none } a.browseSummaryTitle:hover {color: #FF3300; font-weight: bold;text-decoration: none } a.sendSummary:link {font-size:11px; text-decoration: none} a.sendSummary:visited {font-size:11px; text-decoration: none} a.sendSummary:active {font-size:11px; text-decoration: none} a.sendSummary:hover {font-size:11px; text-decoration: underline} hr.contentBoxRule { border: 0; width: 100%; height: 2px; color: #d9e7f4; background-color: #d9e7f4; margin: 10px 0px 5px 0px; } /***************Common (Old) Styles**************************/ a:link { COLOR: #1961F6; TEXT-DECORATION: underline} a:visited { COLOR: #1961F6; TEXT-DECORATION: underline} a:active { COLOR: #1961F6; TEXT-DECORATION: underline} a:hover {COLOR: #1961F6; TEXT-DECORATION: underline} a.underline:link { COLOR: #1961F6; TEXT-DECORATION: underline} a.underline:visited { COLOR: #1961F6; TEXT-DECORATION: underline} a.underline:active { COLOR: #1961F6; TEXT-DECORATION: underline} a.underline:hover {COLOR: #1961F6; TEXT-DECORATION: underline} a.simple { text-decoration: none; } a.simple:active, a.simple:hover { text-decoration: underline; } td {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal} p {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal} LI {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal} LI.SMALL {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; } LI.MEDIUM {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; } LI.BIG {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; } ul.abc { list-style-type: lower-alpha; } .MAINTITLE{font-family:arial, helvetica, sans-serif; font-size:24px; color:#FF6600; font-weight: bold; letter-spacing: 0; padding:18px 0px 12px 0px; } .TITLE{background-color: #006699; color:#FFFFFF; font-weight:bold; font-size: 12px; font-family: Verdana, Arial, Geneva, Helvetica;} .BACKGROUND{background-color: #D9E2E9; color:#003366; font-size: 12px; font-family: Verdana, Arial, Geneva, Helvetica;} .TEXTBOLD{font-weight:bold;} /*should be removed later. Still used on internal and statistics pages*/ .KCBG {background-color : #F2F3F5;} .TEXTBOXBORDER {background-color:#000000;} .TEXTBOXTITLE {background-color:#D9E2E9;font-family:Arial, Helvetica, sans-serif; FONT-SIZE:11px; FONT-WEIGHT:bold;} .TEXTBOXTITLEBG {background-color:#D9E2E9;} .TEXTBOXBG {background-color:#F2F3F5;} /*end should be removed*/ .abstractInfo { border-top: #E6E6E6 solid 1px; border-bottom: #E6E6E6 solid 1px; border-left: #E6E6E6 solid 1px; border-right: #E6E6E6 solid 1px; background: #FFFCF0; font-family: verdana,courier, arial, helvetica, sans-serif; font-size: 12px; } .formular { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6699CC; } .submit{font-family: arial, helvetica, sans-serif; font-size:12px; color:#0C2862;border: 1px solid #0C2862;} .formular2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6699CC; } .tableBox { border-top: #99ADC2 solid 1px; border-bottom: #99ADC2 solid 1px; border-left: #99ADC2 solid 1px; border-right: #99ADC2 solid 1px; background: #F6F8FA; } /*-------------------------------------- STYLES FOR COMPETENCY TOOL ----------------------------------------*/ .pageTitle{color:#CC6600; font-weight:bold; font-size: 22px; font-family: Verdana, Arial, Geneva, Helvetica;padding-bottom:15px;padding-top:11px} .competencySubTitle{color:#000000; font-weight:bold; font-size: 12px; font-family: Verdana, Arial, Geneva, Helvetica;padding-bottom:6px;padding-top:6px;} .tableBoxTitle { border-top: #99ADC2 solid 5px; border-bottom: #99ADC2 solid 1px; border-left: #99ADC2 solid 0px; border-right: #99ADC2 solid 0px; background: #FFFFFF; } .competencyCell{ border-bottom: #D9DFE5 solid 1px; } /* END STYLES FOR COMPETENCY TOOL*/ /* titles */ h1, h2, h3, .mainTitle { font-family: Arial, Helvetiva, sans-serif; font-weight: bold; } h1, .mainTitle { font-size: 24px; color: #FF6600; letter-spacing: 0; margin: 12px 0px 10px 0px; } .mainTitle { padding: 18px 0px 12px 0px; } h2, h3 { color: #1E5388; font-weight: bold; padding: 0px 0px 0px 0px; margin: 6px 0px 8px 0px; } h2 { font-size: 16px; } h3 { font-size: 12px; } .applicationTitle{color:#006699; font-weight:bold; font-size: 14px; font-family: Arial, Geneva, Helvetica;text-align:center} .subTitle{color:#1E5388; font-weight:bold; font-size: 16px; font-family: Arial, Geneva, Helvetica;padding-bottom:10px;padding-top:8px;} .textBig{font-size: 13px;} .textBigBold{font-size: 13px;font-weight:bold;} .textSmall{font-size: 10px;} .textSmallBold{font-size: 10px;font-weight:bold;} .textMedium{font-size: 12px;} .textMediumBold{font-size: 12px;font-weight:bold;} .bannerMiddleBG{background-color:#E3EBF5;} .bannerShadowBG{background-color:#F0F5FB;} .bannerBoxBG{background-color:#FFFFFF;} .bannerRightBG{background-color:#F0F5FB;} .titleLine{background-color:#D9E7F4} .underline{text-decoration: underline} .textBlue{color:#336699} .textBold{font-weight:bold;} .imageleft{float:left;margin-right:1em;} .imageright{float:right;margin-left:1em;} .buttonGo{ height: 19px; width:32px; border: 0; margin:0px; padding:0; text-indent: 5px; vertical-align:top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:19px; background-image:url(/www/images/web/buttonGo.gif); background-repeat: no-repeat; background-position: center center; background-color: #F0F5FB; } .textForm{ width:135px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6699CC; } /*------------------------------------------ START Styles for new tabs ------------------------------------------*/ table.tab {line-height:20px;border:0;padding:0; margin:0;border-collapse:collapse; } .tab td { text-align:center; vertical-align:bottom; background-image: url(/www/images/web/TabActiveLeftWeb2.gif); background-repeat: no-repeat; background-position: left top; margin:0; padding:0px 2px 0px 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; border-bottom: 1px solid #8AA7E2; } .tab div { background-image:url(/www/images/web/TabActiveRightWeb2.gif); background-repeat: no-repeat; background-position: right top; padding:3px 18px 5px 0px; } .tab a:link {text-decoration:none;color:#336699;} .tab a:active {text-decoration:none;color:#336699;} .tab a:visited {text-decoration:none;color:#336699;} .tab a:hover {text-decoration:none;color:#336699;} .tab td.currentTab { background-image:url(/www/images/web/TabInActiveLeftWeb2.gif); border-bottom: 1px solid #BDD3EB; } .tab .currentTab div { padding:3px 18px 5px 0px; background-image:url(/www/images/web/TabInActiveRightWeb2.gif); } td.searchTab{ text-align:center; vertical-align:bottom; background-image:url(/www/images/web/searchbar.gif); background-repeat: no-repeat; background-position: right bottom; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; border-bottom: 1px solid #8AA7E2; width:100%; text-align:right; padding-right: 5px;padding-bottom:2px; } td.nosearchTab{ text-align:center; vertical-align:bottom; background-repeat: no-repeat; background-position: right bottom; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; border-bottom: 1px solid #8AA7E2; width:100%; text-align:right; padding-right: 5px;padding-bottom:2px; } input.searchTab{ border-color:#6699CC; border-left-style: solid; border-right-style: inset; border-bottom-style: inset; border-top-style: solid; border-width:2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:145px; text-indent: 5px; vertical-align:middle; /*border: 0; height: 22px; margin:0px; padding:0; text-indent: 5px; vertical-align:top; line-height:26px; background-image:url(/www/images/searchField.gif); background-repeat: no-repeat; background-position: center center; background-color: transparent; background-attachment:fixed !important padding:0px;*//*padding is a firefox hack. Don't remove! Else, the image will not be displayed. Works with IE6 and Firefox, but not IE7*/ /*background-attachment:fixed;*//*only works in IE6*/ } textarea.operatingAgreement { width: 550px; height: 150px; font-family: arial, helvetica, sans-serif; font-size: 8pt; border: 1px solid black; } form.noMargin{ margin: 0px; } .searchTab .searchButton{ border: 0; margin:0; padding:0; vertical-align:middle; background-color: transparent; } .searchTab a:link{font-size: 9px;text-decoration:none; color:#1A4B7C;} .searchTab a:visited{font-size: 9px;text-decoration:none; color:#1A4B7C;} .searchTab a:active{font-size: 9px;text-decoration:none; color:#1A4B7C;} .searchTab a:hover{font-size: 9px;text-decoration:none; color:#1A4B7C;} .tab .currentTab a:link{text-decoration:none; color:#336699;} .tab .currentTab a:visited{text-decoration:none; color:#336699;} .tab .currentTab a:active{text-decoration:none; color:#336699;} .tab .currentTab a:hover{text-decoration:none;color:#336699;} .subTabs { text-align:left; width:1000px; border-left:1px solid #6A9CCE; border-right:1px solid #6A9CCE; border-bottom:0px; border-top:0px solid #D9E7F4; background-image:url(/www/images/web/subTabInActive.gif); background-repeat: repeat-x; line-height: 24px; } .subTab{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#006699; text-decoration:none; border:0; } .subTab a{padding-left: 10px;padding-right: 10px;} .subTab a:link {text-decoration:none;color:#336699;} .subTab a:visited {text-decoration:none;color:#336699;} .subTab a:active {text-decoration:none;color:#336699;} .subTab a:hover {text-decoration:underline;color:#336699;} .subTab a.with_img {padding-left: 3px; padding-right: 10px;} .subTab a.img {padding-left: 5px; padding-right: 0px;} .subTab a.img img {vertical-align: -3px;} .subTab .currentSubTab {background-image:url(/www/images/web/subTabActive.gif);} /*END Styles for new tabs*/ /*-------------------------------------------------------- BALLOON STYLES for hover over balloons --------------------------------------------------------*/ .balloonstyle{ position:absolute; top: -500px; left: 0; text-align:left; padding: 6px 0px 0px 0px; visibility: hidden; /*border:1px solid black;*/ font:normal 11px arial, helvetica, sans-serif; line-height: 15px; z-index: 999; /*background-color: white;*/ width: 292px; height: 258px; background: transparent url(/www/images/web/box_round_pop_up_V6.gif) no-repeat top left; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5); } .balloonText{font-size: 11px;} .balloonTitle{background-color: #B0CAE4;padding: 0px 10px 10px 10px;text-align: center;font-size: 12px;font-weight: bold;} #arrowhead{ z-index: 99; position:absolute; top: -500px; left: 0; visibility: hidden; } /*-------------------------------------------------------- SIDE BAR MENU STYLES --------------------------------------------------------*/ /* [Rounded Corner Styles] */ .imrcmain0 .imrcolor { background-color: #ffffff; } .imrcmain0 .imrbcolor{ border-color: #ffffff; } .imrcmain0 .imtopspace{ height: 0px; } /* [Rounded Corner Styles] */ .imrcmainFeeds .imrcolor { background-color: #ffffff; } .imrcmainFeeds .imrbcolor{ border-color: #ffffff; } .imrcmainFeeds .imtopspace{ height: 0px; } /* --[[ Sub Container ]]-- */ .imenus li ul { background-color: #ffffff; border-style: solid; border-color: #6A9CCE; border-width: 0px 1px; padding: 5px 7px; } /* [Rounded Corner Styles] */ .imenus .imrcolor { background-color: #6699CC; } .imenus .imrbcolor { border-color: #6699CC; } .imenus .imtopspace { height: 6px; } /* --[[ Main Items ]]-- */ .imenus li a,.imenus li a:visited, .imenus a.selected, .imenus .imctitle { color: #336699; text-align: left; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; border-style: none; border-color: #000000; border-width: 0px; padding: 1px 5px 1px 0px; } .imenus a.selected, .imenus a.selected:visited {font-weight: bold;color: #FF6600;} .imenus li.selected {background-color: #f0f5fb;} /* [hover] - These settings must be duplicated for IE compatibility.*/ .imenus li:hover>a { background-color: #f0f5fb; color: #000000; border-style: none; } .imenus li a.ihover,.imde .imenus a:hover { background-color: #f0f5fb; color: #336699; border-style: none; text-decoration: none; } /* [active] */ .imenus li a.iactive { } /* --[[ Sub Items ]]-- */ .imenus ul a,.imenus .imsubc li .imctitle { color: #336699; text-align: left; font-size: 11px; font-weight: normal; text-decoration: none; border-style: none; border-color: #000000; border-width: 1px; padding: 1px 5px 1px 0px; } /* [hover] - These settings must be duplicated for IE comptatibility.*/ .imenus ul li:hover>a { background-color: transparent; color: #FF6600; } .imenus ul li a.ihover { background-color: transparent; color: #FF6600; } /* [active] */ .imenus ul li a.iactive { background-color: #ffffff; } /* -------------------------------------------------- LISTS OF ELEMENTS FOR XML ICONS ---------------------------------------------------- */ .xml { background-image: url(/www/images/icon_xml_chicklet.gif); background-repeat: no-repeat; padding: 2px 0 2px 32px; } .rss { background-image: url(/www/images/RSS_symbol.gif); background-repeat: no-repeat; padding: 2px 0 2px 18px; } .pod { /*background-image: url(/www/images/icon_pod_chicklet.gif); */ background-image: url(/www/images/podcastIconSmall.gif); background-repeat: no-repeat; padding: 2px 0 2px 70px; } .podITunes { background-image: url(/www/images/podcastIconITunes.gif); background-repeat: no-repeat; padding: 2px 0 2px 80px; } /*-------------------------------------------------------- STYLES for AJAX Knowledge Packs --------------------------------------------------------*/ .kpack { font-weight: bold;padding-left: 10px;padding-right: 10px;background-image:url(/www/images/web/subTabInActive.gif);} .kpack a:link {text-decoration:none;color:#336699;} .kpack a:visited {text-decoration:none;color:#336699;} .kpack a:active {text-decoration:none;color:#336699;} .kpack a:hover {text-decoration:none;color:#FF3300;} .kpackSelected {padding-left: 10px;padding-right: 10px;background-image:url(/www/images/web/subTabActive.gif); font-weight: bold;} .kpackSelected a:link {text-decoration:none;color:#FF3300;} .kpackSelected a:visited {text-decoration:none;color:#FF3300;} .kpackSelected a:active {text-decoration:none;color:#FF3300;} .kpackSelected a:hover {text-decoration:none;color:#FF3300;} .kpackSub {padding-left: 10px;padding-right: 10px;background-image:url(/www/images/web/subTabActive.gif);} .kpackSub a:link {text-decoration:none;color:#336699;} .kpackSub a:visited {text-decoration:none;color:#336699;} .kpackSub a:hover {text-decoration:none;color:#FF3300;} .kpackSub a:active {text-decoration:none;color:#FF3300;} .kpackSubSelected {padding-left: 10px;padding-right: 10px;background-image:url(/www/images/web/subTabActive.gif);} .kpackSubSelected a:link {text-decoration:none;color:#FF3300;} .kpackSubSelected a:visited {text-decoration:none;color:#FF3300;} .kpackSubSelected a:hover {text-decoration:none;color:#FF3300;} .kpackSubSelected a:active {text-decoration:none;color:#FF3300;} /*---------------------------------------------- STYLES for VirtualBookClubs ------------------------------------------------*/ .leftAlignPopup {text-align: left;} ul.bookInfoWhatYouLearn {margin-left: 10px; padding-left: 10px;} h2 span.minor {font-size: 60%;} input.bookUrl {border: 0px none; background: transparent; font-size: 9pt;} textarea.vbcInput, input.vbcInput {border: 1px solid #D9E7F4; font-family: Arial, sans-serif; font-size: 9pt; padding: 0.5em;} textarea.vbcInputSmall, input.vbcInputSmall {border: 1px solid #D9E7F4; font-family: Arial, sans-serif; font-size: 9pt;} input.vbcDateField {border: 1px solid #D9E7F4; font-family: Arial, sans-serif; font-size: 9pt; vertical-align: 20%;} img#vbcImage {float: right; margin: -15px -13px 0.5em 0.5em;} span.discExpired {font-size: 8pt; font-weight: normal; color: red;} span.discNotExpired {font-size: 8pt; font-weight: normal; color: #0C2862;} a.signInLink {display: none; text-decoration: none;} div#loginbox {border: 4px solid #D9E7F4; padding: 0.5em; display: block; margin-top: 0em; margin-bottom: 0.6em; position: relative; background-color: white; left: 10px; width: 230px;} .vbcSmallText {font-size:8pt;} td.commentCell {border-top: 1px solid #D9E7F4;} td.commentUsername {padding: 0.5em; width: 400px;} td.commentDate {padding: 0.5em; width: 200px; text-align: right; color: gray; font-size: 8pt;} td.commentText {padding: 0em 0.5em 0.5em 1em;} td.vbcBookInfo {padding-left: 1em;} .verticalMiddle {vertical-align: middle;} ul.vbcTakeaways {padding-left: 0.5em; margin-left: 0.7em; margin-top: 0px; padding-top: 0px;} /*---------------------------------------------- Images buttons on overview pages ------------------------------------------------*/ td.browseButton {width: 84px;height: 97px;} a.featured_en, a.featured_ge, a.recommended_en, a.recommended_ge, a.newest_en, a.newest_ge, a.downloads_en, a.downloads_ge, a.soon_en, a.soon_ge, a.categories_en, a.categories_ge, a.favorites_en, a.favorites_ge, a.downloaded_en, a.downloaded_ge, a.received_en, a.received_ge { border:0px; width: 84px; height: 97px; text-decoration: none; display:block; float:right; } td.featured_en, a.featured_en, a.featured_en:link{background-image:url(/www/images/web/en/buttonFeaturedInActive.gif);background-repeat: no-repeat;} a.featured_en:hover {background-image:url(/www/images/web/en/buttonFeaturedActive.gif);} td.featured_ge, a.featured_ge, a.featured_ge a:link {background-image:url(/www/images/web/ge/buttonFeaturedInActive.gif);background-repeat: no-repeat;} a.featured_ge:hover{background-image:url(/www/images/web/ge/buttonFeaturedActive.gif);} .highlighted a.featured_en {background-image:url(/www/images/web/en/buttonFeaturedActive.gif);} .highlighted a.featured_ge {background-image:url(/www/images/web/ge/buttonFeaturedActive.gif);} td.recommended_en, a.recommended_en, a.recommended_en:link {background-image:url(/www/images/web/en/buttonRecommendationsInActive.gif);background-repeat: no-repeat;} a.recommended_en:hover{background-image:url(/www/images/web/en/buttonRecommendationsActive.gif);} td.recommended_ge, a.recommended_ge, a.recommended_ge a:link {background-image:url(/www/images/web/ge/buttonRecommendationsInActive.gif);background-repeat: no-repeat;} a.recommended_ge:hover{background-image:url(/www/images/web/ge/buttonRecommendationsActive.gif);} .highlighted a.recommended_en {background-image:url(/www/images/web/en/buttonRecommendationsActive.gif);} .highlighted a.recommended_ge {background-image:url(/www/images/web/ge/buttonRecommendationsActive.gif);} td.newest_en, a.newest_en, a.newest_en:link {background-image:url(/www/images/web/en/buttonNewestInActive.gif);background-repeat: no-repeat;} a.newest_en:hover{background-image:url(/www/images/web/en/buttonNewestActive.gif);} td.newest_ge, a.newest_ge, a.newest_ge a:link {background-image:url(/www/images/web/ge/buttonNewestInActive.gif);background-repeat: no-repeat;} a.newest_ge:hover{background-image:url(/www/images/web/ge/buttonNewestActive.gif);} .highlighted a.newest_en {background-image:url(/www/images/web/en/buttonNewestActive.gif);} .highlighted a.newest_ge {background-image:url(/www/images/web/ge/buttonNewestActive.gif);} td.downloads_en, a.downloads_en, a.downloads_en:link {background-image:url(/www/images/web/en/buttonTopdownloadsInActive.gif);background-repeat: no-repeat;} a.downloads_en:hover{background-image:url(/www/images/web/en/buttonTopdownloadsActive.gif);} td.downloads_ge, a.downloads_ge, a.downloads_ge a:link {background-image:url(/www/images/web/ge/buttonTopdownloadsInActive.gif);background-repeat: no-repeat;} a.downloads_ge:hover{background-image:url(/www/images/web/ge/buttonTopdownloadsActive.gif);} .highlighted a.downloads_en {background-image:url(/www/images/web/en/buttonTopdownloadsActive.gif);} .highlighted a.downloads_ge {background-image:url(/www/images/web/ge/buttonTopdownloadsActive.gif);} td.soon_en, a.soon_en, a.soon_en:link {background-image:url(/www/images/web/en/buttonComingSoonInActive.gif);background-repeat: no-repeat;} a.soon_en:hover{background-image:url(/www/images/web/en/buttonComingSoonActive.gif);} td.soon_ge, a.soon_ge, a.soon_ge a:link {background-image:url(/www/images/web/ge/buttonComingSoonInActive.gif);background-repeat: no-repeat;} a.soon_ge:hover{background-image:url(/www/images/web/ge/buttonComingSoonActive.gif);} .highlighted a.soon_en {background-image:url(/www/images/web/en/buttonComingSoonActive.gif);} .highlighted a.soon_ge {background-image:url(/www/images/web/ge/buttonComingSoonActive.gif);} td.categories_en, a.categories_en, a.categories_en:link {background-image:url(/www/images/web/en/buttonCategoriesInActive.gif);background-repeat: no-repeat;} a.categories_en:hover{background-image:url(/www/images/web/en/buttonCategoriesActive.gif);} td.categories_ge, a.categories_ge, a.categories_ge a:link {background-image:url(/www/images/web/ge/buttonCategoriesInActive.gif);background-repeat: no-repeat;} a.categories_ge:hover{background-image:url(/www/images/web/ge/buttonCategoriesActive.gif);} .highlighted a.categories_en {background-image:url(/www/images/web/en/buttonCategoriesActive.gif);} .highlighted a.categories_ge {background-image:url(/www/images/web/ge/buttonCategoriesActive.gif);} td.favorites_en, a.favorites_en, a.favorites_en:link {background-image:url(/www/images/web/en/buttonFavoritesInactive.gif);background-repeat: no-repeat;} a.favorites_en:hover{background-image:url(/www/images/web/en/buttonFavoritesActive.gif);} td.favorites_ge, a.favorites_ge, a.favorites_ge:link {background-image:url(/www/images/web/ge/buttonFavoritesInactive.gif);background-repeat: no-repeat;} a.favorites_ge:hover{background-image:url(/www/images/web/ge/buttonFavoritesActive.gif);} .highlighted a.favorites_en {background-image:url(/www/images/web/en/buttonFavoritesActive.gif);} .highlighted a.favorites_ge {background-image:url(/www/images/web/ge/buttonFavoritesActive.gif);} td.downloaded_en, a.downloaded_en, a.downloaded_en:link {background-image:url(/www/images/web/en/buttonDownloadedInactive.gif);background-repeat: no-repeat;} a.downloaded_en:hover{background-image:url(/www/images/web/en/buttonDownloadedActive.gif);} td.downloaded_ge, a.downloaded_ge, a.downloaded_ge:link {background-image:url(/www/images/web/ge/buttonDownloadedInactive.gif);background-repeat: no-repeat;} a.downloaded_ge:hover{background-image:url(/www/images/web/ge/buttonDownloadedActive.gif);} .highlighted a.downloaded_en {background-image:url(/www/images/web/en/buttonDownloadedActive.gif);} .highlighted a.downloaded_ge {background-image:url(/www/images/web/ge/buttonDownloadedActive.gif);} td.received_en, a.received_en, a.received_en:link {background-image:url(/www/images/web/en/buttonReceivedInactive.gif);background-repeat: no-repeat;} a.received_en:hover{background-image:url(/www/images/web/en/buttonReceivedActive.gif);} td.received_ge, a.received_ge, a.received_ge:link {background-image:url(/www/images/web/ge/buttonReceivedInactive.gif);background-repeat: no-repeat;} a.received_ge:hover{background-image:url(/www/images/web/ge/buttonReceivedActive.gif);} .highlighted a.received_en {background-image:url(/www/images/web/en/buttonReceivedActive.gif);} .highlighted a.received_ge {background-image:url(/www/images/web/ge/buttonReceivedActive.gif);} div.partnership {text-align: center; width: 100%; margin: 5px 0px 5px -5px;} td.downloadButton {width: 125px; text-align: center;} /* intensive pack */ #intensivePack { width: 960px; } #intensivePack h3 { margin: 0px 0px 0px 0px; } #intensivePack p.sideBarLink { margin: 4px 0px 4px 0px; } #intensivePack .button { width: 100%; text-align: center; margin: 5px 0px 15px 0px; } #intensivePack .contentLeft { width: 355px; float: left; padding: 0px 5px 0px 0px; } #intensivePack .contentRight { float: right; } /* New Content Boxes */ div.contentBoxOuter555 { background: #F0F5FB url('/www/images/web/contentBox2top560.gif') no-repeat left top; width: 555px !important; margin: 0 10px 10px 15px; padding: 0; position: relative; clear: both; overflow: hidden; /* Forces a new Box Formatting Context */ } div.contentBoxInner555 { padding: 13px 18px; margin: 0; background: url('/www/images/web/contentBox2bottom560.gif') no-repeat left bottom; } div.contentBoxWhiteOuter956 { background: white url('/www/images/web/contentBox2whitetop956.gif') no-repeat left top; width: 956px !important; margin: 0 0 10px 3px; padding: 0; position: relative; clear: both; overflow: hidden; /* Forces a new Box Formatting Context */ } div.contentBoxWhiteInner956 { padding: 13px 18px; margin: 0; background: url('/www/images/web/contentBox2whitebottom956.gif') no-repeat left bottom; } div.leftcolbox h2 { margin-top: 0px; } #welcomePage div.title { float: left; padding-top: 20px; width: 720px; } #welcomePage h1.partOne { font-weight: normal; color: #336699; } #welcomePage h1.partTwo { color: #FF6600; padding-left: 100px; } #welcomePage h1.simpleTitle { color: #FF6600; margin: 10px 0px 20px 0px; } #welcomePage .subtitle { float: left; font-size: 95%; font-weight: normal; padding-left: 25px; } #welcomePage .subtitle ul, #welcomePage .subtitle p { padding: 0px 0px 0px 0px; margin: 15px 0px 15px 30px; } #welcomePage .subscribeButton { float: left; padding: 0px 0px 0px 0px; margin: 30px 0px 10px 0px; } #welcomePage .subContentBox { height: 100%; /* hack for internet explorer */ } #welcomePage .welcomeAbstractItem { float: left; padding: 10px 45px 10px 45px; width: 70px; } #welcomePage .subscribe { padding-top: 5px; } #welcomePage .introduction, #welcomePage .introduction li, #welcomePage .subtitle li { font-size: 95%; } #welcomePage .silver, .gold { font-weight: bold; } #welcomePage .gold { color: #D4AF37; } #welcomePage .silver { color: #C9C0BB; } #freeSummaries div.cover { float: left; width: 49%; text-align: center; } #freeSummaries div.download { clear: both; width: 100%; text-align: center; padding-top: 10px; } #welcomePage #newsletter .textbox { font-size: 7.5pt; color: #336699; border: 1px solid #6a9cce; width: 144px; } #welcomePage #newsletter p, #welcomePage #newsletter div { font-size: 8pt; margin: 5px 0px 5px 0px; } #welcomePage #newsletter .register { width: 144px; color: #336699; font-size: 8pt; border: 0px; padding: 0px; background-color: white; cursor: pointer; } #welcomePage #newsletter .register:hover, #welcomePage #newsletter .register:active { background-color: #f0f5fb; text-decoration: underline; /* Safari, Chrome, IE7 */ } /* new subscription page */ div.productThumbnail, div.productDescription, div.productContinueButton { padding: 5px 5px 5px 5px; } div.productGroup { clear: both; padding-top: 5px; } .productList:after, .productGroup:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } h1.wantmore { clear: both; } div.productThumbnail { float: left; width: auto; } div.productDescription { float: left; width: 320px; } div.productOption { clear: right; float: right; width: 290px; padding-top: 5px; padding-left: 5px; } div.productRadioButton { width: 20px; float: left; } div.productOptionDetail { width: 180px; float: left; } div.productContinueButton { float: left; text-align: left; } hr.productHr { margin-top: 10px; clear: both; width: 100%; border: thin solid #0c2862; } #bookstack { padding: 5px 0px 10px 5px; } #productPic { float: left; } /* blog */ div.blog { width: 100%; height: 1000px; } iframe.blog { width: 100%; height: 100%; border: none; } /* free downloads page */ #freeDownloadsForm { padding-left: 5px; } #freeDownloadsForm div { height: 1%; /* hack for internet explorer */ } #freeDownloadsForm div.caption { clear: left; float: left; width: 280px; font-weight: bold; } #freeDownloadsForm div.input { float: left; width: 80px; } #freeDownloadsForm div.clear { clear: both; } /* admin tool overview page */ div#adminTool { font-family: Verdana, sans-serif; text-align: left; width: 100%; } div#adminTool h1 { font-family: Verdana, sans-serif; margin-top: 30px; font-size: 18pt; color: #336699; } div#adminTool a { color: blue; } div#adminTool a:visited { color: #551a8b; } table.adminTool { width: 100%; margin-bottom: 20px; } table.adminTool td.title { background-color: #003399; color: white; font-weight: bold; } table.adminTool tr td { font-family: Verdana, sans-serif; font-size: 10pt; width: 50%; } /* Reseller portal */ div.rspBox { padding: 0 1em 1em 1em; border: 1px solid #D9E7F4; margin: 0em 1em 2em 1em; } div.rspBox > h2 { position:relative; top: -0.6em; background-color: #F0F5FB; display: inline; padding: 0 0.2em; margin-left: -0.3em; } div#rspWebinarBox { float: right; width: 44%; } div#rspNewsBox { margin-right: 50%; } div#rspDocuBox { margin-right: 50%; } div#rspPriceCalcBox { clear: both; } div.rspPriceModelDetails { width: 45%; margin-left: 49%; display: none; height: 180px; } .rspDefaultField { width: 250px; } select.rspDefaultField { width: 254px; } div#rspPriceCalcMainFields { width: 45%; float: left; } a.rspBigLink { font-size: 11pt; font-weight: bold; text-decoration: none; } div.rspPriceModelDetails table { width: 100%; height: 100%; } div.rspPriceModelDetails table td { vertical-align: top; } div.rspPriceModelDetails table td.button { vertical-align: bottom; text-align: right; } #affiliateRegistration .inputField { width: 300px; font-family: sans-serif; font-size: 10pt; } #affiliateRegistration select { width: 100%; } #affiliateRegistration .button { margin: 0px 5px 10px 0px; } #renewalStatisticsResultTable { margin-top: 20px; border-collapse: collapse; } #renewalStatisticsResultTable th { text-align: center; } #renewalStatisticsResultTable td, #renewalStatisticsResultTable th { font-size: 8pt; padding: 3px; } tr.darkRow td, tr.darkRow th { background-color: #d9e7f4; } /* Hacking ugly dojox.form.DropDownSelect */ .soria .dojoxDropDownSelectFixedWidth td.dijitStretch {text-align: left; width: 15em; line-height: 12px; background:#FFFFFF url(/www/js/dojoToolkit/dijit/themes/soria/images/validationInputBg.png) repeat-x scroll left top;} .soria .dojoxDropDownSelectFixedWidth td.dijitDownArrowButton {line-height: 12px;} .sideBar_body img.mediaPartnerLogo { margin: 7px 5px 0 0; } /* gA Tooltip design - used for cover hover over info box */ .soria .dojogaTooltipContainer { text-align: left; max-width: 290px; width: 290px; border: 0; background-color: transparent; color: #1E5388; padding: 0px; } .soria .dojogaTooltipContainer ul { margin: 2px; padding-left: 1em; } .soria .dojogaTooltipContainer hr { background-color: #c5cacf; color: #c5cacf; border: 0; height: 1px; } .soria .dijitTooltipAbove .dojogaTooltipConnector, .dj_ie6 .soria .dijitTooltipAbove .dojogaTooltipConnector { background-image: url(/www/images/web/tooltipConnectorDown.png); } .soria .dijitTooltipBelow .dojogaTooltipConnector, .dj_ie6 .soria .dijitTooltipBelow .dojogaTooltipConnector { background-image: url(/www/images/web/tooltipConnectorUp.png); } .soria .dijitTooltipLeft .dojogaTooltipConnector, .dj_ie6 .soria .dijitTooltipLeft .dojogaTooltipConnector { background-image: url(/www/images/web/tooltipConnectorRight.png); } .soria .dijitTooltipRight .dojogaTooltipConnector, .dj_ie6 .soria .dijitTooltipRight .dojogaTooltipConnector { background-image: url(/www/images/web/tooltipConnectorLeft.png); } .soria .dojogaTooltipContainer .bt, .soria .dojogaTooltipContainer .bb { height: 12px; margin: 0 0 0 12px; } .soria .dojogaTooltipContainer .bt { background: transparent url(/www/images/web/box.gif) no-repeat scroll 100% 0; } .soria .dojogaTooltipContainer .bb { background: transparent url(/www/images/web/box.gif) no-repeat scroll 100% 100%; } .soria .dojogaTooltipContainer .bt div, .soria .dojogaTooltipContainer .bb div { height: 12px; left: -12px; line-height: 0; position: relative; width: 12px; } .soria .dojogaTooltipContainer .bt div { background: transparent url(/www/images/web/box.gif) no-repeat scroll 0 0; } .soria .dojogaTooltipContainer .bb div { background: transparent url(/www/images/web/box.gif) no-repeat scroll 0 100%; } .soria .dojogaTooltipContainer .i1 { background: transparent url(/www/images/web/borders.gif) repeat-y scroll 0 0; padding: 0 0 0 7px; } .soria .dojogaTooltipContainer .i2 { background: transparent url(/www/images/web/borders.gif) repeat-y scroll 100% 0; padding: 0 7px 0 0; } .soria .dojogaTooltipContainer .i3 { display: block; margin: 0; background-color: #FFFFFF; padding: 1px 10px; } table.productGrid, table.productGrid2 { border-collapse: collapse; width: 710px; margin-left: 20px; margin-bottom: 1em; } .contentBox_body table.productGrid, .contentBox_body table.productGrid2 { margin: 0; } table.productGrid .columnTitle, table.productGrid .columnBottom { font-size: 18px; color: #FF6600; font-weight: bold; text-align: center; line-height: 2em; vertical-align: middle; width: 190px; } table.productGrid .benefitsTitle, table.productGrid .benefitsBottom { font-size: 18px; color: #FF6600; font-weight: bold; text-align: left; line-height: 2em; width: auto; } table.productGrid .benefitsTitle, table.productGrid .columnTitle, table.productGrid2 .columnTitle { padding-bottom: 8px; border-bottom: 2px solid #D9E7F4; } table.productGrid .benefitsBottom, table.productGrid .columnBottom, table.productGrid2 .columnBottom { padding-top: 8px; } table.productGrid .columnTitle select, table.productGrid .columnBottom select { width: 180px; font-size: 11px; border: 1px solid #ADADAD; margin-bottom: 6px; } table.productGrid .columnTitle table.dojoxDropDownSelect, table.productGrid .columnBottom table.dojoxDropDownSelect { width: 180px; font-size: 11px; font-weight: normal; color: #0C2862; margin: 6px 0; } table.productGrid .columnTitle table.dojoxDropDownSelect td, table.productGrid .columnBottom table.dojoxDropDownSelect td { font-size: 11px; } table.productGrid .featureDescription { border-bottom: 2px solid #D9E7F4; } table.productGrid .featureDescription h3 { color: #1E5388; /*FF6600;*/ font-size: 14px; margin-bottom: 4px; } table.productGrid .featureDescription .moreLink { float: right; } table.productGrid .featureDescription .short { margin: 4px 0; } table.productGrid .featureDescription .long { margin: 8px 0; } table.productGrid .feature { font-size: 24px; color: #FF6600; font-weight: bold; width: 190px; text-align: center; border-bottom: 2px solid #D9E7F4; } table.productGrid .feature.nth, table.productGrid2 .feature.nth { border-left: 2px solid #D9E7F4; } table.productGrid .feature .unlimited { font-size: 18px; } table.productGrid .feature .note, table.productGrid2 .feature .note { color: #0C2862; font-size: 10px; font-weight: bold; } /* Adjustments for new productGrid with only two columns */ table.productGrid2 .columnTitle, table.productGrid2 .columnBottom { font-size: 18px; color: #FF6600; font-weight: bold; text-align: center; line-height: 2em; } table.productGrid2 td.columnTitle { color: #0C2862; font-size: 12px; font-weight: bold; vertical-align: top; } table.productGrid2 td.columnBottom { color: #0C2862; font-size: 12px; font-weight: bold; vertical-align: bottom; } table.productGrid2 td.feature { color: #0C2862; vertical-align: top; padding: 3px 15px; text-align: left; border-bottom: 2px solid #D9E7F4; } table.productGrid2 em { color: #FF6600; font-weight: bold; font-size: 14px; font-style: normal; } table.productGrid2 td.feature h3 { color: #0C2862; } table.productGrid2 td.feature .moreLink { margin-left: 1em; } /* styles for affiliate page */ #affiliateLandingPage #fourSteps { text-align: center; margin-bottom: 20px; } #affiliateLandingPage div.smallMargin { margin: 7px 0px 0px 0px; } #affiliateLandingPage .inputField, #affiliateLandingPage .inputFieldSmall { font-family: sans-serif; font-size: 10pt; } #affiliateLandingPage .inputField { width: 220px; } #affiliateLandingPage input.errorInputField { width: 220px; border: 2px solid red; } #affiliateLandingPage input.errorCheckbox { border: 2px solid red; } #affiliateLandingPage .inputFieldSmall { width: 75px; } #affiliateLandingPage select { width: 100%; } #affiliateLandingPage table.affiliateForm { /*border: 1px solid black;*/ } #affiliateLandingPage table.affiliateForm tr td { /*border: 1px solid red;*/ padding: 1px 3px; } #affiliateLandingPage table.affiliateForm tr td.caption { min-width: 120px; max-width: 120px; } #affiliateLandingPage .button { margin: 0px 5px 10px 0px; } #affiliateAgreement .title { text-align: center; } #affiliateAgreement .title h2 { font-size: 150%; } #affiliateAgreement .title h3 { font-size: 100%; } #affiliateAgreement h4 { font-weight: bold; padding: 0px 0px 0px 20px; margin: 0px; } #affiliateAgreement .term { text-align: justify; padding: 5px 20px 5px 40px; margin: 0px; } /* Styles for MsgBar */ .soria div.dojogaMsgBar { position: fixed; top: -100px; left: 0; width: 100%; padding: 6px; background-color: #FFFFE0; border: 1px solid #D1D1AF; margin: 0; text-align: left; z-index: 1000; } .soria div.dojogaMsgBar a.dismissButton { border: 0; position: absolute; top: 8px; right: 20px; } .soria div.dojogaMsgBar img.hint { border: 0; margin: 0 10px 0 6px; vertical-align: top; } /* Styles for a new default form style (use fieldset, legend, label and ol to build form) */ form.goodform fieldset { margin-bottom: 10px; border: none; } form.goodform legend { padding: 0 2px; font-weight: bold; color: #1E5388; font-size: 14px; } form.goodform fieldset ol { margin: 0; padding: 0; } form.goodform fieldset li { list-style: none; padding: 4px; margin: 0; } form.goodform em { font-weight: bold; font-style: normal; color: #f00; } form.goodform label { display: inline-block; vertical-align: middle; text-align: right; padding-right: 1em; width: 110px; /* Width of labels */ } form.goodform input, form.goodform select, form.goodform textarea { color: #666688; font-family: Arial, Verdana, sans-serif; font-size: 12px; padding: 2px 5px; } form.goodform input[type="text"], form.goodform textarea { width: 260px; } form.goodform select { padding: 0 0 0 1px; width: 272px; /* input text width + 12px */ border-right: 1px inset #CCCCCC; /* looks better in IE */ } form.goodform input[type="text"], form.goodform input[type="password"], form.goodform input[type="file"], form.goodform textarea, form.goodform select { border: 1px inset white; /* if the selector is supported, make nicer borders */ } form.goodform input[type="radio"], form.goodform input[type="checkbox"] { vertical-align: -3px; /* move the radio and checkboxes down a bit */ } form.goodform span label { text-align: left; /* these are more than one radio- or checkboxes in one row */ width: auto; } form.goodform .autowidth { width: auto; }