@import url(css/global.css); @import url(css/theme.css); div.pnlMainContent div.content-items { padding-left: 5px; } /* Have Question Form */ div.container.right.Have-A-Question h3.title { margin: 0; padding: 0 0 4px; line-height: 100%; } div.container.right.Have-A-Question h3.title b { display: none; } div.content-items { padding-left: 28px; } div.content-items *, table.form-container *, table.form div.Normal * { font-family: "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; } div.content-items p.success { padding: 9px 0 1em 35px; background: url(images/common/icon-generic-success.gif) no-repeat; font-size: 82%; } div.content-items p.success b { font-size: 150%; color: #000; } div.content-items p.form { font-size: 82%; color: #4f4f4f; line-height: 150%; padding: 0; } div.content-items div.success p.form { padding-left: 35px; } table.form label.SubHead { color: #4f4f4f; font-size: 75%; font-weight: normal; margin: 4px 3px 0 0; padding-right: 12px; display: block; background: url(images/common/blue-arrow.png) 100% 50% no-repeat; } table.form input.NormalTextBox, table.form textarea.NormalTextBox, table.form div.Normal input { margin: 0 0 3px; width: 170px; } table.form input.page-url { display: none; } table.form div.Normal { text-align: left; padding-left: 58px; } table.form div.Normal div { font-size: 75%; text-transform: uppercase; } table.form div.Normal div.NormalRed { color: #f10; font-size: 75%; } table.form span.normal { font-size: 75%; text-transform: uppercase; display: block; text-align: left; padding-left: 58px; } table.form input.link-button.submit-button { width: 78px; background-position: -90px 0%; margin: 0; padding: 0 0 1px; height: 22px; line-height: 100%; } table.form input.link-button.submit-button:hover { background-position: -90px -35px; } table.form input.link-button.submit-button:active { background-position: -90px -70px; } table.form span.field-error { float: left; color: #f10; font-size: 75%; margin-top: -17px; padding-bottom: 6px; padding-left: 15px; background: url(images/common/red-arrow-up.png) 0% 19px no-repeat;} /* Schedule Page */ div.container.main.Class-Schedule h2.title { } div.container.main.Class-Schedule h2.title b { display: none; } div.cfcc-class-instructions { position: absolute; font-size: 80%; line-height: normal; width: 433px; margin: -42px 0 0 170px; padding: 10px; color: #058dc5; } div.cfcc-class-schedule-sort { padding: 0 0 7px; margin: 0 0 7px; border-bottom: 1px dotted #cececa; } div.cfcc-class-schedule-sort select { font-size: 92%; } table.cfcc-class-schedule { width: 100%; border: 0px none; border-bottom: 1px dotted #cececa; margin-bottom: 15px; } tr.cfcc-class-schedule-header th { padding: 3px 4px 7px; font-size: 75%; text-transform: uppercase; background: #0098d7; text-align: left; color: #fff; } tr.cfcc-class-schedule-header th.class-time, tr.cfcc-class-schedule-header th.class-sessions, tr.cfcc-class-schedule-header th.class-price { text-align: center; } table.cfcc-class-schedule td { padding: 5px 4px 7px; border-right: 1px solid #ebebeb; font-size: 92%; border-bottom: 1px solid #ebebeb; cursor: default; } table.cfcc-class-schedule tr:hover td { background: #e8f8ff; border-bottom: 1px solid #0098d7; border-right: 1px solid #e8f8ff; } table.cfcc-class-schedule td.class-sessions, table.cfcc-class-schedule td.start-date { font-weight: bold; } table.cfcc-class-schedule td.class-sessions { text-align: center; } table.cfcc-class-schedule td.class-price, table.cfcc-class-schedule tr:hover td.class-price { text-align: right; border-right: 0px none; } div.Class-Schedule input.link-button.register-button { width: 110px; background-position: -210px 0%; margin: 0; padding: 0 0 1px; height: 22px; line-height: 100%; } div.Class-Schedule input.link-button.register-button:hover { background-position: -210px -35px; } div.Class-Schedule input.link-button.register-button:active { background-position: -210px -70px; } div.pnlMainContent div.cfcc-class-instructions p { line-height: 150%; } /* Table Rows for Class Descriptions */ tr.hide-class-info { display: none; } table.cfcc-class-schedule tr.active-class-row td, table.cfcc-class-schedule tr.active-class-row:hover td { background: #e8f8ff; border: 0px none; border-top: 1px solid #5a5a5e; } table.cfcc-class-schedule tr.active-class-row td a, table.cfcc-class-schedule tr.active-class-row:hover td a { color: #000; font-weight: bold; text-decoration: none; } table.cfcc-class-schedule tr.class-details td, table.cfcc-class-schedule tr.class-details:hover td { border-right: 0px none; background: #e8f8ff; border-bottom: 1px solid #5a5a5e; } tr.class-details td.class-details span.class-thumb { margin-right: 0; } tr.class-details td.class-details span.class-thumb img { border: 3px solid #dedede; width: 110px; margin-left: 10px; padding: 0; } tr.class-details td.class-details span.class-description { line-height: 130%; } tr.class-details td.class-details span.class-description a { text-decoration: none; float: left; padding: 5px 0; } tr.class-details td.class-details span.class-description a span { text-decoration: underline; margin: 0 4px; } /* Training */ td.pnlMainInnerContent, td.pnlRightInnerContent { vertical-align: top; } td.pnlMainInnerContent { padding-right: 14px; } td.pnlMainInnerContent p { line-height: 200%; font-size: 92%; font-family: "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; } td.pnlRightInnerContent { width: 212px; padding-left: 14px; background: url(images/common/dots-blue-vertical.gif) repeat-y; } td.pnlRightInnerContent div.company-blank { padding: 0; } /* Right Column */ div.check-class { padding: 0 110px 35px 0; background: url(images/bg-class-schedule.png) 100% 0% no-repeat; width: 105px; } div.check-class h3 { padding: 17px 0 1em; width: 91px; height: 23px; background: url(../../titles/heading-checkclasses.png) 0% 17px no-repeat; } div.check-class h3 span { display: none; } a.link-button.view-schedule { width: 110px; background-position: -210px 0%; margin: 0; line-height: 100%; } a.link-button.view-schedule:hover { background-position: -210px -35px; } a.link-button.view-schedule:active { background-position: -210px -70px; } div.more-info { margin-top: 1em; } div.more-info h3 { width: 190px; height: 9px; background: url(../../titles/heading-getinfo.png) no-repeat; padding-bottom: .33em; } div.more-info h3 span { display: none; } div.more-info a { display: block; margin-bottom: .33em; width: 203px; } /* Classes */ /* List */ #cfcc-classes { border-top: 1px dotted #dfdfdf; padding-top: 1em; padding-bottom: 2em; } #cfcc-classes ul#cfcc-class-list { float: left; margin: 0; padding: 0; } #cfcc-classes ul#cfcc-class-list li { float: left; margin: 0 25px 35px 0; width: 165px; padding: 0; list-style-type: none; } #cfcc-classes ul#cfcc-class-list li a.cfcc-class-image, #cfcc-classes ul#cfcc-class-list li a.cfcc-class-name { display: block; text-align: center; width: 150px; } a.link-button.return-button, a.link-button.register-button { width: 110px; background-position: -210px 0%; margin: 0 0 0 4px; } a.link-button.return-button:hover, a.link-button.register-button:hover { background-position: -210px -35px; } a.link-button.return-button:active, a.link-button.register-button:active { background-position: -210px -70px; } /* Description */ div.cfcc-class-dropdown { float: left; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px dotted #dedede; width: 100%; } div.cfcc-class-dropdown select, div.cfcc-class-dropdown a.return-button { float: left; } h2.cfcc-class-name { clear: left; color: #000; margin-top: .75em; font-weight: bold; } img.cfcc-class-image { float: right; padding: 0 10px; } div.cfcc-class-info p.class-time-cost { font-size: 112%; color: #000; font-weight: bold; line-height: normal; } div.cfcc-class-info p strong { clear: left; float: left; width: 75px; font-size: 72%; text-transform: uppercase; color: #009bdb; padding: 2px 0 0; border-bottom: 1px dotted #cacace; } strong.no-classes { color: #f10; text-transform: uppercase; font-size: 92%; } div.cfcc-class-nextscheduled h5 { color: #008cc5; margin: 1em 0 0; padding: 0 0 5px; border-bottom: 1px dotted #008cc5; } div.cfcc-class-nextscheduled p strong { margin-right: 2em; } /* Register */ h4.cfcc-class-subheading { font-weight: bold; /* color: #008cc5; */ padding-bottom: .25em; color: #f10; } p.cfcc-instructions { font-weight: bold; color: #000; font-size: 82%; text-transform: uppercase; } table.cfcc-class-id { width: 500px; margin-bottom: 1em; border-bottom: 1px dotted #008cc5; } table.cfcc-class-id th { padding: 3px 4px 7px; font-size: 75%; text-transform: uppercase; background: #0098d7; text-align: center; color: #fff; } table.cfcc-class-id td { font-size: 105%; font-weight: bold; padding: 4px 0 7px; text-align: center; } table.cfcc-class-registration.form { width: 500px; } table.cfcc-class-registration.form th { text-align: left; width: 170px; border-bottom: 1px dotted #dedede; padding: 3px 4px 0 0; } table.cfcc-class-registration.form td { padding: 3px 0 0 3px; } table.cfcc-class-registration.form tr.phone span { margin: 0 0 0 5px; font-size: 82%; color: #8e8e8a; } /* set field appearance & sizes */ div#cfcc-select-class { padding: 0 0 1em; border-bottom: 1px dotted #dedede; margin-bottom: 1em; } table.cfcc-class-registration.form tr.name input.textbox, table.cfcc-class-registration.form tr.coupon input.textbox { width: 110px; } table.cfcc-class-registration.form tr.company input.textbox, table.cfcc-class-registration.form tr.email input.textbox, table.cfcc-class-registration.form tr.address input.textbox, table.cfcc-class-registration.form tr.city input.textbox { width: 200px; } table.cfcc-class-registration.form tr.phone input.textbox, table.cfcc-class-registration.form tr.zip input.textbox { width: 90px; } /* buttons */ table.cfcc-class-registration.form tr.submit th { border: 0px none; } table.cfcc-class-registration.form tr.submit td { padding-top: 10px; } table.cfcc-class-registration.form tr.submit input.submit-button { float: left; width: 110px; background-position: -210px 0%; margin: 0; line-height: 100%; } table.cfcc-class-registration.form tr.submit input.submit-button:hover { background-position: -210px -35px; } table.cfcc-class-registration.form tr.submit input.submit-button:active { background-position: -210px -70px; } table.cfcc-class-registration.form tr.submit input.cancel-button { width: 78px; background-position: -90px 0%; margin: 0; padding: 0 0 1px; height: 22px; line-height: 100%; } table.cfcc-class-registration.form tr.submit input.cancel-button:hover { background-position: -90px -35px; } table.cfcc-class-registration.form tr.submit input.cancel-button:active { background-position: -90px -70px; } /* confirmation */ h3.cfcc-form-heading { clear: left; font-weight: bold; text-transform: uppercase; font-size: 82%; color: #008cc5; border-bottom: 1px dotted #008cc5; margin-bottom: 5px; padding-bottom: 5px; } #selected-class, #cfcc-registrant { float: left; list-style-type: none !important; margin-bottom: 1.5em; } #selected-class li, #cfcc-registrant li { clear: left; list-style-type: none; } #selected-class li span, #cfcc-registrant li span { float: left; font-size: 82%; color: #7a7a7e; width: 170px; padding: 0 0 2px; border-bottom: 1px solid #dededa; margin-right: 3px; } #selected-class li strong, #cfcc-registrant li strong { color: #000; padding: 4px 0 2px; } #selected-class li.class-name { font-size: 175%; font-weight: bold; } #selected-class li.class-price strong { font-size: 120%; color: #f10; } /* Remote Service */ div.container.Remote-Login div.wrapper.s2 { padding: 10px 17px; } div.container.Remote-Login table.form { width: auto; } div.container.Remote-Login table.form input.NormalTextBox { margin-right: 3px; } div.container.Remote-Login table.form span.normal { display: none; } /* Location Page */ #cfcc-location { } #cfcc-location h3 { margin: 0; padding: 0; } #cfcc-location h3 span { display: none; } #cfcc-location p { line-height: 115%; } #cfcc-location div.clear { clear: left; } #cfcc-location-image { float: left; margin-right: 21px; } #cfcc-location-text { margin-left: 377px; padding-left: 21px; background: url(images/common/dots-blue-vertical.gif) repeat-y; } /* class rentals */ #cfcc-class-rental { background: url(images/icons/icon-classrental.png) 100% 0% no-repeat; padding: 0 0 1em; margin-bottom: 1.5em; } #cfcc-class-rental h3 { width: 116px; height: 23px; background: url(../../titles/heading-classroomrental.png) no-repeat; } #cfcc-class-rental a.learn-more { width: 78px; background-position: -90px 0%; margin-top: 1em; } #cfcc-class-rental a.learn-more:hover { background-position: -90px -35px; } #cfcc-class-rental a.learn-more:active { background-position: -90px -70px; } /* office information */ #cfcc-office-info { margin-bottom: 2em; } #cfcc-office-info h3 { width: 124px; height: 9px; background: url(../../titles/heading-officeinfo.png) no-repeat; padding-bottom: .25em; } #cfcc-office-info h4 { font-size: 110%; font-weight: bold; color: #000; padding: 0; margin: 2px 0 0; } #cfcc-office-info p { font-size: 82%; } #cfcc-office-info ul, #cfcc-office-info li { list-style-type: none; line-height: 110%; } #cfcc-office-info ul { margin: 0; padding: 0; } #cfcc-office-info li span { font-size: 82%; } #cfcc-office-info li strong { font-size: 92%; color: #000; } #cfcc-office-info li a { font-size: 82%; } #cfcc-office-info a.map-it { color: #fff; float: right; width: 79px; height: 20px; padding: 5px 0 14px 9px; text-align: center; text-decoration: none; font-size: 75%; background: url(images/icons/icon-mapit.png) no-repeat; } /* office hours */ #cfcc-office-hours h3 { width: 84px; height: 9px; background: url(../../titles/heading-officehours.png) no-repeat; padding-bottom: .25em; } #cfcc-office-hours th { text-align: left; vertical-align: top; padding: 3px 0 1px; } #cfcc-office-hours th label { display: block; font-weight: bold; white-space: nowrap; font-size: 92%; color: #000; border-bottom: 1px dotted #cecece; padding-right: 7px; line-height: 110%; } #cfcc-office-hours th label span { font-size: 92%; } #cfcc-office-hours td { font-size: 82%; padding: 2px; vertical-align: top; } /* new location text */ #cfcc-new-location { padding-left: 9px; } #cfcc-new-location p { font-size: 82%; position: relative; margin-top: -12px; } /* Map */ #cfcc-location-directions p { font-size: 82%; position: relative; margin-top: -12px; } #cfcc-location-directions ul.map-form, #cfcc-location-directions ul.map-form li { margin: 0; padding: 0 0 2px; list-style-type: none; } #cfcc-location-directions ul.map-form { margin-left: 366px; } #cfcc-location-directions ul label { display: block; float: left; width: 50px; text-transform: uppercase; padding-top: 2px; } #cfcc-location-directions ul li.street label { display: block; float: none; width: auto; } #cfcc-location-directions ul li.street input { width: 220px; } #cfcc-location-directions ul li.city input { width: 170px; } #cfcc-location-directions ul li.zip input { width: 75px; } #cfcc-location-directions a.link-button.go-button { width: 42px; } #cfcc-location-directions h3 { font-weight: bold; margin-left: 366px; padding: 1em 0 2px; color: #000; border-bottom: 1px solid #7e7e7e; margin-bottom: 4px; font-size: 92%; text-transform: uppercase; } #cfcc-location-directions h3 b { color: #008cc5; margin-left: 10px; } #CFCCDirections { margin-left: 366px; } #CFCCDirections ol { margin-left: 16px; padding-left: 0; } div.cfcc-map { position: relative; float: left; width: 356px; height: 320px; } /* Content Rotator */ div.RotatorDefault { font-size: 82%; } h3.container.right.standard.title { padding-bottom: 4px; }