/*****************************************************************************************************/
/*********************** STYLESHEET CREATED FOR ALL SELF SERVICE APPLICATIONS ************************/
/*****************************************************************************************************/

/*OVERRIDES and BASIC DEFINITIONS*/
/*These 2 styles are NOT defined properly where they are coming from, from default.css*/
#TE_mainBody {
margin: 0;
padding: 0;
width: 900px;
}
#te-footer {
float: left;
}
.te-link-marker {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te-global-bg-arrow-link-marker.png") no-repeat scroll 0 9px transparent;
font-weight: bold;
padding: 4px 0 4px 15px;
}
/*This is to give a chance to some of the older apps that may have h2 and h3 tags, but may not be defining the classes. This is so they don't come in with 8.5pt normal plain font.*/
h2 {
font-size: 16px;
font-weight: bold;
}
h3 {
font-size: 14px;
font-weight: bold;
}
h4 {
font-size:12px;
font-weight:bold;
}
h5 {
font-size:11px;
font-weight:bold;
}

/*For Reskinning existing OI application*/
.form_container {
background: none repeat scroll 0 0 #F3F3F3;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
clear: left;
float: left;
margin: 10px 0;
padding: 10px;
width: 880px;
}
.form_container h2 {
margin-top: 0px;
padding-bottom: 10px;
}
/*We should get away from using IDs as the way to declare styling for basic HTML items. Too tough to maintain in CQ. Right now, these are kept so that OI does not have to be completely redone, and so most of the current structure can remain. It's also in place to override the exisiting stylesheet css.css, just in case that comes through with the app.*/
#order_information {
background: none repeat scroll 0 0 transparent;
height: auto;
margin-left:15px;
width: auto;
}
#date_range {
background: none repeat scroll 0 0 transparent;
height: auto;
width: auto;
}
#status {
background: none repeat scroll 0 0 transparent;
height: auto;
width: auto;
}
#order_information h3, #date_range h3, #status h3 {
background: none repeat scroll 0 0 transparent;
}
#searchby div.radio-wrapper {
clear: both;
height: 20px;
line-height: 20px;
margin: 0 0 4px;
vertical-align: middle;
}
#searchby input.cToggle, .radio-wrapper input.cToggle {
margin-left: 0;
margin-right: 3px;
margin-top: 4px;
vertical-align: top !important;
}
#numberdiv {
clear: left;
float: left;
margin: 5px 0 0;
width: auto;
}
#date_range span {
clear: left;
float: left;
margin: 2px 0;
white-space: nowrap;
width: auto;
}
.form_container .search_options h3 {
color: #555555;
float: none;
font-size: 12px;
font-weight: bold;
margin: 0 0 10px;
padding: 0;
}
.search_options fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
.search_options h3 {
color: #555555;
float: none;
font-size: 12px;
font-weight: bold;
margin: 0 0 10px;
padding: 0;
}
.search_options select {
color: #555555;
margin: 0;
}
/*TABS*/
/*These are not new styles, but these "catalog browse" styles are not in the global, so this is making these styles able to be used globally*/
#te-choice-tabs {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te-search-bg-tabs-new.png") repeat-x scroll 0 bottom transparent;
clear: both;
float:left;
margin: 10px auto;
width: 900px;
}
#te-choice-tabs ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#te-choice-tabs ul li {
float: left;
}
#te-choice-tabs ul li.first-tab {
margin-left: 10px;
}
#te-choice-tabs ul li.second-tab {
margin-left: 5px;
}
#te-choice-tabs ul li div, #te-choice-tabs ul li div div, #te-choice-tabs ul li div div div, #te-choice-tabs ul li a, #te-choice-tabs ul li a div, #te-choice-tabs ul li a div div {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te-search-bg-tabs-new.png") no-repeat scroll 0 0 transparent;
color: #005380;
float: left;
font-size: 10pt;
font-weight: bold;
height: 32px;
line-height: 32px;
}
#te-choice-tabs ul li a, #te-choice-tabs ul li a div, #te-choice-tabs ul li a div div {
cursor: pointer;
}
#te-choice-tabs ul li div, #te-choice-tabs ul li a {
padding: 0 0 0 10px;
}
#te-choice-tabs ul li div div, #te-choice-tabs ul li a div {
background-position: right -64px;
padding: 0 10px 0 0;
}
#te-choice-tabs ul li div div div, #te-choice-tabs ul li a div div {
background-position: 0 -32px;
background-repeat: repeat-x;
padding: 0 10px;
}
#te-choice-tabs ul li a {
background-position: 0 -96px;
}
#te-choice-tabs ul li a:hover {
color: #EE7722 !important;
text-decoration: underline;
}
#te-choice-tabs ul li a div {
background-position: right -160px;
}
#te-choice-tabs ul li a:hover div {
color: #EE7722 !important;
text-decoration: underline;
}
#te-choice-tabs ul li a div div {
background-position: 0 -128px;
}
#te-choice-tabs ul li a:hover div div {
color: #EE7722 !important;
text-decoration: underline;
}
#te-choice-tabs a:hover {
background-position: 0 -192px;
}
#te-choice-tabs a:hover span {
background-position: right -256px;
}
#te-choice-tabs a:hover span b {
background-position: 0 -224px;
}
#te-choice-tabs a.active {
background-position: 0 -288px;
}
#te-choice-tabs a.active span {
background-position: right -352px;
}
#te-choice-tabs a.active span b {
background-position: 0 -320px;
}
/*Disabled Tabs*/
#te-choice-tabs.disabled {
}
#te-choice-tabs.disabled ul li div div div, #te-choice-tabs.disabled ul li a div div {
color:#aaa;
}
#te-choice-tabs.disabled ul li a {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/disabled-tabs.png") no-repeat scroll 0 0 transparent;
color: #aaa !important;
cursor:text;
}
#te-choice-tabs.disabled ul li a:hover {
color: #aaa !important;
text-decoration: none !important;
cursor:text;
}
#te-choice-tabs.disabled ul li a div {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/disabled-tabs.png") no-repeat scroll right -64px transparent;
color: #aaa !important;
cursor:text;
}
#te-choice-tabs.disabled ul li a:hover div {
color: #aaa !important;
cursor:text;
text-decoration: none !important;
}
#te-choice-tabs.disabled ul li a div div {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/disabled-tabs.png") repeat-x scroll 0 -32px transparent;
color: #aaa !important;
cursor:text;
}

/*APPLICATION DIVS for SELF SERVICE/eCOMMERCE APPLICATIONS*/
/*Foundational styles*/
body.request-quote, body.te-new-app {
color:#555;
}
/*Print PDF styles, first implemented in GPI*/
body.print-pdf {
color:#000;
}
body.print-pdf a.questionIcon {
background: none !important;
}
body.print-pdf .remove-this-absolute {
background: none !important;
}
body.print-pdf .special-details-headers {
background-color: #F3F3F3 !important;
background-image: none !important;
}
body.print-pdf .special-details-footer {
background-image: none !important;
}
body.print-pdf .drop-shadow {
box-shadow: none !important;
}
body.print-pdf .quote-topper, body.print-pdf .static-wrapper, body.print-pdf .te-app-topper {
background-color: #ffffff !important;
color: #000000;
}
body.print-pdf .quote-topper .TE_account2, body.print-pdf .te-app-topper .TE_account2 {
background-color: #ffffff !important;
}
body.print-pdf .orange-part-area {
background-color: #ffffff !important;
}
body.print-pdf .actionItemDiv, body.print-pdf .actionItemDiv .action-item-add, body.print-pdf .actionItemDiv .action-item-next, body.print-pdf .actionItemDiv .action-item-previous, body.print-pdf .actionItemDiv .actionItemContent {
background: none !important;
}
body.print-pdf table.quote-table thead tr, body.print-pdf table.te-new-app-table thead tr {
background: none !important;
}
body.print-pdf table.quote-table thead th, body.print-pdf table.te-new-app-table thead th {
color: #000000 !important;
font-weight: bold;
}
body.print-pdf .dijitTabContainerTop-tabs {
display:none !important;
}
body.print-pdf .flexi-tabs-wrapped .dijitTabContainerBottom-spacer, body.print-pdf .flexi-tabs-wrapped .dijitTabContainerTop-spacer, body.print-pdf .flexi-tabs-regular .dijitTabContainerBottom-spacer, body.print-pdf .flexi-tabs-regular .dijitTabContainerTop-spacer, body.print-pdf .dijitTabContainerBottom-spacer, body.print-pdf .dijitTabContainerTop-spacer {
border-top: none !important;
}
body.print-pdf .static-wrapper .dijitTabContainerTop-dijitContentPane, body.print-pdf .flexi-tabs-regular .dijitTab, body.print-pdf .flexi-tabs-regular .dijitTabChecked, body.print-pdf .flexi-tabs-regular .dijitTabInnerDiv, body.print-pdf .flexi-tabs-regular .dijitTabChecked .dijitTabInnerDiv, body.print-pdf .flexi-tabs-regular .dijitTabContent {
background-image: none !important;
}
body.print-pdf .dijitTab {
font-size: 14px !important;
}
body.print-pdf .dijitTabContainerTop-dijitContentPane {
border: none !important;
}
body.print-pdf #dijit_layout_ContentPane_0, body.print-pdf #dijit_layout_ContentPane_1, body.print-pdf #dijit_layout_ContentPane_2, body.print-pdf #dijit_layout_ContentPane_3, body.print-pdf #dijit_layout_ContentPane_4, body.print-pdf #dijit_layout_ContentPane_5, body.print-pdf #dijit_layout_ContentPane_6, body.print-pdf #dijit_layout_ContentPane_7, body.print-pdf #dijit_layout_ContentPane_8 {
display:block !important;
}
/*END-Print PDF styles*/
body.request-quote p.error, body.te-new-app p.error {
color:#ff0000;
font-weight:bold;
font-size: 12px;
line-height: 14px;
padding: 5px 0 10px;
}
body.request-quote h1, body.te-new-app h1 {
border-bottom:0px !important;
font-size:24px;
font-weight:normal;
margin:5px 0;
padding:0;
}
h1.request-quote, h1.te-new-app {
border-bottom:0px !important;
font-size:24px;
font-weight:normal;
margin:5px 0;
padding:0;
}
body.te-new-app h1.share-space {
}
body.te-new-app a.share-space {
margin: 5px 0;
}
.quote-request, .te-new-app-request {
clear:both;
color: #555555;
float:left;
padding-top:12px;
width: 100%;
}
.quote-topper, .static-wrapper, .te-app-topper {
background-color:#F9F9F9;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
color:#555;
float:left;
margin:10px 0 0;
width:900px;
}
.static-wrapper {
padding: 10px;
width: 880px !important;
}
.collapse-static, .expand-static {
font-size: 16px;
font-weight: bold;
height: 20px;
line-height: 20px;
padding: 0 0 0 30px;
/*Changed Jan 2012 due to downsizing the orange button*/
}
.collapse-adv, .expand-adv {
border-bottom:1px solid #ccc;
color:#005588;
font-size: 11px;
font-weight: bold;
height: 14px;
padding: 0 0 5px 12px;
}
.collapse-adv:hover, .expand-adv:hover {
color:#ee7722;
cursor:pointer;
}
.collapse-static {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/page-action-bar.png") no-repeat scroll left -200px transparent;
/*Changed Jan 2012 due to downsizing the orange button*/
}
.collapse-static:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/page-action-bar.png") no-repeat scroll left -220px transparent;
cursor:pointer;
/*Changed Jan 2012 due to downsizing the orange button*/
}
.expand-static {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/page-action-bar.png") no-repeat scroll left -160px transparent;
/*Changed Jan 2012 due to downsizing the orange button*/
}
.expand-static:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/page-action-bar.png") no-repeat scroll left -180px transparent;
cursor:pointer;
/*Changed Jan 2012 due to downsizing the orange button*/
}
.pad-for-dynamic {
padding: 10px;
width: 880px;
}
.quote-topper h2, .te-app-topper h2 {
font-size: 16px;
font-weight: bold;
margin-top: 0;
padding: 0 0 6px;
}
.quote-topper .TE_account2, .te-app-topper .TE_account2 {
background-color: #F9F9F9 !important;
border: 0px !important;
font-size: 12px !important;
padding: 0;
width: 100%;
}
.quote-topper .TE_account2 .dijit input, .te-app-topper .TE_account2 .dijit input {
height:auto;
}
.quote-topper .TE_account2 table tbody td, .te-app-topper .TE_account2 table tbody td {
font-size: 12px !important;
padding-top:5px;
}
.quote-topper .TE_account2 label.TE_required, .te-app-topper .TE_account2 label.TE_required {
background-image: url("/_TEincludes/ver/1686/TEimages/TE_required.gif");
background-position: left center;
background-repeat: no-repeat;
padding: 0 0 5px 12px;
}
.quote-topper .TE_account2 strong, .te-app-topper .TE_account2 strong {
font-size:12px !important;
font-weight: bold;
}
.account-area, .search-by-area {
float:left;
line-height: 18px;
padding: 10px;
width: 880px;
}
.search-by-area {
background: none repeat scroll 0 0 #f9f9f9;
border-bottom: 1px solid #CCCCCC;
}
.search-by-area div.search-limit-by {
float: left;
max-width: 240px !important;/*Changed from 300px on 3/20/2012*/
}
.search-by-area div.search-limit-by-narrow {
float: left;
max-width: 200px;
}
.search-by-area div.search-limit-by-medium {
float: left;
max-width: 225px;
}
.search-by-area-top {
border-top:1px solid #ccc;
}
.wizard-area {
background: none repeat scroll 0 0 #F9F9F9;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
float: left;
line-height: 18px;
margin-top: 3px;/*Changed from 8px on January 2013*/
padding: 15px;
width: 870px;
}
.wizard-area h4 {
font-size:12px;
font-weight:bold;
}
.account-area div.account-wrapper , .search-by-area div.criteria-wrapper, div.criteria-wrapper {
/*border-right:1px solid #ccc;*/
float:left;
/*margin-right: 15px;*/
/*padding-right:15px;*/
/*width: 693px;*/
overflow: hidden;
}
.top-info div.criteria-wrapper {
margin-top:15px;
}
.criteria-wrapper .full-inner-width {
width:848px;
}
.account-area div.account-wrapper div.button-left, .search-by-area div.button-left {
clear: both;
float: left !important;
margin:0 !important;
padding: 10px 0 !important;
}
.account-area div.no-border-right {
border-right:none;
}
.account-area div.account-left {
border-right:1px solid #ccc;
float:left;
padding-right:15px;
}
table.single-button-wrapper {
margin: 20px auto 0;
}
.search-by-area div.search-label, .criteria-wrapper div.search-label {
float: left;
max-width: 200px;
padding-right: 25px;
}
.search-by-area div.search-label h2, .criteria-wrapper div.search-label h2 {
font-size:16px;
font-weight:bold;
}
.top-info div.criteria-wrapper div.search-label h2 {
font-size:14px;
}
.search-by-area div.search-label p.details, .criteria-wrapper div.search-label p.details {
font-size:10px;
line-height: 12px;
padding-top:12px;
}
.search-by-area div.search-choices, .criteria-wrapper div.search-choices {
float:left;
padding-right:30px;
}
div.criteria-wrapper .wide-column {
max-width: 300px;
}
.search-by-area div.search-choices h4, .criteria-wrapper div.search-choices h4, .search-by-area div.filter-choices h4, .criteria-wrapper div.search-limit-by h4 {
clear:left;
display:block;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
}
.criteria-wrapper p {
line-height: 14px;
}
.search-choices .select-wrapper {
margin-left:15px;
}
.search-choices .pad-top {
padding-top:15px;
}
.search-choices .error-handling {
color:#ff0000;
font-weight:bold;
line-height:13px;
width:370px;
}
.search-choices .error-handling p {
padding-bottom:10px;
}
.error-handling p {
color: #FF0000;
font-size:11px;
}
.search-by-area div.search-limit-by {
float:left;
}
.search-by-area div.search-limit-by p {
margin: 0;
padding-bottom:2px;
}
.search-by-area div.search-limit-by div.from-date {
float:left;
padding-right:10px;
padding-bottom:10px;
}
.search-by-area div.search-limit-by div.checkbox-area {
clear: left;
float: left;
padding-right:20px;
}
.search-by-area div.search-limit-by div.search-button-floating-wrapper {
float:left;
margin:10px 0 0 25px;
}
.search-by-area div.search-limit-by div.from-date input, .search-by-area div.search-limit-by div.to-date input {
color:#aaa;
height: 17px;
width:125px;
}
.search-by-area div.search-limit-by div.from-date div, .search-by-area div.search-limit-by div.to-date div {
color: #000000;
height: 17px;
width: 125px;
}
.search-by-area div.search-limit-by div.from-date img, .search-by-area div.search-limit-by div.to-date img {
padding-left:3px;
vertical-align: top;
}
.search-by-area div.search-limit-by div.to-date {
float:left;
padding-bottom:20px;
}
.checkbox-wrapper {
clear: both;
height: 12px;
line-height: 12px;
padding: 5px 0;
}
.account-area div.account-middle {
float:left;
padding-left:15px;
}
.account-area div.account-cta, .search-by-area div.search-cta {
float:right;
padding: 3px 5px 3px 0;
}
.search-by-area div.search-cta {
clear: left;
margin: 0;
}
.account-area span.pad-right {
padding-right:20px;
}
.account-area strong {
font-weight:bold;
}
.inline-topper {
float:none;
font-size: 11px;
}
select.item-status {
width:65px;
}
.ship-to {
border-bottom: 1px solid #ccc;
float: left;
padding: 15px 0;
width: 900px;
}
.no-border-bottom {
border-bottom: 0;
}
.ship-to h2 {
font-size: 16px;
font-weight: bold;
}
.ship-to h3 {
font-size: 13px;
font-weight: bold;
}
.ship-to p {
line-height:12px;
padding:2px 0;
}
/*FORM styles*/
.quote-request fieldset, .te-new-app-request fieldset {
margin-top: 5px;
}
.quote-request form .field, .te-new-app-request form .field {
clear: left;
float: left;
padding-top: 5px;
}
.quote-request form .field label, .te-new-app-request form .field label {
color: #555555;
display: block;
font-size: 12px;
/*font-weight: bold;*/
line-height: 20px;
}
.quote-request form .field label span, .te-new-app-request form .field label span {
font-size:11px;
font-weight:bold;
margin-left: 0;
}
.quote-request form .field select, .te-new-app-request form .field select {
font-size:11px;
}
.quote-request form .field textarea, .te-new-app-request form .field textarea {
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
height: 30px;
margin: 0;
overflow-y: scroll;
vertical-align: baseline;
width: 400px;/*Changed from 415px on August 24, 2012*/
}
.quote-request form label, .te-new-app-request form label {
padding-bottom: 2px;
padding-left: 0;
}
.quote-request form label span, .te-new-app-request form label span {
font-size: 7pt;
margin-left: 5px;
}
.quote-request form label.TE_required, .te-new-app-request form label.TE_required, .TE_account2 label.TE_required {
padding-left: 10px;
}
.please-read {
color:#ee7722;
font-weight:bold;
}
.quote-request .error-handling, .te-new-app-request .error-handling, .error-handling {
color:#ff0000;
font-weight:bold;
line-height:13px;
}
.field .error-handling {
width: 240px;
}
.field .inline-icons {
float: left;
padding: 10px 15px 0 0;
}
.field .inline-buttons {
float: left;
}
.results {
padding: 12px 0 0;
}
.stacked-results {
border-bottom:1px solid #ccc;
padding: 15px 0 20px;
}
.quote-request a, .te-new-app-request a {
font-weight:bold;
}
#te-footer a {
font-weight: normal;
}
.quote-request h2, .te-new-app-request h2 {
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0;
text-align: left;
}
.quote-request h3, .te-new-app-request h3 {
font-size: 14px;
font-weight: bold;
line-height:20px;
}
.quote-request p, .te-new-app-request p {
font-size:11px;
/*padding-top:8px;*/
}
.quote-request h6.subtext, .te-new-app-request h6.subtext {
font-size: 12px;
line-height: 14px;
padding: 5px 0;
}
.quote-request h6.status, .te-new-app-request h6.status {
clear: left;
float: left;
font-weight: bold;
line-height: 20px;
margin-right: 30px;
padding: 10px 0;
width: 425px;
}
.quote-request .green, .te-new-app-request .green, .wizard-area .green, .green {
/*color:#33cc00;*/
color:#55bb00 !important;
}
.quote-request .orange, .te-new-app-request .orange, .orange {
color:#ee7722 !important;
}
.blue {
color:#006699 !important;
}
.light-gray {
color:#999999 !important;
}
.white {
color:#ffffff !important;
}
.white a {
color:#ffffff !important;
}
.white a:hover {
color:#ffffff !important;
}
.wizard-area .orange {
color:#dd6611 !important;
}
.quote-request .red, .te-new-app-request .red, .wizard-area .red, .red {
color:#ff0000 !important;
}
.static-info {
}
.static-info p {
font-size: 11px;
line-height: 13px;
padding: 1px 0;
}
.static-info td.right-align p, .static-info td.right-align {
text-align: right;
}
.static-info p.bottom{
padding-bottom:0px;
}
.static-info .field {
padding-top: 10px;
}
.static-info .field-less-padding {
padding-top: 5px;
}
.static-info .field label {
color: #404040;
display: block;
font-weight:bold;
line-height: 14px;
padding-bottom: 2px;
padding-left:0;
}
.static-info .field p {
clear: left;
font-size:11px;
}
.static-info .field label span {
color: #555555;
font-size: 12px;
margin-left: 0;
}
.static-info .page-action-bar p.inline-text {
/*float: left; Removed Jan 26, 2012*/
font-size: 11px;
line-height: 16px;
padding-top:1px;/*Redefined 1/26/2012*/
padding-bottom:1px;/*Redefined 1/26/2012*/
}
.quote-request p.subtext, .te-new-app-request p.subtext {
font-size:11px;
padding:0 0 5px 0;
}
.quote-request div.informative, .te-new-app-request div.informative {
clear:both;
font-size: 12px;
padding: 15px 0 5px;
}
.results div.informative{
padding:0 0 10px;
}
.informative h2 {
padding-bottom:5px;
}
.static-info .informative h2 {
padding-bottom: 0;
}
.informative p {
font-size: 11px;
padding: 2px 0;
}
.quote-request .field, .te-new-app-request .field {
clear:left;
}
.quote-request div.left, .te-new-app-request div.left {
clear: left;
float: left;
margin-right: 30px;
width: 425px;
}
.quote-request div.right, .te-new-app-request div.right {
float: right;
width: 425px;
}
.quote-request div.left .field, .te-new-app-request div.left .field {
clear: left;
}
.quote-request div.right .field, .te-new-app-request div.right .field {
clear: left;
}
.quote-request .featured-area, .te-new-app-request .featured-area {
border: 1px solid #CCCCCC;
border-radius: 1em 1em 1em 1em;
float: right;
padding: 12px;
}
ul.TE_greytext li {
line-height:20px;
}
.completion-success, .completion-warning, .completion-error {
clear:both;
display: none;
font-size: 10px;
font-weight: bold;
line-height: 12px;
margin-bottom:10px;
padding-top: 5px;
}
.completion-success {
color: #55BB00;
}
.completion-warning {
color: #ee7722;
}
.completion-error {
color: #CC0000;
}
.form-success-inline, .form-warning-inline, .form-error-inline, .form-question-inline, .form-info-inline {
background-position: left center;
background-repeat: no-repeat;
border: 1px solid #CCCCCC;
border-radius: 1em 1em 1em 1em;
clear: both;
float: left;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
margin: 15px auto;
text-align: left;
width: auto;
}
.form-question-inline {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-icon-did-you-know.png");
color: #999999;
padding: 20px 15px 20px 50px;
}
.form-success-inline {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-icon-success.png");
color: #55BB00;
padding: 15px 15px 15px 50px;
}
.form-warning-inline {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-icon-warning.png");
color: #ee7722;
padding: 20px 15px 20px 40px;
}
.form-error-inline {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-icon-error.png");
color: #CC0000;
padding: 15px 15px 15px 50px;
}
.form-info-inline {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-icon-info.png");
color: #006699;
padding: 20px 15px 20px 40px;
}
.attachment-work-area td.completion-success, .attachment-work-area td.completion-warning, .attachment-work-area td.completion-error {
line-height: 13px;
width: auto;/*Changed from 240px on 5/10/2012*/
}
.attachment-indicator-inline {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/paper-clip.png") no-repeat 0 0 transparent;
clear: both;
color:#55BB00;
float: left;
font-size:11px;
font-weight:bold;
height: 21px;
line-height: 21px;
padding: 0 0 0 21px;
}
input.text, textarea, select {
font-size:100%;
height:20px;
margin: 0;
vertical-align: baseline;
}
input.text, textarea {
background-color: #FFFFFF;
height: 16px;
padding: 2px;
width: 220px;
}
input.narrow-text {
width:180px;
}
input.text-disabled {
background-color: #DDDDDD;
float:left;
}
input.button-on-right {
margin-top:5px;
margin-right:15px;
}
input.one-text-box {
margin-top:10px;
}
input.keyword {
display:none;
margin: 0 0 5px 18px;
width: 180px;
}
input.text, input.checkbox, .completion-checkbox-text {
float: left;
clear:left;
}
.radio-wrapper input.checkbox {
float: none;
vertical-align: middle;
}
input.text-inline {
float: left;
clear:none;
margin-left: 5px;
}
input.checkbox {
margin-right: 5px !important;
}
.completion-entry-correct, .completion-entry-warning, .completion-entry-incorrect, .completion-required {
background-position: left center;
background-repeat: no-repeat;
display: none;
float: left;
height: 18px;
margin: 0 0 0 2px;
padding: 0;
width: 20px;
}
.completion-entry-correct {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-correct.png");
}
.completion-entry-warning {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-warning.png");
background-position: 7px center;
}
.completion-entry-incorrect {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-wrong.png");
background-position: 3px center;
}
.completion-required {
background-image: url("/_TEincludes/ver/1686/TEimages/TE_required.gif");
display:block;
height: 10px !important;
margin: 5px 0 5px 5px !important;
width: 10px !important;
}

/*Tooltip styles and setup for elements with tooltips*/
span.label-with-tooltip {
font-size: 11px !important;
font-weight: bold;
line-height: 24px;
margin-left: 0 !important;
vertical-align: top;
width: auto;
}
span.label-with-tooltip label {
padding-left:2px;
padding-bottom:0;
}
.results .results-action-wrapper {
float: left;
padding-right: 20px;
/*IN RFQ - my note: padding-right: 20px; Changed float from left to right. Also removed padding-right due to new way of laying this out, July 18, 2011*/
}
.results .results-action-wrapper span.label-with-tooltip {
font-weight:normal;
}
.radio-wrapper span.label-with-tooltip {
font-weight:normal;
}
.radio-wrapper span.label-with-tooltip input.radio, span.label-with-tooltip input.checkbox {
margin-top:5px;
vertical-align:top;
}
.radio-wrapper input.no-tooltip {
vertical-align:top;
margin-top:4px;
}
.radio-wrapper input.radio {
margin-left: 0;
margin-right: 3px;
margin-top: 4px;
vertical-align: top !important;
}
.quote-topper span.label-with-tooltip, .te-app-topper span.label-with-tooltip {
font-size: 11px;
}
span.helper, .static-info .field label span.helper {
display: inline-block;
font-size: 7pt;
margin-left: 2px !important;
width: auto !important;
}
a.questionIcon {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/help.png") no-repeat scroll left top transparent !important;
cursor: pointer;
display: inline-block;
height: 15px;
padding: 0;
width: 15px;
}
a.questionIcon:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/help.png") no-repeat scroll left bottom transparent !important;
cursor: pointer;
display: inline-block;
height: 15px;
padding: 0;
width: 15px;
}
a.error-assistance {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/error-warning.png") no-repeat scroll left top transparent !important;
cursor: pointer;
display: inline-block;
height: 15px;
padding: 0;
width: 15px;
}
a.error-assistance:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/error-warning.png") no-repeat scroll left bottom transparent !important;
cursor: pointer;
display: inline-block;
height: 15px;
padding: 0;
width: 15px;
}
.quote-subnav, .te-new-app-subnav {
margin: 0 10px 10px !important;
width: 880px !important;
}

/*TABLE STYLES*/
table.quote-table, table.te-new-app-table {
border:1px solid #cccccc;
font-family: arial,helvetica,sans-serif;
margin-bottom: 10px;
}
.results-table-wrapper {
clear: both;
float: left;
width: 100%;
}
.multiple-addresses {
margin: 0 0 10px;
width: 100% !important;
}
.fixed-height-table {
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin-top: 5px;
max-height: 200px;
overflow-y: scroll;
}
.results table.quote-table, .results table.te-new-app-table {
clear:both;
margin: 15px 0;
}
.results .results-table-wrapper table.quote-table, .results .results-table-wrapper table.te-new-app-table {
margin: 10px 0;
width: 100%;
}
table.gray-background tr {
background-color: #F3F3F3;
}
.results .fixed-height-table table.te-new-app-table {
margin-bottom: 0;
margin-top: 0;
}
table.te-new-app-table input.checkbox {
margin:0;
float:none;
width:auto;
}
.results table.te-new-app-table tbody td input {
float: left;
}
.results table.te-new-app-table tbody td input.checkbox {
float: none;
margin: 0 30%;
text-align: center;
width: auto;
}
table.no-margin-top {
margin-top:0;
}
.specify-part-table-wrapper {
border-bottom: 1px solid #CCCCCC;
height: 400px;
margin: 15px 0;
overflow-y: scroll;
width: 950px;
}
table.quote-table thead.dark-gray th, table.te-new-app-table thead.dark-gray th {
background-color:#444444;
border: 1px solid #444444;
color: #FFFFFF;
}
table.quote-table thead tr, table.te-new-app-table thead tr {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/thead-background.jpg") no-repeat left top;
padding:10px;
}
table.quote-table thead tr, table.te-new-app-table thead tr {
vertical-align:top;
}
table.quote-table thead th, table.te-new-app-table thead th {
border:1px solid #cccccc;
color: #FFFFFF;
font-family: arial,helvetica,sans-serif;
font-size: 12px;
line-height: 14px;
padding: 7px;
}
table.quote-table thead tr.sort th, table.te-new-app-table thead tr.sort th {
text-align:center;
min-width: 22px;
padding:5px;
}
table.quote-table thead tr.sort th a, table.te-new-app-table thead tr.sort th a {
text-align:center;
}
table.quote-table thead tr.sort th a img, table.te-new-app-table thead tr.sort th a img {
padding:0 1px;
}
table.quote-table thead tr.sort th a.sort-down, table.te-new-app-table thead tr.sort th a.sort-down, table.quote-table thead tr.sort th a.sort-up, table.te-new-app-table thead tr.sort th a.sort-up, table.quote-table thead tr.sort th a.sort-down-active, table.te-new-app-table thead tr.sort th a.sort-down-active, table.quote-table thead tr.sort th a.sort-up-active, table.te-new-app-table thead tr.sort th a.sort-up-active {
float: left;
height: 8px;
margin: 0;
width: 11px;
}
table.quote-table thead tr.sort th a.sort-down, table.te-new-app-table thead tr.sort th a.sort-down {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-down.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-up, table.te-new-app-table thead tr.sort th a.sort-up {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-up.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-down-active, table.te-new-app-table thead tr.sort th a.sort-down-active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-down-active.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-up-active, table.te-new-app-table thead tr.sort th a.sort-up-active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-up-active.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-down:hover, table.te-new-app-table thead tr.sort th a.sort-down:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-down-hover.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-up:hover, table.te-new-app-table thead tr.sort th a.sort-up:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-up-hover.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-down-active:hover, table.te-new-app-table thead tr.sort th a.sort-down-active:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-down-hover.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-up-active:hover, table.te-new-app-table thead tr.sort th a.sort-up-active:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-up-hover.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-down:active, table.te-new-app-table thead tr.sort th a.sort-down:active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-down-press.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-up:active, table.te-new-app-table thead tr.sort th a.sort-up:active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-up-press.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-down-active:active, table.te-new-app-table thead tr.sort th a.sort-down-active:active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-down-press.png") no-repeat left top transparent;
}
table.quote-table thead tr.sort th a.sort-up-active:active, table.te-new-app-table thead tr.sort th a.sort-up-active:active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/sort-up-press.png") no-repeat left top transparent;
}
table.quote-table thead th.single-line, table.te-new-app-table thead th.single-line {
line-height: 20px;
}
table.quote-table th.part-status-with-tooltip, table.te-new-app-table th.part-status-with-tooltip {
width: 90px;
}
table.quote-table th.part-status-with-tooltip span.label, table.te-new-app-table th.part-status-with-tooltip span.label {
float: left;
font-size: 12px;
line-height: 20px;
}
table.quote-table thead th span, table.te-new-app-table thead th span {
font-size:10px;
}
table.quote-table tfoot, table.te-new-app-table tfoot {
padding:10px;
}
table.quote-table tfoot td, table.te-new-app-table tfoot td {
border-top: 1px solid #CCCCCC;
padding:10px;
}
table.quote-table tbody tr, table.te-new-app-table tbody tr {
background-color: #FFFFFF;
vertical-align:top;
}
table.quote-table tbody tr.odd , table.te-new-app-table tbody tr.odd {
background-color:#F3F3F3;
}
table.quote-table tbody td, table.te-new-app-table tbody td {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 5px;/*Changed from 7px May 4, 2012*/
}
table.quote-table thead th.center, table.te-new-app-table thead th.center , table.quote-table tbody td.center, table.te-new-app-table tbody td.center {
text-align:center;
}
table.te-new-app-table thead th.important {
font-size:11px !important;
font-weight:bold;
}
table.quote-table thead th.right, table.te-new-app-table thead th.right , table.quote-table tbody td.right, table.te-new-app-table tbody td.right {
text-align:right;
}
table.te-new-app-table tbody td.right p a {
float:left;
text-align: left;
}
.results table.quote-table thead th, .results table.te-new-app-table thead th {
padding:3px;
}
.results table.quote-table tbody td, .results table.te-new-app-table tbody td {
padding: 3px;
}
.results table.quote-table tbody td p.number-splitter, span.number-splitter, .results table.te-new-app-table tbody td p.number-splitter {
width: 85px;
word-wrap:break-word;
}
.results table.quote-table tbody td p.email-splitter, .results table.te-new-app-table tbody td p.email-splitter {
width: 100px;
word-wrap:break-word;
}
.results table.quote-table tr.part-details p.number-splitter, .results table.te-new-app-table tr.part-details p.number-splitter {
width: 60px;
word-wrap:break-word;
}
.results table.products-quoted thead th.status, .results table.te-new-app-products thead th.status {
/*min-width:70px;
max-width:70px;*/
}
.results table.products-quoted thead th.item-number, .results table.te-new-app-products thead th.item-number {
/*min-width:50px;
max-width:50px;*/
}
.results table.products-quoted thead th.te-internal, .results table.te-new-app-products thead th.te-internal {
/*min-width:86px;
max-width:86px;*/
}
.results table.products-quoted thead th.prod-desc, .results table.te-new-app-products thead th.prod-desc {
/*min-width: 110px;
max-width: 110px;*/
}
.results table.products-quoted thead th.cpn-rpn, .results table.te-new-app-products thead th.cpn-rpn {
/*min-width:150px;
max-width:150px;*/
}
.results table.products-quoted thead th.order-quantity, .results table.te-new-app-products thead th.order-quantity {
/*min-width:80px;
max-width:80px;*/
}
.results table.products-quoted thead th.uom, .results table.products-quoted thead th.units, .results table.products-quoted thead th.price-per, .results table.te-new-app-products thead th.uom, .results table.te-new-app-products thead th.units, .results table.te-new-app-products thead th.price-per {
min-width: 25px;
}
.results table.products-quoted thead th.unit-price, .results table.te-new-app-products thead th.unit-price {
min-width:50px;
}
.results table.products-quoted thead th.total-value, .results table.te-new-app-products thead th.total-value {
/*min-width:70px;
max-width:70px;*/
}
.results table.products-quoted tbody td, .results table.te-new-app-products tbody td {
border-left: none;
border-right: none;
border-top: 1px solid #CCCCCC;
padding: 5px;/*was padding: 5px; 2/16/2012. Then was 5px 5px 0; Changed back to 5px on 7/17/2012.*/
}
.results table.te-new-app-products tbody td.add-border-right {
border-right: 1px solid #ccc;
}
.results table.te-new-app-products tbody td.right-button-padding {
padding: 7px 4px 7px 0;
}
.results table.products-quoted tbody tr.part-details, .results table.te-new-app-products tbody tr.part-details {
border-bottom:1px solid #ccc;
}
.results table.products-quoted tbody tr.part-details td, .results table.te-new-app-products tbody tr.part-details td {
border-left: none;
border-right: none;
border-top: none;
padding: 5px;
}
table.quote-table tbody td img, table.te-new-app-table tbody td img {
padding:0 1px;
}
table.quote-table tbody td input.text, table.te-new-app-table tbody td input.text {
clear:both;
margin: 10px 0 7px;
}
table.te-new-app-table tbody td input.short-text {
clear: both;
height:16px;
margin: 0;
width: 100px;
}
table.te-new-app-table tbody td input.long-text {
clear: both;
height:16px;
margin: 0;
width: 225px;
}
table.quote-table tbody td p.expired, table.te-new-app-table tbody td p.expired {
color:#ff0000;
}
/*Inline Table Required input fields and select statements. Added 3/22/2012*/
table.te-new-app-table input.required, table.te-new-app-table textarea.required, table.te-new-app-table select.required, table input.required, table textarea.required, table select.required, .orange-part-area .required {
border: 1px solid #FF0000;
}
/*Inline Table Errors - how the input boxes and textarea boxes display if the required value is missing. Added 3/22/2012*/
table.te-new-app-table input.error, table.te-new-app-table textarea.error, table input.error, table textarea.error, .orange-part-area .error {
background: none repeat scroll 0 0 #FFEECC !important;
border: 2px solid #FF0000;
}
.results table.products-quoted tr.part-details table, .results table.te-new-app-products tr.part-details table {
margin:0;
}
.results table.products-quoted tr.part-details table thead tr, .results table.te-new-app-products tr.part-details table thead tr {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/thead-details-background.jpg") no-repeat scroll left top #e4e4e4;
padding: 10px;
}
.results table.products-quoted tr.part-details table thead th, .results table.te-new-app-products tr.part-details table thead th {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
color: #444444;
font-family: arial,helvetica,sans-serif;
font-size: 10px;
padding: 3px;
}
.results table.te-new-app-products tr.part-details table thead th.dimensions {
width:70px;
}
.results table.products-quoted tr.part-details table tbody td, .results table.te-new-app-products tr.part-details table tbody td {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 3px !important;
}
table.quote-table tbody tr td table tbody tr td, table.te-new-app-table tbody tr td table tbody tr td {
line-height: 12px;
padding: 5px !important;
}
table.quote-table tbody tr td.no-pad table tbody tr td, table.te-new-app-table tbody tr td.no-pad table tbody tr td {
line-height: 16px;
padding: 10px !important;
}
table.quote-table tbody tr td.no-pad table, table.te-new-app-table tbody tr td.no-pad table {
margin-left:30px;
}
.results table.products-quoted tr.part-details table tbody td p, .results table.te-new-app-products tr.part-details table tbody td p {
font-size:10px;
}
.results table.products-quoted tr.part-details table tbody tr.odd, .results table.te-new-app-products tr.part-details table tbody tr.odd {
background-color: #F3F3F3;
}
.results table.te-new-app-products tr.part-details table tbody a {
font-weight:bold;
}
table.quote-table tbody tr.odd td table tbody tr, table.te-new-app-table tbody tr.odd td table tbody tr {
background-color: #f3f3f3 !important;
}
table.quote-table tbody tr.odd:hover td table tbody tr, table.te-new-app-table tbody tr.odd:hover td table tbody tr {
background-color: #ffeecc !important;
/*Took off the !important tag and the definition itself, January 2013. There was just TOO MUCH orange with the various nested tables. But had to add it back in because Recent Activities is not displaying correctly when tables are within the same table row that is being hovered over.*/
}
table.quote-table tbody tr:hover td table tbody tr, table.te-new-app-table tbody tr:hover td table tbody tr {
background-color: #ffeecc !important;
/*Took off the !important tag and the definition itself, January 2013. There was just TOO MUCH orange with the various nested tables. But had to add it back in because Recent Activities is not displaying correctly when tables are within the same table row that is being hovered over.*/
}
/*NEW TABLE LOOK, 3-D look, added March 2013*/
.faux-drop-shadow {
box-shadow: 0 3px 5px #000000;
height: 2px;
margin-top: 30px;
position: absolute;
width: 898px;
z-index: 0;
}
table.new-look {
border-collapse: separate !important;
}
table.new-look tbody tr, table.new-look tbody tr.odd {
background-color: #EFEFEF;
vertical-align: top;
}
table.new-look tbody tr td, table.new-look tbody tr.odd td{
background-color: #EFEFEF;
border-collapse: separate !important;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #cccccc;
}
table.manage-mpl-wrapper tbody tr td.blank-gray-area, table.app-content-wrapper tbody tr td.blank-gray-area {
background-color: #DDDDDD;
/*border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
vertical-align: top;*/
}
table.new-look tbody tr td ul {
list-style-position: inside;
list-style-type: disc;
padding-left: 10px;
padding-top: 8px;
}
table.manage-mpl-wrapper tbody tr td.blank-gray-area div, table.app-content-wrapper tbody tr td.blank-gray-area div {
width:252px;
}
table.manage-mpl-wrapper tbody tr td.empty-white-edge-wrapper div, table.app-content-wrapper tbody tr td.empty-white-edge-wrapper div {
width:13px;
}
table.manage-mpl-wrapper a {
clear:both;
}
table.manage-mpl-wrapper h2.center-text {
clear:both;
}
.te-search-gallery-data table.te-main-links {
margin: 0;
}
.te-search-gallery-data table.te-main-links td {
border-top: 0px !important;
}
.te-search-gallery-data table.te-main-links th, .te-search-gallery-data table.te-main-links td {
background: none repeat scroll 0 0 transparent;
border-left: 0px !important;
color: #555555;
font-size: 10px;
font-weight: bold;
padding: 6px 10px;
text-align: center;
}
.te-search-gallery-data table.te-main-links .select-to-action {
/*background-color:#ffeecc;*/
border: 1px solid #ee7722;
border-radius:.5em;
/*padding:6px 8px;*/
padding:5px;
}
.results .nested-table-title {
font-size: 12px;
font-weight: bold;
margin: 10px 0 5px;
}
.results .future-packaging {
float: left;
}
.results .future-prices {
float: left;
margin: 0 0 0 10px;
}
.results p a.pdf-link {
line-height: 20px;
vertical-align: top;
}
div.radio-wrapper {
clear: both;
line-height: 20px;
margin: 0 0 4px;
vertical-align: middle;
}
/*Added 5/22/2012*/
.with-tooltips div.radio-wrapper, .with-tooltips div.checkbox-wrapper, .no-tooltips div.checkbox-wrapper {
clear: both;
float: left;
height: auto !important;
line-height: 12px;
margin: 0 0 4px;
padding: 2px 0 !important;
vertical-align: middle;
width: 100% !important;
}
.with-tooltips div.radio-wrapper input.radio {
clear: both;
float: left;
}
.with-tooltips div.checkbox-wrapper {
padding: 1px 0 !important;
}
.with-tooltips div.checkbox-wrapper span.label-with-tooltip, .with-tooltips div.checkbox-wrapper span {
font-size: 11px !important;
font-weight:normal !important;
margin-left: 0 !important;
vertical-align: top;
width: auto;
}
.with-tooltips div.checkbox-wrapper span.label-with-tooltip input, .with-tooltips div.checkbox-wrapper input, .no-tooltips div.checkbox-wrapper input {
float: left;
margin-right: 5px !important;
margin-top: 0 !important;
vertical-align: top;
}
.with-tooltips div.radio-wrapper label, .with-tooltips div.checkbox-wrapper span.label-with-tooltip label, .with-tooltips div.checkbox-wrapper label, .no-tooltips div.checkbox-wrapper label {
line-height: 12px;
padding-bottom: 0.5em !important;
padding-left: 0 !important;
vertical-align: middle;
}
.no-tooltips div.checkbox-wrapper {
padding: 4px 0 !important;
}
.no-tooltips div.checkbox-wrapper input {
margin-top: 0 !important;
}
/*END-Added 5/22/2012*/
#status div.radio-wrapper {
clear: left;
float: left;
margin: 0 0 4px;
padding: 0;
vertical-align: middle;
}
#status div.radio-wrapper input {
vertical-align: top !important;
}
div.radio-wrapper p.subtext {
font-size:9px;
font-style:italic;
padding-left:18px;
}
span.optional-text {
float:left;
font-size:9px;
font-style:italic;
padding-left:5px;
padding-top: 5px;
text-transform: uppercase;
}
div.tooltip-balancer {
margin-top:7px;
}
.search-choices .radio-wrapper span.disabled {
color:#bbb;
}
div.multiple-form-types-wrapper {
clear: left;
float:left;
padding-bottom: 10px;
}
div.multiple-form-types-wrapper input.one-text-box {
color: #555555;
margin-right: 15px;
margin-top: 5px;
}
div.single-select {
float: none !important;
text-align: center;
}
table.quote-table tbody td input.part-num, table.te-new-app-table tbody td input.part-num {
background-color: #FFFFFF;
clear:both;
height: 16px;
margin: 10px 0 7px;
padding: 2px;
width: 190px;
}
table.quote-table tbody td input.narrow-text, table.te-new-app-table tbody td input.narrow-text {
background-color: #FFFFFF;
height: 16px;
padding: 2px;
width: 95px;
}
table.te-new-app-table tbody td input.medium-text {
background-color: #FFFFFF;
height: 16px;
padding: 2px;
width: 135px;
}
table.te-new-app-table tbody td input.wide-text {
background-color: #FFFFFF;
height: 16px;
padding: 2px;
width: 175px;
}
table.quote-table tbody td input.quantity, table.quote-table tbody td input.price-agreement, table.quote-table tbody td input.proj-num, table.quote-table tbody td input.pricing-partner, table.te-new-app-table tbody td input.quantity, table.te-new-app-table tbody td input.price-agreement, table.te-new-app-table tbody td input.proj-num, table.te-new-app-table tbody td input.pricing-partner {
background-color: #FFFFFF;
padding: 2px;
width: 85px;
}
table.quote-table tbody td span.part-message, table.quote-table tbody td span.part-desc, table.te-new-app-table tbody td span.part-message, table.te-new-app-table tbody td span.part-desc {
clear:both;
float:left;
line-height: 11px;
padding:3px 0 5px;
/*width: 205px;*/
}
table.quote-table tbody td span.static-text, table.quote-table tbody td span.product-desc, table.te-new-app-table tbody td span.static-text, table.te-new-app-table tbody td span.product-desc {
clear:both;
float:left;
padding:3px 0 5px;
}
table.quote-table tbody td span.sold-to, table.te-new-app-table tbody td span.sold-to {
clear:both;
float:left;
padding:3px 0 5px;
}
table.quote-table tbody td span.helper, table.te-new-app-table tbody td span.helper {
float:left;
padding: 0 5px 0 2px;
}
table.quote-table tbody td span.part-error, table.te-new-app-table tbody td span.part-error {
clear:both;
color:#ff0000;
float:left;
line-height:12px;
padding:3px 0 5px;
width: 205px;
}
table.quote-table tbody td span.active, table.te-new-app-table tbody td span.active, table.te-new-app-table tbody td .active {
clear:both;
float:left;
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-correct.png") no-repeat left top;
line-height:15px;
height:15px;
padding:0 0 0 23px;
}
table.quote-table tbody td span.inactive, table.te-new-app-table tbody td span.inactive, table.te-new-app-table tbody td .inactive {
clear:both;
float:left;
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-warning.png") no-repeat left top;
line-height:18px;
height:18px;
padding:0 0 0 12px;
}
table.quote-table tbody td span.obsolete, table.te-new-app-table tbody td span.obsolete, table.te-new-app-table tbody td .obsolete {
clear:both;
color:#555555;
float:left;
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-wrong.png") no-repeat left top;
line-height:14px;
height:14px;
padding:0 0 0 19px;
}
table.te-new-app-table tbody td a {
font-weight:bold;
}
table.quote-table tbody td span.restricted, table.te-new-app-table tbody td span.restricted, table.te-new-app-table tbody td .restricted {
clear:both;
color:#ff0000;
float:left;
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/secure-lock-icon.png") no-repeat left top;
line-height:16px;
height:16px;
padding:0 0 0 21px;
}
table.quote-table tbody td span.preliminary, table.te-new-app-table tbody td span.preliminary, table.te-new-app-table tbody td .preliminary {
clear:both;
color:#ff0000;
float:left;
background: url("/_TEincludes/ver/1686/TEimages/preliminary.png") no-repeat left top;
line-height:18px;
height:18px;
padding:0 0 0 23px;
}
.copy-in-all-rows {
clear:both;
float:left;
padding-top:10px;
}
.copy-in-all-rows span {
padding-left:5px;
}
table.clean-table tbody tr{
/*cursor:pointer;*/
}
table.clean-table tbody tr:hover, table.clean-table tbody tr:hover table tbody tr {
background-color:#ffeecc !important;
}
table.clean-table tbody td, table.clean-table tbody td {
border:none !important;
}
.wizard-area table.clean-table tbody tr:hover {
background-color:#ffffff !important;
}

/*Action Item Buttons*/
.actionItemWrapper {
float: left;
margin: 20px 0 20px 300px;
}
.full-page-top-action-items {
margin: 20px 0 0;
width:900px;
}
.full-page-bottom-action-items-float-left {
margin: 10px 0 0;
width: 900px;
}
.page-action-bar {
float:right;
/*margin-right: 18px;*/
}
.expandable-area {
float:left;
padding-left:10px;
padding-top: 8px;
position: absolute;
z-index: 100;
}
.page-action-bar p.link-next-to-button {
padding-left:24px;
min-width:100px;
}
.page-action-bar a {
color: #005588;
display: inline-block;
font-weight:bold;
/*line-height: 18px;*/
/*margin: 7px 0;
padding-left: 24px;*/
text-decoration: none;
}
.page-action-bar .emailLink, .page-action-bar .printLink, .page-action-bar .viewPDFLink, .page-action-bar .copyLink, .page-action-bar .expandLink, .page-action-bar .collapseLink {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/page-action-bar.png");
background-repeat: no-repeat;
height:20px;
line-height:20px;
padding-left:25px;
}
.page-action-bar .viewPDFLink {
background-position: 0 0px;
padding-right: 15px;
}
.page-action-bar .viewPDFLink:hover {
background-position: 0 -20px;
}
.page-action-bar .emailLink {
background-position: 0 -40px;
margin-right: 5px;
}
.page-action-bar .emailLink:hover {
background-position: 0 -60px;
}
.page-action-bar .printLink {
background-position: 0 -80px;
padding-right: 15px;
}
.page-action-bar .printLink:hover {
background-position: 0 -100px;
}
.page-action-bar .copyLink {
background-position: 0 -120px;
padding-right: 15px;
}
.page-action-bar .copyLink:hover {
background-position: 0 -140px;
}
.page-action-bar .export-excel {
background:url("/_TEincludes/ver/1686/TEimages/result_xls.png") no-repeat 4px 2px transparent;
height:20px;
line-height:20px;
padding-left:25px;
}
.page-action-bar .expandLink, .page-action-bar .collapseLink {
float: left;
font-weight: normal;
height: 20px;
margin: 0;
padding-left: 0;
padding-right: 5px;
width: 20px;
}
.page-action-bar .expandLink {
background-position: 0 -160px;
}
.page-action-bar .expandLink:hover {
background-position: 0 -180px;
}
.page-action-bar .collapseLink {
background-position: 0 -200px;
}
.page-action-bar .collapseLink:hover {
background-position: 0 -220px;
}
table.products-quoted .page-action-bar, table.te-new-app-products .page-action-bar {
float: left;
padding: 0 0 5px;
/*removed the min-width:75px line Jan 12*/
}
table.te-new-app-products .page-action-bar p {
padding-left:25px;/*New style added Jan 12*/
}
table.te-new-app-products .page-action-bar p.red , table.te-new-app-products .page-action-bar p.orange, table.te-new-app-products .page-action-bar p.green{
padding-left:0;/*New style added Jan 12*/
}
table.products-quoted .page-action-bar span, table.te-new-app-products .page-action-bar span {
float: right;
line-height: 20px;
}
table.te-new-app-products .page-action-bar span.helper {
float: left;
line-height: 20px;
}
table.te-new-app-products .page-action-bar span.no-expand-collapse {
float: none;
}
.full-page-bottom-action-items {
margin: 20px 35% 40px;
}
.full-page-bottom-single-action {
margin: 20px 35%;
}
.actionItemDiv, .actionItemContent, .action-item-next, .action-item-add{
color: #555555;
float: left;
font-family: Verdana;
font-size: 9pt;
font-weight: bold;
/*height: 27px;*/
}
.actionItemDiv {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll 0 0 transparent;
border: 0px !important;
height: auto;/*Changed from 30px May 30, 2012*/
margin: 0 15px 0 0;
padding: 0 0 0 10px;
width: auto;
}
.previousActionItemDiv {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll 0 -330px transparent;
border: 0px !important;
float: left;
height: auto;/*Changed from 30px May 30, 2012*/
margin: 0 15px 0 0;
padding: 0 0 0 30px;
width: auto;
}
.action-item-previous {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -60px transparent;
color: #555555;
float: left;
font-family: Verdana;
font-size: 9pt;
font-weight: bold;
height: auto;/*Changed from 30px May 30, 2012*/
line-height: 14px;/*Changed from 30px May 30, 2012*/
padding: 0 10px 0 0;
}
.actionItemDiv .actionItemContent {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") repeat-x scroll 0 -30px transparent;
border: 0px !important;
color: #005588;
height: auto;/*Changed from 22px on May 30, 2012*/
line-height: 14px;/*Added 3/5/2012*/
padding: 8px 10px 8px 0;/*Changed from 8px 10px 0 0 on May 30, 2012*/
text-align: left;
}
.actionItemDiv .actionItemContent:hover {
text-decoration:underline;
color:#ee7722;
}
.previousActionItemDiv .action-item-previous .actionItemContent {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") repeat-x scroll 0 -30px transparent;
border: 0px !important;
color: #005588;
height: auto;/*Changed from 30px May 30, 2012*/
line-height: 14px;/*Changed from 30px May 30, 2012*/
padding: 8px 0 8px 10px;
text-align: left;
}
.previousActionItemDiv .action-item-previous .actionItemContent:hover {
text-decoration:underline;
color:#ee7722;
}
.actionItemContent a {
color: #555555;
text-decoration: none;
}
.actionItemDiv .action-item-next {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -210px transparent;
border: 0px !important;
height: auto;/*Changed from 30px May 30, 2012*/
margin: 0;
padding: 0 30px 0 0;
width: auto;
}
.actionItemDiv .action-item-next:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -240px transparent;
cursor:pointer;
}
.previousActionItemDiv:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll 0 -360px transparent;
cursor:pointer;
}
.actionItemDiv .action-item-add {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -270px transparent;
border: 0px !important;
height: auto;/*Changed from 30px May 30, 2012*/
margin: 0;
padding: 0 30px 0 0;
width: auto;
}
.actionItemDiv .action-item-add:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -300px transparent;
cursor:pointer;
}
.disabled .actionItemDiv, table.quote-table td div.disabled, table.te-new-app-table td div.disabled, .multiple-form-types-wrapper div.disabled {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll 0 -480px transparent;
border: 0px !important;
height: auto;/*Changed from 30px May 30, 2012*/
margin: 0 15px 0 0;
padding: 0 0 0 10px;
width: auto;
}
.disabled .previousActionItemDiv {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll 0 -450px transparent;
border: 0px !important;
height: auto;/*Changed from 30px May 30, 2012*/
margin: 0 15px 0 0;
padding: 0 0 0 30px;
width: auto;
}
.disabled .actionItemContent, .disabled .previousActionItemDiv .action-item-previous .actionItemContent {

background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") repeat-x scroll 0 -510px transparent;
border: 0px !important;
color:#bbb;
height: auto;/*Changed from 22px on May 30, 2012*/

line-height: 14px;/*Added 3/5/2012*/
padding: 8px 10px 8px 0;/*Changed from 8px 10px 0 0 on May 30, 2012*/

text-align: left;
width: auto%;
}
.disabled .previousActionItemDiv .action-item-previous {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -540px transparent;
}
.disabled .previousActionItemDiv .action-item-previous .actionItemContent {
padding: 8px 0 8px 10px;
}
.disabled .previousActionItemDiv:hover {
cursor:default !important;
text-decoration: none !important;
}
.disabled .action-item-next {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -390px transparent;
border: 0px !important;
height: auto;/*Changed from 30px May 30, 2012*/

margin: 0;
padding: 0 30px 0 0;
width: auto;
}
.disabled .action-item-add {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -420px transparent;
border: 0px !important;
height: auto;/*Changed from 30px May 30, 2012*/

margin: 0;
padding: 0 30px 0 0;
width: auto;
}
.disabled .action-item-next:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -390px transparent;
color:#bbb;
cursor:default;
text-decoration:none;
}
.disabled .action-item-add:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -420px transparent;
color:#bbb;
cursor:default;
text-decoration:none;
}
.disabled .actionItemContent:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") repeat-x scroll 0 -510px transparent;
color:#bbb;
cursor:default;
text-decoration:none !important;
}
.disabled .actionItemDiv .actionItemContent:hover {
color: #BBBBBB;
text-decoration: none !important;
}

/*Orange Buttons --- Narrow */
body.te-new-app .te-orange-btn-narrow {
padding: 0 0 0 8px !important;
}
body.te-new-app .te-orange-btn-narrow span {
padding: 0 8px 0 0 !important;
}
body.te-new-app .te-orange-btn-narrow span b {
padding:0 !important;
}

/***************Disabled form of orange buttons SET******************/
/********************This set can go global**************************/
/*This set now includes 3 versions of this, as of March 23, 2012*/
/*1) To correspond with "request-quote" as appended in the body tag, as with 1st design of Request-Quote app.*/
/*2) To correspond with "te-new-app" as appended in the body tag for all self-service applications, including redesigns.*/
/*3) To be available anywhere for orange buttons that need to be disabled when the application calls in te-new-app.css in the <head> or from the framework.*/
body.request-quote .disabled-orange-btn, body.request-quote .disabled-orange-btn span, body.request-quote .disabled-orange-btn span b, body.te-new-app .disabled-orange-btn, body.te-new-app .disabled-orange-btn span, body.te-new-app .disabled-orange-btn span b, .disabled-orange-btn, .disabled-orange-btn span, .disabled-orange-btn span b {
background: url("/_TEincludes/ver/1686/TEimages/te-global-buttons-orange-complete.png") no-repeat scroll 0 -198px transparent;
}
body.request-quote .disabled-orange-btn span, body.te-new-app .disabled-orange-btn span, .disabled-orange-btn span {
background-position: right -242px;
}
body.request-quote .disabled-orange-btn span b, body.te-new-app .disabled-orange-btn span b, .disabled-orange-btn span b {
background-position: 0 -220px;
background-repeat: repeat-x;
}
body.request-quote .disabled-orange-btn:link, body.request-quote .disabled-orange-btn:visited, body.request-quote .disabled-orange-btn:hover, body.request-quote .disabled-orange-btn:active, body.request-quote .disabled-orange-btn:link span, body.request-quote .disabled-orange-btn:visited span, body.request-quote .disabled-orange-btn:hover span, body.request-quote .disabled-orange-btn:active span, body.request-quote .disabled-orange-btn:link span b, body.request-quote .disabled-orange-btn:visited span b, body.request-quote .disabled-orange-btn:hover span b, body.request-quote .disabled-orange-btn:active span b, body.te-new-app .disabled-orange-btn:link, body.te-new-app .disabled-orange-btn:visited, body.te-new-app .disabled-orange-btn:hover, body.te-new-app .disabled-orange-btn:active, body.te-new-app .disabled-orange-btn:link span, body.te-new-app .disabled-orange-btn:visited span, body.te-new-app .disabled-orange-btn:hover span, body.te-new-app .disabled-orange-btn:active span, body.te-new-app .disabled-orange-btn:link span b, body.te-new-app .disabled-orange-btn:visited span b, body.te-new-app .disabled-orange-btn:hover span b, body.te-new-app .disabled-orange-btn:active span b, .disabled-orange-btn:link, .disabled-orange-btn:visited, .disabled-orange-btn:hover, .disabled-orange-btn:active, .disabled-orange-btn:link span, .disabled-orange-btn:visited span, .disabled-orange-btn:hover span, .disabled-orange-btn:active span, .disabled-orange-btn:link span b, .disabled-orange-btn:visited span b, .disabled-orange-btn:hover span b, .disabled-orange-btn:active span b {
text-decoration: none !important;
cursor:text !important;
}
body.request-quote .disabled-orange-btn:hover, body.request-quote .disabled-orange-btn:hover span, body.request-quote .disabled-orange-btn:hover span b, body.te-new-app .disabled-orange-btn:hover, body.te-new-app .disabled-orange-btn:hover span, body.te-new-app .disabled-orange-btn:hover span b, .disabled-orange-btn:hover, .disabled-orange-btn:hover span, .disabled-orange-btn:hover span b {
background: url("/_TEincludes/ver/1686/TEimages/te-global-buttons-orange-complete.png") no-repeat scroll 0 -198px transparent;
}
body.request-quote .disabled-orange-btn:hover span, body.te-new-app .disabled-orange-btn:hover span, .disabled-orange-btn:hover span {
background-position: right -242px;
}
body.request-quote .disabled-orange-btn:hover span b, body.te-new-app .disabled-orange-btn:hover span b, .disabled-orange-btn:hover span b {
background-position: 0 -220px;
background-repeat: repeat-x;
}
/***********End - Disabled form of orange buttons SET*****************/

/*Orange Buttons --- TALLER */
.taller-orange-btn .te-btn, body.te-new-app .taller-orange-btn .te-btn {
font-size: 12px !important;
padding: 0 0 0 10px !important;
}
.taller-orange-btn .te-btn span, body.te-new-app .taller-orange-btn .te-btn span {
padding: 0 10px 0 0 !important;
}
.taller-orange-btn .te-btn span b, body.te-new-app .taller-orange-btn .te-btn span b {
height: 30px !important;
line-height: 30px !important;
padding: 0 5px !important;
}
.taller-orange-btn .te-btn, .taller-orange-btn .te-btn span, .taller-orange-btn .te-btn span b, body.te-new-app .taller-orange-btn .te-btn, body.te-new-app .taller-orange-btn .te-btn span, body.te-new-app .taller-orange-btn .te-btn span b {
color: #FFFFFF !important;
cursor: pointer !important;
float: left !important;
}
.taller-orange-btn .te-orange-btn, .taller-orange-btn .te-orange-btn span, .taller-orange-btn .te-orange-btn span b, body.te-new-app .taller-orange-btn .te-orange-btn, body.te-new-app .taller-orange-btn .te-orange-btn span, body.te-new-app .taller-orange-btn .te-orange-btn span b {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te-buttons-orange-taller.png") no-repeat scroll 0 0 transparent !important;
text-decoration: none !important;
}
.taller-orange-btn .te-orange-btn span, body.te-new-app .taller-orange-btn .te-orange-btn span {
background-position: right -60px !important;
}
.taller-orange-btn .te-orange-btn span b, body.te-new-app .taller-orange-btn .te-orange-btn span b {
background-position: 0 -30px !important;
background-repeat: repeat-x !important;
}
.taller-orange-btn .te-orange-btn:link, .taller-orange-btn .te-orange-btn:visited, .taller-orange-btn .te-orange-btn:hover, .taller-orange-btn .te-orange-btn:active, .taller-orange-btn .te-orange-btn:link span, .taller-orange-btn .te-orange-btn:visited span, .taller-orange-btn .te-orange-btn:hover span, .taller-orange-btn .te-orange-btn:active span, .taller-orange-btn .te-orange-btn:link span b, .taller-orange-btn .te-orange-btn:visited span b, .taller-orange-btn .te-orange-btn:hover span b, .taller-orange-btn .te-orange-btn:active span b, body.te-new-app .taller-orange-btn .te-orange-btn:link, body.te-new-app .taller-orange-btn .te-orange-btn:visited, body.te-new-app .taller-orange-btn .te-orange-btn:hover, body.te-new-app .taller-orange-btn .te-orange-btn:active, body.te-new-app .taller-orange-btn .te-orange-btn:link span, body.te-new-app .taller-orange-btn .te-orange-btn:visited span, body.te-new-app .taller-orange-btn .te-orange-btn:hover span, body.te-new-app .taller-orange-btn .te-orange-btn:active span, body.te-new-app .taller-orange-btn .te-orange-btn:link span b, body.te-new-app .taller-orange-btn .te-orange-btn:visited span b, body.te-new-app .taller-orange-btn .te-orange-btn:hover span b, body.te-new-app .taller-orange-btn .te-orange-btn:active span b {
text-decoration: none !important;
}
.taller-orange-btn .te-orange-btn-hover, body.te-new-app .taller-orange-btn .te-orange-btn-hover {
background-position: 0 -180px !important;
}
.taller-orange-btn .te-orange-btn-hover span, body.te-new-app .taller-orange-btn .te-orange-btn-hover span {
background-position: right -240px !important;
}
.taller-orange-btn .te-orange-btn-hover span b, body.te-new-app .taller-orange-btn .te-orange-btn-hover span b {
background-position: 0 -210px !important;
}
.taller-orange-btn .te-orange-btn-active, body.te-new-app .taller-orange-btn .te-orange-btn-active {
background-position: 0 -90px !important;
}
.taller-orange-btn .te-orange-btn-active span, body.te-new-app .taller-orange-btn .te-orange-btn-active span {
background-position: right -150px !important;
}
.taller-orange-btn .te-orange-btn-active span b, body.te-new-app .taller-orange-btn .te-orange-btn-active span b {
background-position: 0 -120px !important;
}
.taller-orange-btn .textual-link {
float:left;
font-size:11px;
font-weight:bold;
line-height:30px;
}
/*Disabled form of taller orange buttons*/
.taller-orange-btn .disabled-orange-btn, .taller-orange-btn .disabled-orange-btn span, .taller-orange-btn .disabled-orange-btn span b, body.te-new-app .taller-orange-btn .disabled-orange-btn, body.te-new-app .taller-orange-btn .disabled-orange-btn span, body.te-new-app .taller-orange-btn .disabled-orange-btn span b {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te-buttons-orange-taller.png") no-repeat scroll 0 -270px transparent !important;
}
.taller-orange-btn .disabled-orange-btn span, body.te-new-app .taller-orange-btn .disabled-orange-btn span {
background-position: right -330px !important;
}
.taller-orange-btn .disabled-orange-btn span b, body.te-new-app .taller-orange-btn .disabled-orange-btn span b {
background-position: 0 -300px !important;
background-repeat: repeat-x !important;
}
/*End - Disabled form of taller orange buttons*/
/*END - Taller Orange Buttons*/

/******GRAY GRADIENT Button********/
.grayButtonLeftCap {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll 0 0 transparent;
border: 0px !important;
height: 30px;
margin: 0 15px 0 0;
padding: 0 0 0 10px;
width: auto;
}
.grayButtonContent, .disabled .grayButtonContent {
font-weight: bold;
}
.grayButtonContent {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") repeat-x scroll 0 -30px transparent;
border: 0px !important;
height: 22px;
line-height: 14px;
padding: 8px 0 0;
text-align: left;
}
.grayButtonRightCap {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -60px transparent;
border: 0px !important;
height: 30px;
margin: 0;
padding: 0 10px 0 0;
width: auto;
}
/****END - Gray Gradient Button****/
/******Disabled GRAY GRADIENT Button*********/
.disabled .grayButtonLeftCap {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll 0 -480px transparent;
border: 0px !important;
height: 30px;
margin: 0 15px 0 0;
padding: 0 0 0 10px;
width: auto;
}
.disabled .grayButtonContent {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") repeat-x scroll 0 -510px transparent;
border: 0px !important;
color: #BBBBBB;
height: 22px;
line-height: 14px;
padding: 8px 0 0;
text-align: left;
}
.disabled .grayButtonRightCap {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite.jpg") no-repeat scroll right -540px transparent;
border: 0px !important;
height: 30px;
margin: 0;
padding: 0 10px 0 0;
width: auto;
}
/****END - Disabled Gray Gradient Button****/

body.request-quote .orange-button-left, body.te-new-app .orange-button-left {
float:left;
padding-right:15px;
}

.file-attachments {
/*padding-top:30px;*/
padding: 0 15px 15px;
}
.comment-attachments {
padding-top:15px;
}
.comment-attachments h3 {
font-size:14px;
font-weight:bold;
}
.file-attachments h2 {
font-size: 16px;
font-weight: bold;
}
.static-info .file-attachments h2 {
padding-bottom:10px;
}
.file-attachments p {
font-size: 11px;
line-height: 15px;
padding: 10px 0;
}
.static-info .file-attachments p {
height: 26px;
line-height: 26px;
padding: 2px 0;
}
.static-info .table-topper {
float: left;
width: 900px;
}
.stacked .table-topper {
float: left;
margin-top: 25px;
width: 900px;
}
.results-static {
float: left;
}
.results-actionable {
float: right;
}
.results-header {
font-size:16px;
font-weight:bold;
padding-right:10px;
}
.table-topper div.details {
float: left;
width: 350px;
}
.table-topper div.page-options {
float: right;
width: auto;
}
.table-topper div.page-options select {
clear:left;
float:left;
font-size: 10px;
margin: 5px 15px;
}
.attachment-work-area {
/*padding-bottom:15px;*/
}
.attachment-work-area .add-more-file-info {
border-bottom:1px solid #ccc;
float:left;
margin-bottom:15px;
}
.attachment-work-area .add-more-file-info p {
clear: left;
font-weight: bold;
padding: 0;
}
.attachment-work-area .add-more-file-info input {
clear:left;
float:left;
height: 20px;
margin:5px 0 12px 0;
}
.checkbox-work-area {
clear: both;
float: left;
margin: 15px 0 0;
padding-bottom: 15px;
}
.attachment-work-area tr.checkbox-wrapper, .checkbox-work-area tr.checkbox-wrapper {
height:32px;
line-height:32px;
padding:5px 0;
width:auto;
}
.attachment-work-area tr.link-wrapper, .checkbox-work-area tr.link-wrapper {
height:auto;
line-height: 15px;
width:auto;
}
.attachment-work-area tr.checkbox-wrapper td, .checkbox-work-area tr.checkbox-wrapper td {
padding:1px 0;
}
.attachment-work-area tr.checkbox-wrapper input.checkbox, .checkbox-work-area tr.checkbox-wrapper input.checkbox {
height:10px;
margin: 10px 10px 10px 0;
}
.checkbox-work-area tr.checkbox-wrapper span.helper {
display:inline;
font-size: 7pt;
margin-left: 5px;
width: 15px;
}
.attachment-work-area tr.checkbox-wrapper span.button-wrapper {
float:left;
}
.attachment-work-area tr.checkbox-wrapper input.file-name {
float: left;
height: 23px;
margin: 2px 10px 4px 0;
width: 250px;
}
.attachment-work-area tr.checkbox-wrapper span.clear-field {
float: left;
margin-left:10px;
font-size:11px;
}
.attachment-work-area tr.checkbox-wrapper input.upload-improve {
background: none repeat scroll 0 0 #FFFFFF;
height:28px;
text-align:left;
width: 235px;
}

/*TOOLTIP OVERRIDES*/
.te-tooltip .dijitTooltipContainer {
min-width: 150px;
max-width:350px;
width:auto;
}
.dijitTooltip {
background: none repeat scroll 0 0 transparent;
max-width: 350px;
min-width: 50px;
width: auto;
}
/*DOJOX GRID OVERRIDES*/
#grid {
border: 1px solid #CCCCCC;
overflow: hidden;
}

/*OTHER DIJIT OVERRIDES*/
.TE_pageLoadOuterDiv {
z-index: 1000;
}
.tundra .dijitTab {
font-size: 11px !important;
margin: 0 10px 0 5px !important;
}
.tundra .dijitTabContainerTop-tabs .dijitTabChecked {
margin: 0 5px 0 0 !important;
}
.tundra .dijitInputField INPUT, .tundra .dijitTextBox, .tundra .dijitComboBox, .tundra .dijitSpinner {
/*height: 20px;*/
}
.dijitInputField {
height: auto;
}
.tundra .dijitTextBox, .tundra .dijitComboBox, .tundra .dijitSpinner, .tundra .dijitTextArea, .tundra .dijitInlineEditor input {
height: 20px;
width: 185px;
}
.no-border .dijitTabContainerTop-tabs {/*These no-border styles added to create the "dojo-looking" tabs for GSPR, by modifying the tabs to only show tabs and top line --- not entire wrapping box*/
border: 0px !important;
margin-bottom: 0 !important;
}
.no-border .dijitTabContainerTop-container {
background-color: #FFFFFF !important;
border: 0px !important;
margin-top: -1px !important;
}
.no-border .dijitTabContainerTop-dijitContentPane {
background-color: #FFFFFF !important;
border: 0px !important;
padding: 0;
margin-top: -1px !important;
}




/*OVERRIDES TO OLD TE TABLE STYLES*/
.TE_raisedtablebackground {
background: none repeat scroll 0 0 transparent;
font-weight: bold;
line-height: 1.5em;
margin: 0 0 4px;
padding: 0;
}
.TE_raisedtable {
background: none repeat scroll 0 0 transparent;
border: medium none;
width: 100%;
}
table.TE_table_nogrid {
border: 1px solid #CCCCCC;
border-collapse: collapse;
padding: 3px;
}
.TE_table_nogrid th {
background-color: #006699;
border-bottom: 1px solid black;
border-top: 0px #C6A765 !important;
color: #FFFFFF;
padding: 5px 0;
}
#orderHeader {
background-color: #F9F9F9;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin: 10px 0;
padding: 10px 0;
}
/*Added 1/3/2012 for GPI TABS area*/
.tundra .part-area .dijitTabContainerTop-tabs div.teFirstTabChecked {
background:url('/_TEincludes/ver/1686/TEimages/pdp_paint_tabsprite_indus.jpg') no-repeat scroll 0 -324px transparent;
}
/**********OVERLAYS***********/
#overlayScreen {
background: none repeat scroll 0 0 #BBBBBB;
display: none;
height: 100%;
left: 0;
opacity: 0.8;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}

/*NARROW OVERLAYS*/
.paste-part-numbers-wrapper, .narrow-wrapper {
clear: both;
left: 50%;
margin: auto auto auto -190px;
position: fixed;
display: none;
width: 385px;
z-index: 1001;
}
.paste-part-numbers-wrapper .overlay1, .narrow-wrapper .overlay1 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/narrow-wrapper-bottom.png") no-repeat scroll left bottom transparent;
float: left;
padding: 0 0 20px;
width: 380px;
}
.paste-part-numbers-wrapper .overlay2, .narrow-wrapper .overlay2 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/narrow-wrapper.png") no-repeat scroll left top transparent;
float: left;
padding: 20px 30px 10px;
width: 320px;
}

/*EMAIL OVERLAY*/
.email-wrapper {
display: none;
margin-left:545px;
margin-top: -18px; /*new*/
position: absolute;
/*top: 282px;/*was 207px*/
width: 365px;
z-index:50;
}
.rfq-email-wrapper {
margin-top:-68px;
right:-18px;
}
.email-overlay1 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/email-overlay-bottom.png") no-repeat left bottom transparent;
float:left;
padding:0 0 30px;
width:365px;
}
.email-overlay2 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/email-overlay.png") no-repeat left top transparent;
float:left;
padding:60px 30px 0 30px;
width:305px;
}
.email-overlay2 p {
font-size:12px;
line-height: 16px;
padding-bottom: 3px;
}
.email-overlay2 textarea {
height:50px;
margin: 10px 0;
width: 295px;
}

/*SMALL POP-OVER OVERLAY*/
.small-pop-over-wrapper {
display: none;
margin-left: 700px;
margin-top: -58px;
position: absolute;
width: 265px;
z-index:10;
}
.small-pop-over1 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/small-overlay-popover-bottom.png") no-repeat left bottom transparent;
float:left;
padding:0 0 30px;
width:235px;
}
.small-pop-over2 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/small-overlay-popover-top.png") no-repeat left top transparent;
float:left;
padding: 22px 22px 0;
width: 191px;
}
.small-pop-over2 div.tab-name {
color:#ee7722;
font-size: 10px;
font-weight:bold;
margin-bottom: 30px;
width: 150px;
}
.small-pop-over2 p {
line-height: 16px;
padding-bottom: 3px;
}
.small-pop-over2 textarea {
height:50px;
margin: 10px 0;
width: 165px;
}

/*MEDIUM SIZED OVERLAYS*/
.calendar-wrapper, .medium-wrapper {
clear: both;
display: none;
left: 50%;
margin: auto auto auto -290px;
position: fixed;
width: 585px;
z-index: 1001;
}
.calendar-wrapper .overlay1, .medium-wrapper .overlay1 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/medium-wrapper-bottom.png") no-repeat scroll left bottom transparent;
float: left;
padding: 0 0 20px;
width: 580px;
}
.calendar-wrapper .overlay2, .medium-wrapper .overlay2 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/medium-wrapper.png") no-repeat scroll left top transparent;
float: left;
padding: 30px 30px 10px;
width: 520px;
}
.medium-wrapper .file-attachments {
padding-top: 0px;
}
.medium-wrapper a {
font-weight:bold;
}
.calendar-wrapper .widget-area {
float: left;
height: 230px;
padding-right: 25px;
width: 210px;
}
.calendar-wrapper .links-area {
font-size:12px;
line-height:24px;
}
.calendar-wrapper .links-area h2, .medium-wrapper .overlay2 h2 {
font-size:16px;
font-weight:bold;
padding-bottom:10px;
}
.medium-wrapper .overlay2 p {
font-size: 12px;
line-height: 14px;
margin-bottom: 5px;
padding: 5px 0;
/*margin-bottom: 10px;
padding-bottom: 10px;*/
}
.medium-wrapper .overlay2 table.quote-table p, .medium-wrapper .overlay2 table.te-new-app-table p {
padding:0;
margin:0;
}
.medium-wrapper .overlay2 table.quote-table td.quantity p, table.te-new-app-table td.quantity p {
text-align:right;
}
.medium-wrapper .overlay2 ul {
clear: both;
float: left;
font-size: 12px;
line-height: 16px;
list-style: disc outside none;
margin: 10px 0;
padding: 0 0 0 15px;
}
.medium-wrapper .overlay2 ul li {
padding:5px 0;
}

/*LARGE OVERLAYS*/
.large-wrapper {
clear: both;
left:50%;
margin: auto auto auto -425px;
position: fixed;
display: none;
width: 850px;
z-index: 1002;
}
.large-wrapper .overlay1 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/large-wrapper-bottom.png") no-repeat scroll left bottom transparent;
float: left;
padding: 0 0 20px;
width: 850px;
}
.large-wrapper .overlay2 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/large-wrapper.png") no-repeat scroll left top transparent;
float: left;
padding: 20px 30px 10px;
width: 790px;
}

/*X-LARGE Wrapper*/
.specify-part-wrapper, .x-tra-large-wrapper {
clear: both;
display: none;
left: 50%;
margin: auto auto auto -500px;
position: fixed;
width: 1000px;
z-index: 1002;
}
.specify-part-wrapper .overlay1, .x-tra-large-wrapper .overlay1 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/x-large-wrapper-bottom.png") no-repeat scroll left bottom transparent;
float: left;
padding: 0 0 20px;
width: 1000px;
}
.specify-part-wrapper .overlay2, .x-tra-large-wrapper .overlay2 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/x-large-wrapper.png") no-repeat scroll left top transparent;
float: left;
padding: 20px 30px 10px;
width: 940px;
}

/*PART AMBIGUITY OVERLAY INSIDES*/
.product-ambiguity-wrapper {
border-bottom:1px solid #ccc;
padding-bottom:15px;
margin-bottom:15px;
}
.product-ambiguity-single {
border-bottom:0;
padding-bottom:0;
margin-bottom:0;
}
.confined-height {
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
clear:left;
float: left;
max-height: 300px;
overflow-y: scroll;
}
.product-ambiguity-wrapper table {
clear:both;
}
.product-ambiguity-topper {
float:left;
width:932px;
}
.product-ambiguity-topper .remove-product-wrapper {
float:left;
border-right:1px solid #ccc;
padding:10px 30px 10px 0;
margin-right:10px;
height:25px;
width:80px;
}
.product-ambiguity-topper .remove-product-wrapper span.remove-button {
float:left;
width:20px;
padding:5px 10px 5px 0;
}
.product-ambiguity-topper .remove-product-wrapper span.remove-label {
float:left;
width:30px;
font-weight:bold;
}

/*OVERLAY INSIDES*/
.overlay-content {
padding-bottom: 10px;
}
.overlay-content h2 {
color: #555555;
font-size: 16px;
font-weight: bold;
}
.overlay-content p {
color: #555555;
font-size: 12px;
line-height: 16px;
padding: 10px 0;
}
.overlay-content textarea.text {
height: 270px;
margin: 5px 0 10px;
width: 300px;
}
.set-height-overlay-center {
����max-height:�300px;
����overflow-y:�scroll;
}

/*X-Large Overlay Details Center Content*/
.details-wrapper {
float: left;
margin: 15px 0 0;
width: 940px;
}
.details-wrapper h2 {
font-size:18px;
font-weight:bold;
margin-bottom:24px;
}
.details-wrapper h2 span.separator {
padding:0 20px;
color:#ccc;
font-weight:normal;
}
.details-wrapper span.orange {
color:#ee7722;
}

/*SIDEBAR AREA*/
.side-bar {
float: left;
}
.side-bar-container {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-side-bar.png") no-repeat scroll -434px bottom transparent;
float: left;
height: auto;
padding: 0 0 10px;
width: 217px;
}
.side-bar-container h2 {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-side-bar.png") no-repeat scroll 0 0 transparent;
color: #ffffff;
font-size: 12px;
font-weight: bold;
height: 15px;
margin: 0;
padding: 8px 12px;
width: 193px;
}
.side-bar-content {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-side-bar.png") repeat-y scroll -217px 0 transparent;
color: #555555;
padding: 0;
width: 217px;
}
.side-bar-content .inner-sub-sections {
display: inline-block;
padding: 0 1px;
width: 215px;
}
.side-bar-content .section {
border-bottom:1px solid #ccc;
padding: 10px;
}
.side-bar-content .section h3 {
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}
.side-bar-content .section p {
}
.side-bar-content .section:hover {
background-color:#ffeecc;
}
.side-bar-content .bottom-section {
border-bottom:none;
}
.side-bar-content .section p.number-splitter {
width: 197px;
word-wrap:break-word;
}
/*END-SIDEBAR AREA*/

/*Defining Directions to User*/
.defining-directions-wrapper {
clear: both;
float: left;
margin: 5px 0 0;
width: 100%;
}
.defining-directions-wrapper .please-include {
float:left;
margin-right:25px;
}
.defining-directions-wrapper h4 {
font-weight:bold;
margin-bottom:5px;
}
.defining-directions-wrapper .example {
float:left;
width:500px;
}
.defining-directions-wrapper .small-sample-text {
color:#999;
font-size:10px;
line-height:13px;
}
.detailed-description {
margin-bottom:15px;
}
.detailed-description .within-pages {
width: 70%;
}
.detailed-description textarea {
background-color: #FFFFFF;
float:left;
font-family: Verdana,Arial,Helvetica,sans-serif;
height: 80px;
margin: 0;
overflow-y: scroll;
vertical-align: baseline;
width: 650px;
}
.search-choices textarea {
background-color: #FFFFFF;
float:left;
font-family: Verdana,Arial,Helvetica,sans-serif;
height: 135px;
margin: 0;
overflow-y: scroll;
vertical-align: baseline;
width: 285px;
}
.search-choices select, .filter-choices select {
clear: left;
float:left;
font-size: 100%;
height: 20px;
line-height: 20px;
min-width: 150px;
}
.search-choices select.max-width {
margin-bottom:5px;
max-width: 188px;
}
.search-choices .search-tip {
clear:left;
float:left;
margin-top: 5px;
}
.search-choices .search-tip span {
color: #EE7722;
font-size: 10px !important;
font-style: italic;
font-weight: normal;
line-height: 12px;
}
.details-attachment-area {
clear: both;
padding-top:0;
}
.static-info .details-attachment-area p {
height: auto;
line-height: 14px;
padding: 5px 0;
width: 75%;
}

/*Form Compartment Areas (on Submit reports pages)*/
form .form-compartment-area .field label {
float: left;
width:100%;
}
form .form-compartment-area .sharing-right label {
width: auto;
}
form .form-compartment-area .field p {
clear: left;
}
form .form-compartment-area .field div {
clear: left;
}
.form-compartment-area {
float:left;
width:100%;
}
.form-compartment-area .form-compartment {
clear:both;
float:left;
width:900px;
}
.left-button-wrapper {
clear:left;
float:left;
}
.form-compartment-area .form-compartment .left {
clear: left;
float: left;
margin-right: 30px;
width: 385px;
}
.form-compartment-area .form-compartment .right {
float: left;
width: 425px;
}
.form-compartment-area .field {
clear: left;
float: left;
padding-top: 20px;
}
.form-compartment-area .field span {
line-height:20px;
}
.form-compartment-area .field select {
line-height:20px;
height:20px;
font-size:100%;
}
.form-compartment .field {
clear: left;
float: left;
margin-top: 10px;/*Changed this from 12px to 10px, December 2012*/
padding-top: 2px !important;/*Added this line December 2012. Was never previously defined*/
}
.form-compartment-area .bottom-field {
margin-bottom: 25px;
}
.form-compartment-area .top-field {
padding-top: 5px !important;
}
.form-compartment .detailed-description {
margin-bottom: 0;
}
.form-compartment .field label {
display: block;/*Added this line December 2012. Was never previously defined, but because the label tag often wraps a span tag, the label incorrectly runs next to the field, whereas it should be on top of the field.*/
padding-left:0 !important;
}
.form-compartment .field label span {
font-weight:bold;
float: left;
line-height: 14px;
padding-bottom: 1px;
padding-left:0 !important;
margin-left:0;
width:auto;
}
.form-compartment-area .field label span.non-important-text {
clear: left;
display: block;
float: left;
font-weight: normal;
line-height: 14px;
padding-bottom: 8px;
}
.form-compartment-area .field span.inline {
float: left;
padding-left:5px;
}
.form-compartment-area input.text-narrow {
width: 40px;
}
.form-compartment-area input.text-small {
width: 144px;
}
.form-compartment-area input.text-medium {
width: 175px;
}
.form-compartment-area input.text-wide {
width: 225px;
}
.form-compartment-area .dijitTextBox {
width: 225px;
}
.form-compartment-area .sharing-left {
width:185px;
float:left;
padding-right:10px;
}
.form-compartment-area span.details-right {
float: left;
line-height: 14px;
width: 300px;
}
.form-compartment-area .sharing-right {
clear: none;
float:left;
width:185px;
}
.form-compartment-area .sharing-right label span {
width: 200px !important;
}
.form-compartment-area .radio-wrapper {
clear:both;
float:left;
height:auto;
line-height:13px;
margin:0;
vertical-align:bottom;
}
.form-compartment-area .radio-wrapper input.radio {
float: left;
margin-right: 4px;
margin-top: 0;
vertical-align: bottom !important;
}
.form-compartment-area .radio-wrapper span {
float: left;
padding: 5px 0;
}
.form-compartment-area .radio-wrapper span.radio-desc {
padding: 0;
width: 300px;
}
.form-compartment-area .choices-made {
background-color:#ffeecc;
padding:8px;
margin:8px 0;
float:left;
font-size:10px;
}
.wizard-area .form-compartment-area .radio-wrapper {
clear: both;
float: left;
height: auto;
line-height: 13px;
margin: 0 0 10px;
}
.wizard-area .form-compartment-area .field div {
clear: none !important;
}
table.bottom-actions, table.form-feedback-area {
clear: both;
margin: 10px auto;
text-align:center;
}
table.no-margin-bottom {
margin-bottom: 0;
}
table.bottom-actions a.multiple-ctas {
margin-right: 15px;
}
table.bottom-actions span.cancel-action {
line-height: 22px;/*This is related to the height of the orange button. So, this changed back to regular height Jan 2012*/
margin-left: 15px;
}
table.taller-orange-btn span.cancel-action {
line-height: 30px;
}

/*ROUNDED CORNERS - HALF & HALF*, as on the TECHS/NNS Landing Page*/
/*EFFECTS*/
/*.special-details-headers {/*First use: GSPR*/
/*background-image: -moz-linear-gradient(center top , #ffffff, #dddddd); /* FF3.6 */
/*background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #dddddd)); /* Safari 4+, Chrome 2+ */
/*background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); /* Safari 5.1+, Chrome 10+ */
/*background-image: -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.1+ */
/*background-image: -ms-linear-gradient(top, #ffffff, #dddddd); /* IE10+ */
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')"; /* IE8+ */
/*background-image: linear-gradient(top, #ffffff, #dddddd);
border: 1px solid #CCCCCC;
-webkit-border-radius: 0.5em 0.5em 0 0;
-moz-border-radius: 0.5em 0.5em 0 0;
border-radius: 0.5em 0.5em 0 0;
font-size: 12px;
font-weight: bold;
padding: 8px;
}*/
/*Flat design, adopted 2/2014*/
.special-details-headers {
background-color: #EFEFEF;
background-image: none;
border-color: #CCCCCC !important;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
font-size: 12px;
font-weight: bold;
padding: 8px;
}
.special-details-footer {/*First use: GPI*/
background-image: -moz-linear-gradient(center top , #ffffff, #dddddd); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #dddddd)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #ffffff, #dddddd); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')"; /* IE8+ */
background-image: linear-gradient(top, #ffffff, #dddddd);
border: 1px solid #CCCCCC;
-webkit-border-radius: 0 0 0.5em 0.5em;
-moz-border-radius: 0 0 0.5em 0.5em;
border-radius: 0 0 0.5em 0.5em;
padding: 8px;
}
.border-radius {
-webkit-border-radius: 1em !important;
-moz-border-radius: 1em !important;
border-radius: 1em !important;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.add-rounded-border-gray {
-webkit-border-radius: 1em !important;
-moz-border-radius: 1em !important;
border-radius: 1em !important;
border:1px solid #bbbbbb;
padding:10px;
}
.add-rounded-border-orange {
-webkit-border-radius: 1em !important;
-moz-border-radius: 1em !important;
border-radius: 1em !important;
border:1px solid #ee7722;
padding:10px;
}
.add-rounded-bottom-border-orange {
-webkit-border-radius: 0 0 1em 1em !important;
-moz-border-radius: 0 0 1em 1em !important;
border-radius: 0 0 1em 1em !important;
border:1px solid #ee7722;
padding:10px;
}
.add-rounded-bottom-border-gray {
-webkit-border-radius: 0 0 1em 1em !important;
-moz-border-radius: 0 0 1em 1em !important;
border-radius: 0 0 1em 1em !important;
border:1px solid #bbbbbb;
padding:10px;
}
.border-half-radius {
-webkit-border-radius: .5em !important;
-moz-border-radius: .5em !important;
border-radius: .5em !important;
border:1px solid #bbbbbb;
padding:10px;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.border-radius-top-only {
-webkit-border-radius: .5em .5em 0 0 !important;
-moz-border-radius: .5em .5em 0 0 !important;
border-radius: .5em .5em 0 0 !important;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.border-radius-bottom-only {
-webkit-border-radius: 0 0 .5em .5em !important;
-moz-border-radius: 0 0 .5em .5em !important;
border-radius: 0 0 .5em .5em !important;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.border-radius-left-only {
border:1px solid #cccccc;
-webkit-border-radius: .5em 0 0 .5em !important;
-moz-border-radius: .5em 0 0 .5em !important;
border-radius: .5em 0 0 .5em !important;
}
.border-radius-right-only {
border:1px solid #cccccc;
-webkit-border-radius: 0 .5em .5em 0 !important;
-moz-border-radius: 0 .5em .5em 0 !important;
border-radius: 0 .5em .5em 0 !important;
}
.border-radius-bottom-only-1 {
-webkit-border-radius: 0 0 1em 1em !important;
-moz-border-radius: 0 0 1em 1em !important;
border-radius: 0 0 1em 1em !important;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.thin-border {
border:1px solid #cccccc;
padding: 15px;
}
.thin-border-no-bottom {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 15px;
}
.gradient {
background-image: -moz-linear-gradient(center top , #ffffff, #dddddd); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #dddddd)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #ffffff, #dddddd); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')"; /* IE8+ */
background-image: linear-gradient(top, #ffffff, #dddddd);
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.dark-gray-gradient {
background-image: -moz-linear-gradient(center top , #cccccc, #666666); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cccccc),color-stop(1, #666666)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #cccccc, #666666); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #cccccc, #666666); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #cccccc, #666666); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#666666'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#666666')"; /* IE8+ */
background-image: linear-gradient(top, #cccccc, #666666);
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.medium-gray-fade-down {
background-image: -moz-linear-gradient(center top , #cccccc, #ffffff); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cccccc),color-stop(1, #ffffff)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #cccccc, #ffffff); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #cccccc, #ffffff); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #cccccc, #ffffff); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff')"; /* IE8+ */
background-image: linear-gradient(top, #cccccc, #ffffff);
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.drop-shadow {
-webkit-box-shadow: #cccccc 1px 1px 10px;
-moz-box-shadow: 1px 1px 10px #cccccc;
box-shadow: #cccccc 1px 1px 10px;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.top-border-radius {/*First use: GSPR.*/
-webkit-border-radius: 0.5em 0.5em 0 0;
-moz-border-radius: 0.5em 0.5em 0 0;
border-radius: 0.5em 0.5em 0 0;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.rounded-bottom {/*First use: GPI*/
background-color:#ffffff;
border: 1px solid #CCCCCC;
-webkit-border-radius: 0 0 0.5em 0.5em;
-moz-border-radius: 0 0 0.5em 0.5em;
border-radius: 0 0 0.5em 0.5em;
}
.complete-border-radius {/*First use: GSPR.*/
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
}
.complete-border-radius-1 {/*First use: GSPR.*/
-webkit-border-radius: 1em 1em 1em 1em !important;
-moz-border-radius: 1em 1em 1em 1em !important;
border-radius: 1em 1em 1em 1em !important;
}
.wizard-nav {
border: 1px solid #CCCCCC;
float: left;
margin: 10px 0;
width: 898px;
}
.nav-with-last-button-active {
background:url("/_TEincludes/ver/1686/TEimages/leapfrog/active-button-background.png") no-repeat right top;
border: 1px solid #CCCCCC;
float: left;
margin: 10px 0;
width: 898px;
}
.wizard-nav a.button {
color:#555555;/*added because the wizard steps for first round of RFQ 2.0 are not links, May 3, 2012*/
cursor: text;/*added because the wizard steps for first round of RFQ 2.0 are not links, May 3, 2012*/
float: left;
max-width:149px;
text-align:center;
}
/*this hover style added because the wizard steps for first round of RFQ 2.0 are not links, May 3, 2012*/
.wizard-nav a.button:hover, .wizard-nav a.button:active, .wizard-nav a.button:link {
color:#555555 !important;
text-decoration: none !important;
}
.wizard-nav a.button span {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
font-size: 11px;
font-weight: bold;
height: auto;
line-height: 11px;
padding: 12px 15px;
text-align: center;
}
.wizard-nav a.button span.pointer {
background:url("/_TEincludes/ver/1686/TEimages/leapfrog/left-pointer.png") no-repeat right top transparent;
float: left;
font-weight: bold;
height: 35px;
padding: 0;
text-align: center;
width: 21px;
}
.wizard-nav a.active span {
background:url("/_TEincludes/ver/1686/TEimages/leapfrog/active-button-background.png") no-repeat left top;
}
.wizard-nav a.active span.pointer {
background:url("/_TEincludes/ver/1686/TEimages/leapfrog/left-active-pointer.png") no-repeat right top transparent;
width:21px;
}
.wizard-nav a span.first-button-active {
background-image: -moz-linear-gradient(center top , #ffffff, #dddddd); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #dddddd)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #ffffff, #dddddd); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')"; /* IE8+ */
background-image: linear-gradient(top, #ffffff, #dddddd);
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.wizard-nav a.last-button {
background:#ffffff;
border-right: none;
}
.nav-with-last-button-active a.active span {
background:url("/_TEincludes/ver/1686/TEimages/leapfrog/active-button-background.png") no-repeat right top;
}
.wizard-nav a.longer-button {
max-width: 149px;
}
.wizard-nav a.longer-button span {
height: auto;
max-width: 108px;
padding: 6px 10px 7px;
}
.wizard-nav a.last-longer-button span {
max-width: 128px;
padding: 6px 10px 7px;
}

/*END-EFFECTS*/

div.left-half {
float: left;
margin-right: 20px;
width: 405px;
}
div.min-height {
min-height: 500px;
}
div.right-half {
float: right;
width: 405px;
}
div.thin-border h3.orange, div.thin-border-no-bottom h3.orange {
color:#ee7722;
font-size:14px;
font-weight:bold;
}
div.thin-border ul, .defining-directions-wrapper ul, div.thin-border-no-bottom ul {
line-height: 14px;
list-style: disc outside none;
margin-left: 16px;
padding: 10px 0;
}
.defining-directions-wrapper ul {
padding:0;
}
div.thin-border ul li, .defining-directions-wrapper ul li, div.thin-border-no-bottom ul li {
padding: 8px 0;
}
a.important-link {
font-size: 11px;
font-weight: bold;
}
div.thin-border p, div.thin-border-no-bottom p {
line-height: 14px;
padding:15px 0;
}
div.thin-border p.stacked, div.thin-border-no-bottom p.stacked {
padding:15px 0 0;
}
div.thin-border h3.top-rule, div.thin-border-no-bottom h3.top-rule {
border-top:1px solid #ccc;
padding-top:15px;
margin-top:15px;
}
div.thin-border .field p {
line-height: 13px;
padding: 0;
}
/*Details Center Area*/
.static-info .details p, .details p {
font-size: 12px;
padding: 3px 0 0;
}
.static-info .details p.small, .details p.small {
font-size: 11px;
padding: 3px 0 0;
}
.static-info .details p.important, .important {
font-size:11px;
font-weight:bold;
}
.static-info .details {
padding-bottom:5px;
}
.static-info .pad-top {
padding-top:10px;
padding-bottom: 5px;
}
.details-content-wrapper {
float:left;
margin-left:24px;
width: 690px;
}
.details-content-wrapper .field {
clear:left;
padding-top: 16px;
}
.details-content-wrapper .top-field {
padding-top: 0;
}
.details-content-wrapper textarea {
background-color: #FFFFFF;
height: 70px;
overflow-y: scroll;
padding: 2px 0 2px 2px;
width: 690px;
}
.details-content-wrapper div.left {
border-right: 1px solid #CCCCCC;
clear: left;
float: left;
margin: 15px 20px 15px 0;
min-height: 210px;
padding-right: 20px;
width: 320px;
}
.details-content-wrapper p.number-splitter {
width: 197px;
word-wrap:break-word;
}
.details-content-wrapper div.right {
float: left;
margin: 15px 0 15px 0;
width: 325px;
}
.details-content-wrapper .document-list {
background-color: #FFFFFF;
border: 2px inset #CCCCCC;
height: 56px;
overflow-y: scroll;
width: 320px;
}
.details-content-wrapper .document-list ul li {
padding: 1px 2px;
}
.details-content-wrapper .document-list ul li:hover {
background-color:#ffeecc;
}
.details-content-wrapper .results-table-wrapper {
width: 690px;
}
.details-content-wrapper .results-table-wrapper table.te-new-app-table {
width:100%;
}
.details-content-wrapper div.field label {
line-height: 20px;
padding-left:0;
}
.details-content-wrapper div.field label span {
font-weight:bold;
}
.te-new-app-table th span.label-with-tooltip {
font-size:12px !important;
font-weight:normal;
line-height:16px;
}
.results table.te-new-app-products tr.part-details table thead th span.label-with-tooltip {
float:left;
font-size: 10px;
line-height:11px;
padding-right: 2px;
}
.results table.te-new-app-products tr.part-details table thead th span.helper {
display: inline;
float: none;
padding: 0 0 0 2px;
}
.results table.te-new-app-products tr.part-details table thead th span.helper a.questionIcon {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/help-small.png") no-repeat scroll left top transparent !important;
cursor: pointer;
display:inline;
float: left;
height: 10px;
padding: 0;
width: 10px;
}
.results table.te-new-app-products tr.part-details table thead th span.helper a.questionIcon:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/help-small.png") no-repeat scroll left bottom transparent !important;
cursor: pointer;
display: inline-block;
height: 10px;
padding: 0;
width: 10px;
}
.results table.save-space span.label-with-tooltip, .save-space th span.label-with-tooltip {
float:left;
font-size: 11px !important;
line-height:12px;
padding-right: 2px;
}
table.save-space thead th, table.quote-table thead th.save-space, table.te-new-app-table thead th.save-space {
font-size:11px;
line-height:12px;
padding:3px;
}
table.quote-table thead th.save-space select.save-space , table.te-new-app-table thead th.save-space select.save-space {
width:90px;
}
th.save-space span.label-with-tooltip {
font-size: 11px;
font-weight: normal;
line-height: 12px;
}
table.save-space thead th.shipped-qty {
width: 45px;
}
table.save-space thead th.ship-method {
width: 45px;
}
table.save-space select.inline-topper {
width:65px;
}
table.save-space select.inline-topper option {
font-size:10px;
}
table.te-new-app-products select.regular-select {
margin-top: 3px;
width: auto;
}
table.save-space select {
font-size:80%;
}
body.te-new-app .screen-area .dijitContentPane .criteria-wrapper .results-table-wrapper {
width: 848px !important;
}
body.te-new-app .screen-area .dijitContentPane .criteria-wrapper .results-table-wrapper table.save-space select {
max-width:150px;
overflow: hidden;
}
/*TOP ICON MESSAGES ON OVERLAYS and WITHIN PAGES*/
.top-feedback {
clear: both;
float: left;
width: 100%;
}
.top-info, .top-feedback .top-info {
float: left;
min-height: 50px;
padding: 0 20px 10px 50px;
}
.top-feedback .top-info {
padding-bottom:25px;
}
.stacked-top {
border-bottom: 1px solid #CCCCCC;
margin: 20px 0;
padding-bottom: 10px;
}
.search-by-area .top-feedback .top-info {
padding-bottom:15px;
}
.stacked-top .top-info {
padding-bottom:15px;
}
.stacked-top .static-details {
float:left;
clear:left;
padding-bottom:10px;
}
.stacked-top .verify-info {
font-size: 12px;
line-height: 16px;
}
.stacked-top .static-details p {
padding:0 0 3px 0;
}
.stacked-top .static-details p span {
font-weight:bold;
padding-right:5px;
}
.update-area-wrapper {
background-color: #EFEFEF;
float: left;
padding: 20px 15px;
width: 870px;
}
.top-feedback .within-pages {
margin-top: 15px;
padding: 0 0 15px 50px;
}
.warning, .top-feedback .warning {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-icon-warning.png") no-repeat scroll left top transparent;
}
.did-you-know, .top-feedback .did-you-know {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-icon-did-you-know.png") no-repeat scroll left top transparent;
}
.error-large, .top-feedback .error-large {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-icon-error.png") no-repeat scroll left top transparent;
}
.success-large, .top-feedback .success-large {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/overlay-icon-success.png") no-repeat scroll left top transparent;
}
.no-overlay-icon {
float: left;
padding: 0 20px 10px !important;
}
.top-info h3, .top-feedback .top-info h3 {
font-size:16px;
font-weight:bold;
line-height: 18px;
padding-top: 5px;
}
.top-info h4, .top-feedback .top-info h4 {
font-weight:bold;
padding:5px 0;
}
.top-info h3.no-second-line, .top-feedback .top-info h3.no-second-line {
padding-top: 15px;
}
.top-info h4.no-second-line, .top-feedback .top-info h4.no-second-line {
font-size: 14px;
font-weight:bold;
padding-top: 15px;
}
.top-info p, .top-feedback .top-info p {
font-size:12px;
padding-top:5px;
}
.top-info p em, .top-feedback .top-info p em {
font-style: italic;
}
.top-info .static-info .field p {
padding-top:0;
}
.top-info select, .top-feedback .top-info select {
float: left;
font-size: 11px;
height: 20px;
margin-top: 10px;
}
body.request-quote div.bottom-ctas, body.te-new-app div.bottom-ctas {
clear:both;
text-align:center;
margin: 0 25%;
padding-top: 10px;
}
body.request-quote div.single-action, body.te-new-app div.single-action {
margin:0 40%;
}
body.request-quote .medium-wrapper div.bottom-ctas, body.te-new-app .medium-wrapper div.bottom-ctas {
margin: 0 42%;
text-align: center;
float: left;
padding-top: 10px;
text-align: center;
}
body.request-quote .medium-wrapper div.wide-button, body.te-new-app .medium-wrapper div.wide-button {
margin: 0 35%;
}
body.request-quote div.specify-part-ctas-wrapper, body.te-new-app div.specify-part-ctas-wrapper {
float: left;
margin: 0 35%;
}
.cancel-action {
line-height:30px;
}
.cancel-action a {
font-weight:normal;
}
.close_overlay {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/close_overlay.png") no-repeat scroll 0 0 transparent;
height: 30px;
position: absolute;
right: -5px;
top: -5px;
width: 30px;
}

/*PAGINATION*/
.lf_pagination {
/*On RFQ--clear: both;*/
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
}
.lf_pagination li {
float: left;
font-family: Helvetica,Arial,sans-serif;
font-size:11px;
line-height: 2em;
margin: 0 0 0 0.25em;
}
.lf_pagination li a:link, .lf_pagination li a:visited {
background: url("/_TEincludes/ver/1686/TEimages/bg_pagination.png") repeat-x scroll 0 0 #CCCCCC;
border: 0.1em solid #CCCCCC;
color: #666666;
display: block;
float: left !important;
font-weight:normal;
padding: 0 0.65em;
text-decoration: none;
vertical-align: middle;
}
.lf_pagination li a:active, .lf_pagination li a:hover {
background: url("/_TEincludes/ver/1686/TEimages/bg_pagination.png") repeat-x scroll 0 -174px #668899;
border: 0.1em solid #668899;
color: #FFFFFF;
}
.lf_pagination .lf_pagination_more_indicator {
border: 0 none;
cursor: default;
letter-spacing: 0.15em;
padding: 0 0.25em;
}
.lf_pagination .lf_pagination_active_page {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
color: #666666;
cursor: default;
padding: 0 0.65em;
}
.gallery_pagination {
clear:right;/*From RFQ -- Added July 18, 2011 due to having this share the float right with the Export to Excel link*/
float: right;
margin: 0;
padding: 0;
}
.gradient-background-wrapper {
background-image: -moz-linear-gradient(center top , #DEDEDE, #FFFFFF);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DEDEDE),color-stop(1, #ffffff)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #DEDEDE, #ffffff); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #DEDEDE, #ffffff); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #DEDEDE, #ffffff); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEDEDE', endColorstr='#ffffff')"; /* IE8+ */
background-image: linear-gradient(top, #DEDEDE, #ffffff);
border-radius: 0 0.5em 0.5em 0.5em;
clear: left;
float: left;
font-size: 8.5pt;
padding: 10px;
width: 880px;
}
.gradient-background-wrapper table.full-width {
font-size:11px;
}
.project-wrapper {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-border-radius: 1em !important;
-moz-border-radius: 1em !important;
border-radius: 1em !important;
opacity: 0.5;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
padding:10px;
}
.project-wrapper:hover {
opacity: .75;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
/* IE 5-7 */
filter: alpha(opacity=75);
/* Netscape */
-moz-opacity: 0.75;
/* Safari 1.x */
-khtml-opacity: 0.75;
}
.active-project {
opacity: 1.0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1.0;
/* Safari 1.x */
-khtml-opacity: 1.0;
}
.active-project:hover {
opacity: 1.0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1.0;
/* Safari 1.x */
-khtml-opacity: 1.0;
}
.shortcut-menu-wrapper {
float:left;
background-color: #ffffff;
border:1px solid #ee7722;
-webkit-border-radius: .5em .5em .5em .5em !important;
-moz-border-radius: .5em .5em .5em .5em !important;
border-radius: .5em .5em .5em .5em !important;
float:right;
margin-left: 670px;
padding-top:5px !important;
padding-bottom:5px !important;
padding-left:5px !important;
padding-right:5px !important;
padding: 5px !important;
position: absolute;
/*width: 150px;*/
z-index: 1;
}
.shortcut-menu-wrapper:hover {
cursor:pointer;
}
.shortcut-menu-active {
background-color: #FFEECC;
z-index: 2;
}
.shortcut-menu-wrapper .shortcut-icon {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/preferences-gear.png") no-repeat 0 0 transparent;
height:35px;
width:35px;
}
.shortcut-menu-wrapper:hover .shortcut-icon {
background: url("/_TEincludes/ver/1686/TEimages/preferences-gear-hover.png") no-repeat 0 0 transparent;
}
.shortcut-menu-wrapper .click-to-expand {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/inner-expanded.gif") no-repeat right center transparent;
height: 35px;
width: 12px;
}
.shortcut-menu-wrapper .expanded-menu {
float: left;
margin-left: 5px;
margin-top: 10px;
width: 150px;
}
.shortcut-menu-wrapper .action-item {
float: left;
height: 25px;
line-height: 25px;
margin: 2px 0;
padding: 0 0 0 30px;
}
.shortcut-menu-wrapper .quote {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -525px transparent;
}
.shortcut-menu-wrapper .quote:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -550px transparent;
}
.shortcut-menu-wrapper .edit{
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -600px transparent;
}
.shortcut-menu-wrapper .edit:hover{
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -625px transparent;
}
.shortcut-menu-wrapper .view {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -825px transparent;
}
.shortcut-menu-wrapper .view:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -850px transparent;
}
.shortcut-menu-wrapper .remove {
background: url('/_TEincludes/ver/1686/TEimages/remove-project.png') no-repeat left 0px transparent;
}
.shortcut-menu-wrapper .remove:hover {
background: url('/_TEincludes/ver/1686/TEimages/remove-project.png') no-repeat left -25px transparent;
}
.previous-button-wrapper, .next-button-wrapper {
background-color: #ffffff;
border:1px solid #cccccc;
float:left;
padding-top:5px !important;
padding-bottom:5px !important;
padding-left:5px !important;
padding-right:5px !important;
}
.previous-button-wrapper {
-webkit-border-radius: .5em 0 0 .5em !important;
-moz-border-radius: .5em 0 0 .5em !important;
border-radius: .5em 0 0 .5em !important;
margin-left:10px;
}
.next-button-wrapper {
-webkit-border-radius: 0 .5em .5em 0 !important;
-moz-border-radius: 0 .5em .5em 0 !important;
border-radius: 0 .5em .5em 0 !important;
margin-right:10px;
}
.next, .next-disabled, .previous, .previous-disabled {
float:left;
height:15px;
width:15px;
}
.next {
background: url("/_TEincludes/ver/1686/TEimages/next-previous.png") no-repeat 0 0 transparent;
cursor:pointer;
}
.next:hover {
background: url("/_TEincludes/ver/1686/TEimages/next-previous.png") no-repeat 0 -15px transparent;
}
.next-disabled {
background: url("/_TEincludes/ver/1686/TEimages/next-previous.png") no-repeat 0 -30px transparent;
}
.previous {
background: url("/_TEincludes/ver/1686/TEimages/next-previous.png") no-repeat 0 -45px transparent;
cursor:pointer;
}
.previous:hover {
background: url("/_TEincludes/ver/1686/TEimages/next-previous.png") no-repeat 0 -60px transparent;
}
.previous-disabled {
background: url("/_TEincludes/ver/1686/TEimages/next-previous.png") no-repeat 0 -75px transparent;
}
select.sort-by {
height:30px;
padding: 5px 5px 5px 5px;
}
.te-new-project {
background: url("/_TEincludes/ver/1686/TEimages/te-new-project-40.png") no-repeat 0 0 transparent;
float:left;
height:40px;
width:40px;
}
.te-new-project-small {
background: url("/_TEincludes/ver/1686/TEimages/te-new-project.png") no-repeat 0 0 transparent;
float:left;
height:30px;
width:30px;
}
.te-save-project-small {
background: url("/_TEincludes/ver/1686/TEimages/te-save-project.png") no-repeat 0 0 transparent;
float:left;
height:30px;
width:30px;
}
.te-request-drawing-small {
background: url("/_TEincludes/ver/1686/TEimages/request-drawing.png") no-repeat 0 0 transparent;
float:left;
height:30px;
width:30px;
}
.te-contact-engineer-small {
background: url("/_TEincludes/ver/1686/TEimages/contact-engineer.png") no-repeat 0 0 transparent;
float:left;
height:30px;
width:30px;
}
.cable-solutions-builder-intro {
background: url("/_TEincludes/ver/1686/TEimages/M12_RJ45.png") no-repeat right bottom transparent;
}
.orange-drawing-topper {
background-color: #FFEECC;
border: 1px solid #EE7722;
-webkit-border-radius: 1em 1em 0 0 !important;
-moz-border-radius: 1em 1em 0 0 !important;
border-radius: 1em 1em 0 0 !important;
color: #555555 !important;
font-size: 12px;
font-weight: bold;
padding: 10px;
}
.final-assembly-topper {
background-color: #ee7722;
border: 1px solid #cccccc;
-webkit-border-radius: 1em 1em 0 0 !important;
-moz-border-radius: 1em 1em 0 0 !important;
border-radius: 1em 1em 0 0 !important;
color: #ffffff !important;
font-size: 12px;
font-weight: bold;
padding: 10px;
}
.blue-module-topper {
background-color: #006699;
border: 1px solid #cccccc;
-webkit-border-radius: 1em 1em 0 0 !important;
-moz-border-radius: 1em 1em 0 0 !important;
border-radius: 1em 1em 0 0 !important;
color: #ffffff !important;
font-size: 12px;
font-weight: bold;
padding: 10px;
}
.te-3d-pdf {
background: url("/_TEincludes/ver/1686/TEimages/save-3d-options.png") no-repeat 0 0 transparent;
float:left;
line-height:20px;
padding-left:28px;
}
.te-3d-pdf:hover {
background: url("/_TEincludes/ver/1686/TEimages/save-3d-options.png") no-repeat 0 -20px transparent;
}
.te-save-drawing {
background: url("/_TEincludes/ver/1686/TEimages/save-3d-options.png") no-repeat 0 -40px transparent;
float:left;
line-height:20px;
padding-left:25px;
}
.te-save-drawing:hover {
background: url("/_TEincludes/ver/1686/TEimages/save-3d-options.png") no-repeat 0 -60px transparent;
}
.te-reset {
background: url("/_TEincludes/ver/1686/TEimages/save-3d-options.png") no-repeat 0 -81px transparent;
float:left;
line-height:20px;
padding-left:25px;
}
.te-reset:hover {
background: url("/_TEincludes/ver/1686/TEimages/save-3d-options.png") no-repeat 0 -101px transparent;
}
.te-done-gray {
background: url("/_TEincludes/ver/1686/TEimages/gray-check.png") no-repeat 0 0 transparent;
float:left;
height:15px;
margin-left:10px;
width:22px;
}
.te-done-green {
background: url("/_TEincludes/ver/1686/TEimages/green-check.png") no-repeat 0 0 transparent;
float:right;
height:15px;
width:22px;
}
.te-view-stacked {
background: url("/_TEincludes/ver/1686/TEimages/views.png") no-repeat 0 0 transparent;
float:left;
height:23px;
width:30px
}
.te-view-stacked:hover {
background: url("/_TEincludes/ver/1686/TEimages/views.png") no-repeat 0 -23px transparent;
}
.active-stacked {
background: url("/_TEincludes/ver/1686/TEimages/views.png") no-repeat 0 -46px transparent;
float:left;
height:23px;
width:30px
}
.te-view-grid {
background: url("/_TEincludes/ver/1686/TEimages/views.png") no-repeat 0 -69px transparent;
float:left;
height:23px;
width:30px
}
.te-view-grid:hover {
background: url("/_TEincludes/ver/1686/TEimages/views.png") no-repeat 0 -92px transparent;
}
.active-grid {
background: url("/_TEincludes/ver/1686/TEimages/views.png") no-repeat 0 -115px transparent;
float:left;
height:23px;
width:30px
}
.te-final-drawing {
background: url("/_TEincludes/ver/1686/TEimages/te-final-drawing.png") no-repeat 0 0 transparent;
float:left;
height:200px;
width:200px
}
.te-final-drawing:hover {
background: url("/_TEincludes/ver/1686/TEimages/te-final-drawing.png") no-repeat 0 -200px transparent;
float:left;
height:200px;
width:200px
}
.one-third-module {
background-color: #FFFFFF;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
-webkit-border-radius: 0 0 1em 1em !important;
-moz-border-radius: 0 0 1em 1em !important;
border-radius: 0 0 1em 1em !important;
clear:both;
float:left;
width:270px;
}
.one-third-module table.one-to-one td.label, .cable .static-details-half table.one-to-one td.label {
width: 40% !important;
}
.assembly-tab {
background-image: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #CCCCCC)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #FFFFFF, #CCCCCC); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')"; /* IE8+ */
background-image: linear-gradient(top, #FFFFFF, #CCCCCC);
border: 1px solid #CCCCCC;
border-bottom:0px !important;
-webkit-border-radius: 0.5em 0.5em 0 0 !important;
-moz-border-radius: 0.5em 0.5em 0 0 !important;
border-radius: 0.5em 0.5em 0 0;
color: #555555 !important;
float:left;
font-size: 12px;
font-weight: normal;
padding: 10px;
text-transform:uppercase;
margin-right:5px;
}
.assembly-tab:hover {
background-image: -moz-linear-gradient(center top , #FFFFFF, #dddddd);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #dddddd)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #FFFFFF, #dddddd); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #FFFFFF, #dddddd); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #FFFFFF, #dddddd); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#dddddd')"; /* IE8+ */
background-image: linear-gradient(top, #FFFFFF, #dddddd);
}
.active-assembly-tab {
background-image: -moz-linear-gradient(center top , #FFEECC, #EFEFEF);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFEECC),color-stop(1, #EFEFEF)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #FFEECC, #EFEFEF); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #FFEECC, #EFEFEF); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #FFEECC, #EFEFEF); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEECC', endColorstr='#EFEFEF')"; /* IE8+ */
background-image: linear-gradient(top, #FFEECC, #EFEFEF);
border: 1px solid #ee7722;
font-weight: bold;
}
.active-assembly-tab:hover {
background-image: -moz-linear-gradient(center top , #FFEECC, #EFEFEF);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFEECC),color-stop(1, #EFEFEF)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #FFEECC, #EFEFEF); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #FFEECC, #EFEFEF); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #FFEECC, #EFEFEF); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEECC', endColorstr='#EFEFEF')"; /* IE8+ */
background-image: linear-gradient(top, #FFEECC, #EFEFEF);
}
.part-select-area {
background-color: #cccccc;
border:1px solid #cccccc;
-webkit-border-radius: 1em 0 0 1em !important;
-moz-border-radius: 1em 0 0 1em !important;
border-radius: 1em 0 0 1em !important;
padding:10px 5px;
width:10px;
}
.matching-part {
border-collapse:separate;
-webkit-border-radius: 1em !important;
-moz-border-radius: 1em !important;
border-radius: 1em !important;
border:1px solid #bbbbbb;
margin-bottom:10px;
padding: 0 !important;
width: 100%;
}
.matching-part:hover {
background-color:#ffeecc;
border:1px solid #ee7722;
cursor:pointer;
}
.matching-part:hover td.part-select-area {
background-color: #ee7722;
border:1px solid #ee7722;
}
.matching-part ul.bullets {
color: #555555;
list-style-type: disc;
margin: 5px 2px 10px 5px;
padding-left: 10px;
}
.matching-part ul.bullets li {
padding: 1px 0;
}
.add-grid {
background-image: url("/_TEincludes/ver/1686/TEimages/grid-background.png");
}
.build-drawing {
height:225px;
}
.build-drawing td.connector-1 {
width:230px;
}
.build-drawing td.cable {
width:390px;
}
.build-drawing td.connector-2 {
width:238px;
}
.two-tabs .assembly-tab {
width:46% !important;
}
.three-tabs .assembly-tab {
width:30% !important;
}
.four-tabs .assembly-tab {
width:21.75% !important;
}
.build-drawing td.connector-1 .static-details-half, .build-drawing td.cable .static-details-half, .build-drawing td.connector-2 .static-details-half {
width:100%;
}
.add-generic-assembly-1 {
background: url("/_TEincludes/ver/1686/TEimages/generic-assembly-connector1.png") no-repeat 0 0 transparent;
}
.add-generic-assembly-2 {
background: url("/_TEincludes/ver/1686/TEimages/generic-assembly-cable.png") no-repeat 0 0 transparent;
}
.add-generic-assembly-3 {
background: url("/_TEincludes/ver/1686/TEimages/generic-assembly-connector2.png") no-repeat 0 0 transparent;
}
.add-generic-assembly-4 {
background: url("/_TEincludes/ver/1686/TEimages/generic-assembly-label.png") no-repeat 0 0 transparent;
}
.add-assembly-tabs {
padding: 10px 10px 35px !important;
}
.required-filters {
background-color:#ffeecc;
clear:left;
float:left;
margin: 0 10px;
width: 838px;
}
.optional-filters {
-webkit-border-radius: 1em !important;
-moz-border-radius: 1em !important;
border-radius: 1em !important;
border:1px solid #bbbbbb;
clear:left;
float:left;
margin: 10px 10px 0 10px;
padding:10px;
width: 838px;
}
.filter {
margin:10px;
}
.filter .filter-name {
border-bottom: 1px solid #CCCCCC;
font-size: 12px;
margin-bottom: 5px;
padding: 0 0 2px;
text-transform: uppercase;
}
.filter table {
font-size: 11px;
width:100%;
}
.filter table div.radio-wrapper {
display:block;
float: left;
line-height:14px;
margin: 0 5px 10px 0;
vertical-align: middle;
width:95%;
}
.filter table div.radio-wrapper input.radio {
float: left;
margin-left: 0;
margin-right: 3px;
margin-top: 1.5px;
vertical-align: top !important;
}
.filter table div.medium-pic {
float: left;
height: 50px;
width: 50px;
}
.filter table div.large-pic {
float: left;
height: 100px;
width: 100px;
}
/*FOR ORDER INQUIRY*/
.field p a img:hover {
text-decoration:none !important;
}
.stacked-line-item-title {
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 5px 5px 5px 12px;
width: 100%;
}
.stacked-line-item-title .btn-share-space-left {
float: left;
line-height: 22px;/*Was 30px, changed to 22px on January 2013*/
}
.stacked-line-item-title .btn-share-space-right {
display: inline-block;
float: right;
margin-right: 5px;
}
.inner-expanded, .inner-collapsed, .inner-shipping-info-expanded, .inner-shipping-info-collapsed {
padding-left:12px;
}
.inner-expanded {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/inner-expanded.gif") no-repeat left center transparent;
}
.inner-collapsed {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/inner-collapsed.gif") no-repeat left center transparent;
}
.stacked-line-item-contents {
border-bottom: 1px solid #ddd;
padding: 0 12px;
}
.stacked-line-item-contents-top {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding:0 12px;
}
.stacked-line-item-contents:hover {
background-color:#ffeecc;
}
.single-line-item-contents {
border-bottom: 1px solid #ddd;
padding: 0 12px;
}
.stacked-line-item-contents . full-width h4 {
display: inline-block;
width: 790px;
}
.contents-expanded {
background: none repeat scroll 0 0 #F8F8F8;
float: left;
padding-bottom: 15px;
width: 840px;
}
.contents-expanded:hover {
background-color:default;
cursor:default;
}
.expanded-line-item-contents-wrapper {
font-size: 10px;
padding: 12px;
}
.expanded-line-item-contents-wrapper table thead th {
border:1px solid #ccc !important;
}
.expanded-line-item-contents-wrapper table tbody tr.odd {
background-color: #eee;
}
.expanded-line-item-contents-wrapper table tbody tr.odd:hover {
background-color: #ffeecc;
}
.expanded-line-item-contents-wrapper table tbody td {
border-left: none !important;
border-right: none !important;
border-top: none !important;
}
.expanded-line-item-contents-wrapper span.label-with-tooltip {
font-size:10px;
line-height:12px;
}
.expanded-line-item-contents-wrapper .results {
font-size: 11px;
line-height: 24px;
padding: 0;
}
.complex-tables tbody td {
border-left: none !important;
border-right: none !important;
border-top: none !important;
padding: 7px;
}
.complex-tables tbody td.add-border-right {
border-right: 1px solid #cccccc !important;
}
.inner-shipping-info {
color:#005588;
cursor:pointer;
font-weight:bold;
font-size:11px;
margin: 0 6px 6px;
}
.inner-shipping-info:hover {
color:#ee7722;
}
.inner-shipping-info-expanded, .inner-info-expanded {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/inner-expanded-blue.gif") no-repeat left center transparent;
}
.inner-shipping-info-expanded:hover, .inner-info-expanded:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/inner-expanded.gif") no-repeat left center transparent;
}
.inner-shipping-info-collapsed, .inner-info-collapsed {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/inner-collapsed-blue.gif") no-repeat left center transparent;
}
.inner-shipping-info-collapsed:hover, .inner-info-collapsed:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/inner-collapsed.gif") no-repeat left center transparent;
}
.inner-shipping-content {
background-color:#fff;
border:1px solid #005588;
margin:0 6px 6px;
padding: 2px;
}
.edit-save-button {
clear:both;
float:right;
margin:0;
}
.top-element {
padding:0;
}
.pagination-only {
margin:10px 0 !important;
}
.complex-tables tbody tr.border-top {
border-top:1px solid #ccc !important;
}
.left-line-up {
width:410px !important;
margin-left:30px;
/*Changed Jan 2012 due to downsizing the orange expandable/collapsible button*/
}
.right-line-up {
width:410px !important;
/*Changed Jan 2012 due to downsizing the orange expandable/collapsible button*/
}
.works-with-expandable-collapsible-search {
clear: both;
margin: 15px;
}
.search-by-area div.filter-choices {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
float: left;
margin-left: 30px;
margin-right: 30px;
padding-left: 30px;
padding-right: 30px;
}
.search-by-area p.stacked {
float:left;
margin-top:7px;
width:100%
}
.search-by-area textarea.medium-entry {
height:75px;
}
.search-by-area .confined-width {
max-width:185px;
width:185px;
}
.search-choices select.main-selection {
font-size: 12px;
padding: 3px;
}
input.aligns-with-filter-by {
width: 177px !important;
}
.detail-wrapper {
float: left;
margin: 10px 0;
width: 400px;
}
.detail {
border-top:1px solid #ccc;
margin-top:15px;
padding-top:10px;
}
.details-text b {
display: inline-block;
padding-top: 8px;
}
.comments-wrapper {
float: right;
margin-left: 15px;
margin-top: 10px;
width: 205px;
}
.comments-new-note {
float: left;
margin-left: 0;
margin-top: 10px;
width: 305px;
}
.detail-wrapper h3, .comments-wrapper h3 {
margin-bottom: 5px;
}
.comments {
height: 300px;
width: 202px;
}
.comments textarea {
background-color: #FFFFFF;
height: 298px;
padding: 0;
width: 200px;
}
.comments-new-note .comments {
width: 302px;
}
.comments-new-note .comments textarea {
width: 300px;
}
.details-text {
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
height: 280px;
overflow-y: scroll;
padding: 10px;
}
.stacked-under-account-info {
border-top:1px solid #ccc;
margin-top: 10px;
}
td.inline-date-widget {
}
td.inline-date-widget div {
height:17px;
}
td.inline-date-widget img {
float:right;
}
.inline-add-documents {
margin-top:10px;
}
.inline-add-documents h4 {
font-weight:bold;
}
.inline-add-documents .attachment-work-area table tbody tr.checkbox-wrapper {
background-color: transparent;
vertical-align: top;
}
p.overlay-regular-text {
font-size:12px;
padding:8px 0 3px 0;
}
.search-cta span.clear-form {
float:right;
padding:0 20px;
/*line-height:28px;*/
line-height: 22px;
}
.object-listing {
float: left;
margin: 10px 10px 10px 0;
max-height: 300px;
overflow-y: scroll;
}
.actual-object {
cursor: pointer;
padding: 5px;
}
.object-listing .already-chosen {
color: #BBBBBB;
cursor: text;
}
.object-listing .selected {
background-color: #FFEECC;
}
.actual-object:hover {
background-color: #FFEECC;
}
.object-listing .already-chosen:hover {
background-color: #FFFFFF;
}
.object-listing table.te-new-app-table tbody tr {
cursor: pointer;
}
.object-listing table.te-new-app-table tbody tr:hover {
background-color: #FFEECC;
cursor:pointer;
}
.te-new-app-request .green a.te-note {
color: #55BB00 !important;
cursor: pointer;
float: left;
line-height: 12px;
text-align: left;
text-decoration: none;
}
.te-new-app-request .red a.te-note {
color: #FF0000 !important;
cursor: pointer;
float: left;
line-height: 12px;
text-align: left;
text-decoration: none;
}
.cant-remove-this-inline-small {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/remove-disabled-sm.png") no-repeat scroll 0 0 transparent;
cursor: text;
float: left;
height: 15px;
margin: 0 10px;
width: 15px;
}
.remove-this-inline-small {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/remove-sm.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
float: left;
height: 15px;
margin: 0 10px;
width: 15px;
}
.remove-this-inline-small:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/remove-hover-sm.png") no-repeat scroll 0 0 transparent;
}
.remove-this-inline-small:active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/remove-active-sm.png") no-repeat scroll 0 0 transparent;
}
.remove-this-absolute {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/remove.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
height: 20px;
margin: 5px 0 5px 845px;
position: absolute;
width: 20px;
z-index: 10;
}
.remove-this-absolute:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/remove-hover.png") no-repeat scroll 0 0 transparent;
}
.remove-this-absolute:active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/remove-active.png") no-repeat scroll 0 0 transparent;
}
.part-bar .remove-this-absolute {
margin-left: 875px !important;
}
.te-search-gallery-data {
background: none repeat scroll 0 0 transparent;
float: right;
margin: 0;
padding: 0;
width: 855px;
}
.te-search-gallery-data-full-width {
float:right;
padding: 12px;
width: 850px;
}
.te-search-gallery-tabs-area {
float: left;
margin: 15px 2px 0;
width: 876px;
}
.te-search-gallery-tabs-area .full-pixel-width {
width:875px !important;
}
.te-search-gallery-thumb, .TE_noImageThumb {
float: left;
margin: 0 15px 5px 0;
}
.te-search-gallery-status {
background-color: transparent;
background-position: left top;
background-repeat: no-repeat;
clear: both;
float: left;
font-size: 10px;
height: auto;
line-height: 13px;
margin: 0;
width: 77px;
}
.te-search-gallery-info {
float: left;
margin: 0 10px 0 0;
width: 500px;
}
.te-status-active, .te-status-approved {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-correct.png") no-repeat 0 center transparent;
padding: 2px 0 2px 20px;
}
.te-status-warning {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-warning.png") no-repeat 4px 0 transparent;
padding: 2px 0 2px 20px;
}
.te-status-obsolete, .te-status-superseded, .te-status-error {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-wrong.png") no-repeat 0 center transparent;
padding: 2px 0 2px 20px;
}
.tabContainerContent .tab-content-half, .static-details-half {
float:left;
width:48%;
}
.tabContainerContent .tab-content-third, .static-details-third {
float:left;
width:32%;
}
.tabContainerContent .tab-content-two-thirds, .static-details-two-thirds {
float:left;
width:66%;
}
.tabContainerContent table.one-to-one, .static-details-half table.one-to-one, .criteria-wrapper table.one-to-one, table.one-to-one {
margin:15px 0;
width:100%;
}
.tabContainerContent table.one-to-one td, .static-details-half table.one-to-one td, .criteria-wrapper table.one-to-one td, table.one-to-one td {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px !important;
}
.tabContainerContent table.one-to-one td.label, .static-details-half table.one-to-one td.label, .criteria-wrapper table.one-to-one td.label, table.one-to-one td.label {
font-weight:bold;
width:50% !important;
}
.tabContainerContent table span.helper, .static-details-half table span.helper {
padding-left:3px;
}
.note-above-table {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 4px 6px;
}
.note-above-table h4 {
font-size: 11px;
font-weight: bold;
}
.note-above-table p {
line-height: 13px;
padding: 1px 0 1px 15px;
}
.te-new-part-wrapper {
background-color:#E0E0E0;
}
.te-new-part-wrapper input.checkbox {
float: left;
margin: 30px 6px;
padding: 0;
}
.te-new-part-wrapper .part-area {
background-color: #F9F9F9;
float: right;
width: 875px;
}
input.wide-text {
background: none repeat scroll 0 0 #FFFFFF;
font-size: 100%;
padding: 2px;
width: 245px;
}
textarea.medium-description {
height:60px;
}
/**/

/*Part Status*/
.part-status a {
text-decoration: none;
}
.part-status .active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-correct.png") no-repeat scroll left top transparent;
clear: both;
line-height:12px;
min-height: 15px;
padding: 2px 0 2px 23px;
}
.part-status .inactive {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-warning.png") no-repeat scroll left top transparent;
clear: both;
line-height:12px;
min-height: 18px;
padding: 3px 0 3px 12px;
}
.part-status .obsolete, .part-status .superseded {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-wrong.png") no-repeat scroll left top transparent;
clear: both;
line-height:12px;
min-height: 14px;
padding: 0 0 0 19px;
}
.part-status .preliminary {
background: url("/_TEincludes/ver/1686/TEimages/preliminary.png") no-repeat scroll left top transparent;
clear: both;
line-height:12px;
min-height: 18px;
padding: 3px 0 3px 23px;
}
.part-status .restricted {
background: url("/_TEincludes/ver/1686/TEimages/secure-lock-icon.png") no-repeat scroll left top transparent;
clear: both;
line-height:12px;
min-height: 16px;
padding: 3px 0 3px 21px;
}
.part-status .part-status p {
font-size: 11px;
padding: 3px 0 10px;
}
.restricted-large, .top-feedback .restricted-large {
background: url("/_TEincludes/ver/1686/TEimages/overlay-icon-locked.png") no-repeat scroll left top transparent;
}
.preliminary-large, .top-feedback .preliminary-large {
background: url("/_TEincludes/ver/1686/TEimages/overlay-icon-preliminary.png") no-repeat scroll left top transparent;
}
.inline-response-width {
min-width: 37px;
}
.share-tab-area {
padding-left: 450px;
padding-top: 18px;
position: absolute;
width:450px;
}
/*Added for GPI*/
.button-height-text-link {
font-weight:bold;
line-height:30px;
}
.parts-added-wrapper {
clear:left;
float:left;
width:100%;
}
.parts-added-wrapper h5 {
float:left;
line-height: 30px;
padding-right: 15px;
}
.parts-added-wrapper .remove-part {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/remove-part.png") no-repeat left top transparent;
cursor: pointer;
/*float: right;*/
height: 10px;
position: relative;
width: 10px;
}
.orange-part-added {
background-color:#ffeecc;
border: 1px solid #bbbbbb;
-webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
-moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
border-radius: 0.25em 0.25em 0.25em 0.25em;
font-size: 11px;
font-weight: bold;
padding: 8px;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.orange-part-area {
background-color:#ffeecc !important;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float:left;
padding:10px;
width: 98.6%;
}
.te-compliant {
background: url("/_TEincludes/ver/1686/TEimages/TE_greenLeaf.gif") no-repeat scroll 0 0 transparent;
float: left;
height: 23px;
line-height: 23px;
padding: 0 0 0 18px;
}
.orange-background ul.inline-messages, .gray-background ul.inline-messages {
list-style: disc outside none;
padding: 0 0 0 15px;
}
.orange-background ul.inline-messages li, .gray-background ul.inline-messages li {
padding: 2px 0;
}
.equal {
display:table;
}
.row {
display:table-row;
}
.te-equalHalvesWrapper {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/halves-background-image-bottom.jpg") no-repeat left bottom;
display:table;
float:left;
margin-top: 15px;
}
.te-equalHalvesWrapper .te-equal-halves {
display:table-cell;
}
.special-tables table.quote-table, .special-tables table.te-new-app-table {
border-bottom: 0px !important;
border-top: 0px !important;
font-family: verdana,arial,helvetica,sans-serif;
margin: 0;
}
.remove-part-right {
font-size: 10px;
font-weight: normal;
right: 30px;
position: absolute;
}

/****************************************/
/*******Product Detail Page Styles*******/
h2.main-part-desc {
font-size: 24px;
font-weight: normal;
line-height:26px;
margin:0 0 5px 0;
padding: 0;
}
.pdp-wrapper {
float:left;
clear:left;
width:100%;
}
.three-quarters-pdp a {
font-weight:bold;
}
.three-quarters-pdp .warning {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-warning.png") no-repeat scroll left top transparent;
clear: both;
color:#ee7722;
float: left;
font-size:11px;
font-weight:bold;
height: auto;
line-height: 18px;
padding: 0 0 0 12px;
}
.three-quarters-pdp .error {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-wrong.png") no-repeat scroll left top transparent;
clear: both;
color:#ff0000;
float: left;
font-size:11px;
font-weight:bold;
height: auto;
line-height: 14px;
padding: 0 0 0 17px;
}
.three-quarters-pdp .success {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-correct.png") no-repeat scroll left top transparent;
clear: both;
color:#55BB00;
float: left;
font-size:11px;
font-weight:bold;
height: auto;
line-height: 14px;
padding: 0 0 0 21px;
}
.static-details-half table.one-to-one td.label {
width:60%;
}
.static-details-half .special-details-headers {
margin-top:15px;
}
.tabs-area .special-details-headers {
background-color: #DEDEDE !important;
border-radius: 0.5em 0.5em 0 0;
}
div.TE_prodDetail_taskBar {
background-color: #f9f9f9;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
height: 32px;
margin: 0 0 20px;
width: 100%;
}
.TE_prodDetail_taskBar a {
text-decoration: none;
}
div.TE_prodDetail_backToRes {
color: #005588;
float: left;
font-size: 11pt;
font-weight: bold;
padding-left: 10px;
}
div.TE_prodDetail_topPagerDiv {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp_pager_bg.png") no-repeat scroll 0 0 transparent;
color: #555555;
display: inline;
float: left;
font-size: 8pt;
font-weight: bold;
height: 30px;
margin: 2px auto;
padding: 0;
position: relative;
text-align: center;
width: 126px;
}
div.TE_prodDetail_topPagerDiv span.pages {
font-weight: bold;
line-height: 26px;
vertical-align: top;
}
div.TE_prodDetail_topPagerDiv span.pageLeft {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp-top-sprite.png") no-repeat scroll 0 -120px transparent !important;
display: inline-block;
float: left;
height: 20px;
margin-left: 5px;
margin-top: 4px;
width: 20px;
}
div.TE_prodDetail_topPagerDiv span.pageLeft:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp-top-sprite.png") no-repeat scroll 0 -140px transparent !important;
}
div.TE_prodDetail_topPagerDiv span.pageLeft:active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp-top-sprite.png") no-repeat scroll 0 -160px transparent !important;
}
div.TE_prodDetail_topPagerDiv span.pageRight {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp-top-sprite.png") no-repeat scroll 0 -200px transparent !important;
display: inline-block;
float: right;
height: 20px;
margin-right: 5px;
margin-top: 4px;
width: 20px;
}
div.TE_prodDetail_topPagerDiv span.pageRight:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp-top-sprite.png") no-repeat scroll 0 -220px transparent !important;
}
div.TE_prodDetail_topPagerDiv span.pageRight:active {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp-top-sprite.png") no-repeat scroll 0 -240px transparent !important;
}
#TE_pdp_shareActionContainer {
float: right;
font-size: 8pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 0;
padding-right: 5px;
position: relative;
}
#TE_pdp_shareActionContainer a {
color: #005588;
display: inline-block;
line-height: 20px;
margin: 7px 0;
padding-left: 24px;
text-decoration: none;
}
ul.pdp-detail-list, ul.bullets {
color: #ee7722;
list-style-type: disc;
margin: 5px 2px 10px 5px;
padding-left: 10px;
}
ul.pdp-detail-list li, ul.bullets li {
padding: 1px 0;
}
.pdp-view-options {
color: #555555;
font-size: 11px;
font-weight: bold;
margin: 10px 0;
text-align: center;
}
.pdp-detail-text, .gray-text {/*works hand-in-hand with ul.bullets li*/
color: #555555;
padding: 0 2px 0 0;
}
.light-gray-text {
color: #cccccc;
}
.pdp_shareLink, .pdp_emailLink, .pdp_printLink {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp-top-sprite.png");
background-repeat: no-repeat;
}
.pdp_shareLink {
background-position: 0 0;
padding-right: 15px;
}
.pdp_shareLink:hover {
background-position: 0 -20px;
}
.pdp_printLink {
background-position: 0 -80px;
padding-right: 15px;
}
.pdp_printLink:hover {
background-position: 0 -100px;
}
.pdp_emailLink {
background-position: 0 -40px;
margin-right: 5px;
}
.pdp_emailLink:hover {
background-position: 0 -60px;
}
.three-quarters-pdp {
float:left;
width: 690px !important;
}
.one-quarter-pdp {
float:right;
width: 200px !important;
}
/*Rounded edges on the product image are not practical for the types of images we have at this point. 2/2014****
a.te-new-image {

background-color: #FFFFFF;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
border: 1px solid #CCCCCC;
float: left;
padding: 10px;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
/*}*/
a.te-new-image {
border: 1px solid #CCCCCC;
border-radius: 0;
float: left;
height: 114px;
overflow: hidden;
padding: 0;
width: 200px;
}
a.foe-new-image {
border: 1px solid #bbbbbb;
border-radius: 0;
float: left;
height: auto;
overflow: hidden;
padding: 0;
width: 100px;
}
a.te-no-image {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/no-image.png") no-repeat center center #ffffff;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
border: 1px solid #CCCCCC;
float: left;
height: 60px;
max-width: 622px;
padding: 25px 50px;
width: 60px;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
a.te-new-image:hover, a.te-no-image:hover, a.foe-new-image:hover {
border: 1px solid #ee7722;
}
a.te-no-image img {
max-width: 622px;
}
a.te-new-image img {
height:auto;
min-width:200px;
min-height:114px;
}
a.foe-new-image img {
height: auto;
max-width: 100px;
width: 100px;
min-width:auto;
min-height:auto;
}
.foe-part-info {
float:left;
width:288px;
}
.foe-part-info h3.main-part-desc {
font-size: 14px;
font-weight: bold;
line-height:14px;
margin:0 0 5px 0;
padding: 0;
}
.foe-part-info h4 {
font-size: 12px;
font-weight: normal;
line-height: 13px;
margin-bottom: 2px;
}
.dijitContentPane a.te-new-image {
background-color: #ffffff;
border: 1px solid #CCCCCC;
border-radius: 0;
float: left;
height: 135px !important;
overflow: hidden;
padding: 0;
width: 214px !important;
}
.dijitContentPane a.te-new-image img {
height: auto !important;
min-height: auto !important;
min-width: 200px !important;
max-width: 214px !important;
}
.ready-to-zoom {
background: url("/_TEincludes/ver/1686/TEimages/zoom-gray.png") no-repeat bottom right;
cursor:pointer;
height:50px;
position:absolute;
margin-left:175px;
margin-top:90px;
width:50px;
z-index:10;
}
.ready-to-zoom:hover {
background: url("/_TEincludes/ver/1686/TEimages/zoom-blue.png") no-repeat bottom right;
}
.additional-images-thumb {
border-color: #CCCCCC !important;
border-style: solid !important;
border-width: 1px !important;
cursor:pointer;
float: left;
height: 33px;
margin: 10px 10px 0 0;
overflow: hidden;
width: 46px;
}
.active-thumb {
border-color:#ee7722 !important;
}
.additional-images-thumb:hover {
border-color:#ee7722 !important;
}
.additional-images-thumb img {
min-width:46px;
min-height:33px;
width:46px;
}
.te-related-part {
cursor:pointer;
}
.te-related-part:hover {
border-color:#ee7722 !important;
}
.new-part-status-pdp {
padding-top: 10px !important;
text-align: center;
width: 100% !important;
}
.new-part-status-pdp .te-search-gallery-status {
cursor: pointer;
float: none;
font-size: 11px;
font-weight: bold;
width: auto;
}
.new-part-status-pdp .te-search-gallery-status a {
text-decoration: none !important;
}
.pdf-result, .xls-result, .doc-result, .txt-result, .ppt-result, .zip-result, .web-result {
height: auto;
line-height: 12px !important;
margin: 0;
padding: 2px 0 2px 20px;
}
.pdf-result a, .xls-result a, .doc-result a, .txt-result a, .ppt-result a, .zip-result a, .web-result a {
font-weight:bold;
}
.pdf-result {
background: url("/_TEincludes/ver/1686/TEimages/result_pdf.png") no-repeat scroll 0 0 transparent;
}
.xls-result {
background: url("/_TEincludes/ver/1686/TEimages/result_xls.png") no-repeat scroll 0 0 transparent;
}
.doc-result {
background: url("/_TEincludes/ver/1686/TEimages/result_doc.png") no-repeat scroll 0 0 transparent;
}
.txt-result {
background: url("/_TEincludes/ver/1686/TEimages/result_txt.png") no-repeat scroll 0 0 transparent;
}
.ppt-result {
background: url("/_TEincludes/ver/1686/TEimages/result_ppt.png") no-repeat scroll 0 0 transparent;
}
.zip-result {
background: url("/_TEincludes/ver/1686/TEimages/result_zip.png") no-repeat scroll 0 0 transparent;
}
.web-result {
background: url("/_TEincludes/ver/1686/TEimages/result_web.png") no-repeat scroll 0 0 transparent;
}
.actionItemDiv .pdf-set-width, .previousActionItemDiv .pdf-set-width, .nextActionItemDiv .pdf-set-width {
width: 150px;
}
.pdp_rohs, .pdp_restricted {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp_icon_sprite.png");
display: block;
float: left;
height: 21px;
margin-right: 5px;
position: relative;
width: 21px;
}
.pdp_rohs {
background-position: 0 0;
}
.pdp_restricted {
background-position: 24px -1px;
}
.preferences-icon-inline {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/preferences-gear.png') no-repeat left center transparent;
padding:11px 0 11px 40px;
}
.AccordionTitleTop, .AccordionTitleBottom, .AccordionTitleBottomOpen, .AccordionContainer {
position: relative;
width: 200px;
}
.AccordionContent {
position: relative;
width: 189px;
}
.AccordionTitleTop, .AccordionTitleBottom, .AccordionTitleBottomOpen {
-moz-user-select: none;
color: #555555;
cursor: pointer;
display: table-cell;
font-size: 10pt;
font-weight: bold;
height: 35px;
line-height: 35px;
overflow: hidden;
padding: 0 0 0 10px;
position: relative;
text-align: left;
}
.AccordionTitleTop a:focus, .AccordionTitleBottom a:focus, .AccordionTitleBottomOpen a:focus, .AccordionTitleTop a:active, .AccordionTitleBottom a:active, .AccordionTitleBottomOpen a:active {
outline: medium none;
}
.AccordionTitleTop {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp_quicklinks_sprite.gif") no-repeat scroll 0 0 transparent;
}
.AccordionTitleTop img {
float: right;
margin: 8px;
}
.AccordionTitleBottom {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp_rightmenu_tabsprite.gif") no-repeat scroll 0 0 transparent;
}
.AccordionTitleBottomOpen {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp_quicklinks_sprite.gif") no-repeat scroll 0 -37px transparent;
}
.AccordionTitleBottom img, .AccordionTitleBottomOpen img {
float: right;
margin: 8px;
}
.AccordionContent {
border-bottom: 1px solid #D1D1D1;
border-left: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
color: #555555;
display: none;
height: 0;
overflow: auto;
padding: 0 4px 0 5px;
}
.AccordionContent p {
margin: 10px 0;
}
.AccordionContent .pdp_iconLegendLeafDiv, .AccordionContent .pdp_iconLegendEDiv {
vertical-align: top;
}
.AccordionContent .pdp_iconLegendLeafDiv strong, .AccordionContent .pdp_iconLegendEDiv strong {
font-size: 9pt;
font-weight: bold;
}
.AccordionContent .pdp_iconLegendLeafDiv p, .AccordionContent .pdp_iconLegendEDiv p {
margin-top: 10px;
padding-left: 25px;
}
.AccordionContent .pdp_iconLegendLeafDiv {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp_leaf_icon.gif") no-repeat scroll 0 0 transparent;
}
.AccordionContent .pdp_iconLegendEDiv {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/pdp_e_icon.gif") no-repeat scroll 0 0 transparent;
}
.AccordionContainer {
border: 0px !important;
clear:left;
}
/*.tundra .dijitTabContainerTop-dijitContentPane {
width: 99.7%;
}*/
/*Action Buttons with set width, that must flex taller with longer button names and translations*/
.taller-action-btn .actionItemDiv, .taller-action-btn .actionItemContent, .taller-action-btn .action-item-next, .taller-action-btn .action-item-add{
}
.taller-action-btn .actionItemDiv {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll 0 0 transparent;
}
.taller-action-btn .previousActionItemDiv {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll 0 -484px transparent;
}
.taller-action-btn .action-item-previous {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll right -88px transparent;
}
.taller-action-btn .actionItemDiv .actionItemContent, .taller-action-btn .previousActionItemDiv .action-item-previous .actionItemContent {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") repeat-x scroll 0 -44px transparent;
}
.taller-action-btn .actionItemDiv .action-item-next {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll right -308px transparent;
}
.taller-action-btn .actionItemDiv .action-item-next:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll right -352px transparent;
}
.taller-action-btn .previousActionItemDiv:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll 0 -528px transparent;
}
.taller-action-btn .actionItemDiv .action-item-add {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll right -396px transparent;
}
.taller-action-btn .actionItemDiv .action-item-add:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll right -440px transparent;
}
.taller-action-btn .disabled .actionItemDiv, table.quote-table td .taller-action-btn div.disabled, table.te-new-app-table td .taller-action-btn div.disabled, .multiple-form-types-wrapper .taller-action-btn div.disabled {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll 0 -704px transparent;
}
.taller-action-btn .disabled .actionItemContent, .taller-action-btn .disabled .previousActionItemDiv .action-item-previous .actionItemContent, .taller-action-btn .disabled .actionItemContent:hover, .taller-action-btn .disabled .previousActionItemDiv .action-item-previous .actionItemContent:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") repeat-x scroll 0 -748px transparent;
}
.taller-action-btn .disabled .action-item-next, .taller-action-btn .disabled .action-item-next:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll right -572px transparent;
}
.taller-action-btn .disabled .action-item-add, .taller-action-btn .disabled .action-item-add:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll right -616px transparent;
}
.taller-action-btn .disabled .previousActionItemDiv, .taller-action-btn .disabled .previousActionItemDiv:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll 0 -660px transparent;
}
.taller-action-btn .disabled .previousActionItemDiv .action-item-previous, .taller-action-btn .disabled .previousActionItemDiv .action-item-previous:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te_ctaButtons_sprite_taller.jpg") no-repeat scroll right -792px transparent;
}
/*PORTAL BADGE*/
.te-portal-badge {
background-image: -moz-linear-gradient(center top , #eeeeee, #FFFFFF);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eeeeee),color-stop(1, #ffffff)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #eeeeee, #ffffff); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #eeeeee, #ffffff); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff')"; /* IE8+ */
background-image: linear-gradient(top, #eeeeee, #ffffff);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
border:1px solid #bbbbbb;
margin-left: 205px;
max-width: 350px;
padding: 3px 8px;
position: absolute;
top: 38px;/*IF injected into the framework, this will need to be 27-30px***THIS MUST BE 38PX! DO NOT CHANGE. October 2, 2012***/
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.te-portal-badge:hover {
background-image: -moz-linear-gradient(center top , #ffeecc, #FFFFFF);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffeecc),color-stop(1, #ffffff)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #ffeecc, #ffffff); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #ffeecc, #ffffff); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #ffeecc, #ffffff); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeecc', endColorstr='#ffffff')"; /* IE8+ */
background-image: linear-gradient(top, #ffeecc, #ffffff);
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.te-portal-badge .left {
border-right:1px solid #cccccc;
float: left;
margin-right: 8px;
padding: 4px 6px 4px 0;
}
.te-portal-badge .left .partnering-with {
color: #555555;
font-size: 14px;
font-weight: bold;
line-height:16px;
padding: 0;
text-align: center;
}
.te-portal-badge .left .partner {
font-size: 18px;
font-weight: bold;
line-height:22px;
padding: 0;
text-align: center;
}
.te-portal-badge .no-links {
border-right: none !important;
float:left;
margin-right: 0 !important;
padding: 4px 6px 4px 0;
}
.te-portal-badge .left .long-name {
font-size: 14px;
font-weight: bold;
padding: 0;
text-align: center;
}
.te-portal-badge .right {
float: right;
}
.te-portal-badge .right ul {
color: #555555;
float: left;
font-size: 9px;
font-weight: bold;
line-height: 11px;
list-style: none outside none;
}
.te-portal-badge .right ul a {
line-height:12px;
}
/*END-PORTAL BADGE*/

/*******END-Product Detail Page styles*******/
/********************************************/

/*RECENT ACTIVITIES APPLICATION, July 2012*/
.orange-finger-nav {
background-color: #EE8822;
-webkit-border-radius: 2em 0 0 2em;
-moz-border-radius: 2em 0 0 2em;
border-radius: 2em 0 0 2em;
color: #FFFFFF;
float: right;
line-height: 11px;
margin-top: 10px;
padding: 10px 12px;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.pic-area {
background-color: #f7f7f7;
-webkit-border-radius: 1em 1em 1em 1em;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em;
/*background: url("images/blue-matrix.jpg") no-repeat scroll 0 0 transparent;*/
float: left;
width: 900px;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.orange-finger-area {
background-color: #ffeecc;
-webkit-border-radius: 1em 1em 1em 1em;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em;
float: left;
width: 900px;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.screen-area {
float: left;
margin: 0;
padding: 0 15px 15px;
width: 870px;
}
.pic-area .TE_account2 {
background: none repeat scroll 0 0 transparent;
border: 0px !important;
float: left;
padding: 10px 5px 10px 10px;
width: 62%;
}
.recent-activities-container {
width: 838px;
}
.track-activities-container table ul {
margin-left: 8px;
padding: 5px 0;
}
.track-activities-container table ul li {
font-size:10px;
padding: 0;
}
.track-activities-container table ul li span {
font-size:9px;
margin-left:20px;
}
.part-collector p {padding:0;margin:0;font-size:12px;line:height:0;font-weight:bold;float:left;}
.part-collector .directions {font-style:oblique;font-size:.9em;font-weight:normal;padding:0;}
.part-collector {width:375px; float:left;}
.part-collector select {display:inline;margin:10px 0 0 10px;width:280px;}
.part-collector textarea {width:345px;height:200px;border:1px solid #ccc;}
.part-collector .submit-parts {float:right;padding:10px 24px 0 0;}
.track-activities-list {width:460px;float:right;padding-top:5px;}
.track-activities-list table {width:100%;}
.track-activities-list table td {
margin: 0;
max-width: 152px;
overflow: hidden;
padding: 0;
width: 152px;
}
.track-activities-list table tr {padding:10px 0;}
.track-activities-list li {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/remove-sm.png") no-repeat scroll left top transparent;
list-style-type: none;
}
.track-activities-list li:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/remove-hover-sm.png") no-repeat scroll left top transparent;
list-style-type: none;
}
.track-activities-list li a {
color:#005588;
font-weight:bold;
padding-left:20px;
}
.track-activities-list h4 {
background-color: transparent;
color: #FFFFFF;
font-size: 1em;
font-weight: bold;
padding: 0 10px 0 25px;
}
.track-activities-list h4.collapse-static {
color: #555555 !important;
}
.track-activities-container {
border-left:1px solid #ccc;
border-right:1px solid #ccc;-webkit-border-radius: 5px;
border-bottom:1px solid #ccc;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius: 5px;
-moz-border-radius-bottomright: 8px;
border-radius: 5px;
border-bottom-right-radius: 8px;
margin-top:-10px;
padding:10px 0;
}
.lookup-email {
clear:right;
float:left;
padding-top:3px;
}
.lookup-email fieldset {
background: url("/_TEincludes/ver/1686/TEimages/look-up-by-email-text-input.jpg") no-repeat scroll 0 0 transparent;
border: 0 none;
float: left;
height: 28px;
margin: 1px 5px 0 0;
padding: 0;
position: relative;
}
.lookup-email fieldset input {
background: none repeat scroll 0 0 transparent;
border: 0px !important;
color: #999999;
font-size: 13px;
height: 18px;
padding: 5px 8px;
width: 283px;
}
.lookup-email fieldset input.submit-button {
background: url("/_TEincludes/ver/1686/TEimages/search-within-te-global-button-search-new.jpg") no-repeat scroll right top transparent;
border: 0 none;
cursor: pointer;
height: 28px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.lookup-email fieldset input.submit-button:hover {
background: url("/_TEincludes/ver/1686/TEimages/search-within-te-global-button-search-new-hover.jpg") no-repeat scroll right top transparent;
}
.search-within-button {
background: url("/_TEincludes/ver/1686/TEimages/wee-search-within.png") no-repeat scroll right top transparent;
border: 0 none;
cursor: pointer;
float:left;
height: 19px;
padding-left:5px;
width: 25px;
}
/*The Wheel, October 2012*/
.collapse-this {
background: url('/_TEincludes/ver/1686/TEimages/wheel/collapse-this-widget.png') no-repeat scroll 0 0 transparent;
cursor:pointer;
float:left;
height:25px;
width:25px;
}
.collapse-this:hover {
background: url('/_TEincludes/ver/1686/TEimages/wheel/collapse-this-widget-hover.png') no-repeat scroll 0 0 transparent;
}
.expand-this {
background: url('/_TEincludes/ver/1686/TEimages/wheel/expand-this-widget.png') no-repeat scroll 0 0 transparent;
cursor:pointer;
float:left;
height:25px;
width:25px;
}
.expand-this:hover {
background: url('/_TEincludes/ver/1686/TEimages/wheel/expand-this-widget-hover.png') no-repeat scroll 0 0 transparent;
}
.wheel-wrapper {
float:left;
width:352px;
}
.wheel-background {
display: block;
height: 352px;
width: 352px;
}
.wheel-side-wrapper {
float:left;
margin-top:24px;
width:88px;
}
.wheel-center-wrapper {
float:left;
width:176px;
}
.step-one-on {
background: url("/_TEincludes/ver/1686/TEimages/wheel/1-on.png") no-repeat scroll 0 0 transparent;
}
.step-two-on {
background: url("/_TEincludes/ver/1686/TEimages/wheel/2-on.png") no-repeat scroll 0 0 transparent;
}
.step-three-on {
background: url("/_TEincludes/ver/1686/TEimages/wheel/3-on.png") no-repeat scroll 0 0 transparent;
}
.step-four-on {
background: url("/_TEincludes/ver/1686/TEimages/wheel/4-on.png") no-repeat scroll 0 0 transparent;
}
.step-five-on {
background: url("/_TEincludes/ver/1686/TEimages/wheel/5-on.png") no-repeat scroll 0 0 transparent;
}
.step-six-on {
background: url("/_TEincludes/ver/1686/TEimages/wheel/6-on.png") no-repeat scroll 0 0 transparent;
}
.step-1-icon, .step-2-icon, .step-3-icon, .step-4-icon, .step-5-icon, .step-6-icon {
opacity: 0.5;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
}
.step-1-icon {
background: url("/_TEincludes/ver/1686/TEimages/wheel/part-search.png") no-repeat scroll center center transparent;
cursor: pointer;
height: 85px;
margin: 0 35px;
width: 105px;
}
.step-2-icon {
background: url("/_TEincludes/ver/1686/TEimages/wheel/order-cart.png") no-repeat scroll 5px 70px transparent;
cursor: pointer;
height: 152px;
width: 88px;
}
.step-3-icon {
background: url("/_TEincludes/ver/1686/TEimages/wheel/pricing.png") no-repeat scroll 2px 34px transparent;
cursor: pointer;
height: 132px;
margin-top: 20px;
width: 88px;
}
.step-4-icon {
background: url("/_TEincludes/ver/1686/TEimages/wheel/quote.png") no-repeat scroll 30px 20px transparent;
cursor: pointer;
height: 88px;
margin-left: 20px;
margin-right: 20px;
margin-top: 0;
width: 120px;
}
.step-5-icon {
background: url("/_TEincludes/ver/1686/TEimages/wheel/ndr.png") no-repeat scroll 28px 34px transparent;
cursor: pointer;
height: 132px;
margin-top: 20px;
width: 88px;
}
.step-6-icon {
background: url("/_TEincludes/ver/1686/TEimages/wheel/order-inquiry.png") no-repeat scroll 35px 50px transparent;
cursor: pointer;
height: 132px;
width: 88px;
}
.step-1-icon:hover, .step-2-icon:hover, .step-3-icon:hover, .step-4-icon:hover, .step-5-icon:hover, .step-6-icon:hover {
opacity: .75;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
/* IE 5-7 */
filter: alpha(opacity=75);
/* Netscape */
-moz-opacity: 0.75;
/* Safari 1.x */
-khtml-opacity: 0.75;
}
.wheel-center {
height: 163px;
padding: 10px 6px;
width: 164px;
}
.wheel-center h3 {
line-height: 15px !important;
}
.wheel-center p {
line-height: 13px !important;
padding-bottom: 8px !important;
}
.active-step {
opacity: 1.0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1.0;
/* Safari 1.x */
-khtml-opacity: 1.0;
}
.active-step:hover {
opacity: 1.0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1.0;
/* Safari 1.x */
-khtml-opacity: 1.0;
}
.wheel-shadow {
background: url("/_TEincludes/ver/1686/TEimages/wheel/wheel-shadow.png") no-repeat scroll 0 0 transparent;
height: 20px;
width: 352px;
}
.wheel-text-wrapper {
font-family: 'PT Sans',Verdana,Arial,Helvetica,sans-serif;
float:left;
width: 484px;
}
.wheel-text-wrapper h2 {
font-family: Gotham Book,Gotham,'PT Sans',Verdana,Arial,Helvetica,sans-serif;
font-size: 34px;
font-weight: normal;
}
.thin-border .wheel-text-wrapper p {
font-size: 13px;
line-height:16px;
padding:4px 0 4px 20px;
}
.thin-border .wheel-text-wrapper ul {
line-height: 14px;
list-style: none outside none;
margin-left: 20px;
padding: 4px 12px;
}
ul.blue-open-bullets, ul.orange-open-bullets {
line-height: 14px;
list-style: none outside none;
margin-left: 0px;
padding: 4px 12px;
}
.thin-border .wheel-text-wrapper ul li {
background: url("/_TEincludes/ver/1686/TEimages/wheel/wheel-bullet.png") no-repeat scroll 0 8px transparent;
font-size: 12px;
padding: 6px 0 6px 16px;
}
ul.blue-bullets li {
background: url("/_TEincludes/ver/1686/TEimages/blue-open-bullet.png") no-repeat scroll 0 4px transparent;
font-size: 11px;
padding: 2px 0 5px 16px;
}
ul.orange-open-bullets li {
background: url("/_TEincludes/ver/1686/TEimages/orange-open-bullet.png") no-repeat scroll 0 4px transparent;
font-size: 11px;
padding: 2px 0 5px 16px;
}
.thin-border .wheel-text-wrapper a {
font-weight:bold;
}
#wheel-iconBar {
max-height: 25px;
overflow: hidden;
}
table.wheel-bar-wrapper {
float:right;
width: 833px;
}
table.translated td {
max-width: 102.5px;
vertical-align: top;
}
.wheel-smIcon-1, .wheel-smIcon-2, .wheel-smIcon-3, .wheel-smIcon-4, .wheel-smIcon-ndr, .wheel-smIcon-rfq, .wheel-smIcon-5, .wheel-smIcon-6, .wheel-smIcon-pencil, .wheel-smIcon-chat {
color: #005588;
cursor: pointer;
float:left;
height:25px;
margin:0 10px;
padding-left:26px;
}
table.translated .wheel-smIcon-1, table.translated .wheel-smIcon-2, table.translated .wheel-smIcon-3, table.translated .wheel-smIcon-4, table.translated .wheel-smIcon-ndr, table.translated .wheel-smIcon-rfq, table.translated .wheel-smIcon-5, table.translated .wheel-smIcon-6, table.translated .wheel-smIcon-pencil, table.translated .wheel-smIcon-chat {
margin:0 5px;
}
.wheel-smIcon-1:hover, .wheel-smIcon-2:hover, .wheel-smIcon-3:hover, .wheel-smIcon-4:hover, .wheel-smIcon-5:hover, .wheel-smIcon-6:hover, .wheel-smIcon-ndr:hover, .wheel-smIcon-rfq:hover, .wheel-smIcon-pencil:hover, .wheel-smIcon-chat:hover {
color: #ee7722;
}
.wheel-smIcon-1 p, .wheel-smIcon-2 p, .wheel-smIcon-3 p, .wheel-smIcon-4 p, .wheel-smIcon-ndr p, .wheel-smIcon-rfq p, .wheel-smIcon-5 p, .wheel-smIcon-6 p, .wheel-smIcon-pencil p, .wheel-smIcon-chat p {
float: left;
font-size: 9px;
line-height: 25px !important;
padding: 0 !important;
}
table.translated .wheel-smIcon-1 p, table.translated .wheel-smIcon-2 p, table.translated .wheel-smIcon-3 p, table.translated .wheel-smIcon-4 p, table.translated .wheel-smIcon-ndr p, table.translated .wheel-smIcon-rfq p, table.translated .wheel-smIcon-5 p, table.translated .wheel-smIcon-6 p , table.translated .wheel-smIcon-pencil p, table.translated .wheel-smIcon-chat p{
line-height: 12px !important;
max-width: 102px !important;
}
.wheel-smIcon-1 {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 0 transparent;
margin-left:10px;
}
.wheel-smIcon-1:hover {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -25px transparent;
color:#ee7722;
}
.wheel-smIcon-2 {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -50px transparent;
}
.wheel-smIcon-2:hover {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -75px transparent;
}
.wheel-smIcon-chat {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -100px transparent;
}
.wheel-smIcon-chat:hover {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -125px transparent;
}
.wheel-smIcon-pencil {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -150px transparent;
}
.wheel-smIcon-pencil:hover {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -175px transparent;
}
.wheel-smIcon-5 {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -200px transparent;
}
.wheel-smIcon-5:hover {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -225px transparent;
}
.wheel-smIcon-6 {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -250px transparent;
margin-right:0;
}
.wheel-smIcon-6:hover {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -275px transparent;
}
.wheel-smIcon-ndr {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -300px transparent;
}
.wheel-smIcon-ndr:hover {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -325px transparent;
}
.wheel-smIcon-rfq {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -350px transparent;
}
.wheel-smIcon-rfq:hover {
background: url('/_TEincludes/ver/1686/TEimages/wheel/wheel-bar-icons-sprite.png') no-repeat scroll 0 -375px transparent;
}
.make-opaque {
opacity: 0;
transition: opacity 2s;
-moz-transition: opacity 2s; /* Firefox 4 */
-webkit-transition: opacity 2s; /* Safari and Chrome */
-o-transition: opacity 2s; /* Opera */
}
.make-opaque:hover {
opacity: 1.0;
}
/*Progress Bar on RFQ 2.0, Phase 2*/
.rfq-tab-wrapper {/*flexi-tabs-wrapper is no longer being used. April 24, 2013*/
clear:both;
float:left;
}

/* Progress Bar */
#ProgressWrapper {
float:left;
}
#ProgressNumbers {
float:left;
padding:5px 0 5px 10px;
}
.IndividualStep {
float:left;
/*width:192px; Was this when the progress bar was 575px wide*/
width: 293px;
}
.four-steps {
/*width:144px !important; Was this when the progress bar was 575px wide*/
width:220px !important;
}
.five-steps {
width:176px !important;
}
.IndividualStep span.ProgressNumber {
color:#555555;
float:left;
font-family:arial;
font-size:28px;
font-weight:bold;
}
.IndividualStep span.ProgressDescription {
color:#555555;
float:left;
font-size:11px;
font-weight:normal;
padding:5px 0 0 7px;
max-width:262px;
overflow: hidden;
width: 262px;
}
.four-steps span.ProgressDescription {
/*width:116px !important; Was this when the progress bar was 575px wide*/
max-width: 190px !important;
overflow: hidden;
width: 190px !important;
}
.five-steps span.ProgressDescription {
max-width: 150px !important;
overflow: hidden;
width: 150px !important;
}
.IndividualStep span.ProgressDescription a {
font-weight:normal;
}
.IndividualStep span.active {
font-weight:bold;
color: #EE7722;
}
.IndividualStep span.active a {
font-weight:bold;
}
#ProgressBarWrapper {
clear:left;
float:left;
}
.progressBar {
margin:10px;
}
.percentText {
color:#777777;
display:none;
font-size:10px;
padding-left:5px;
}
.make-step-ver-center {
line-height: 24px;
}
.comment-empty, .comment-full {
background-position: 4px 4px;
background-repeat: no-repeat;
border:1px solid #cccccc;
clear:left;
float:left;
line-height:12px;
margin-top:15px;
padding:5px 5px 5px 26px;
}
.comment-empty {
background-image:url('/_TEincludes/ver/1686/TEimages/comment-empty.png');
}
.comment-full {
background-image:url('/_TEincludes/ver/1686/TEimages/comment-full.png');
}
.comment-indicator-inline {
background: url("/_TEincludes/ver/1686/TEimages/comment-full.png") 0 0 no-repeat;
cursor: pointer;
float: right;
height: 15px;
width: 18px;
}

/*END-Progress Bar on RFQ 2.0, Phase 2*/

.call-now {
background-image: url("/_TEincludes/ver/1686/TEimages/colleague-widget-icon-set.png");
background-repeat: no-repeat;
float:left;
height:16px;
width:16px;
}
.call-now {
background-position: 0 -96px;
}

/*Progressive Registration Interceptor Overlays, February 2013*/
table.account-benefits-comparison tbody td, table.account-benefits-comparison thead th {
font-family: verdana, arial, helvetica, sans-serif !important;
font-size:10px;
}
.interceptor {
float: right;
margin-left: 545px;
padding: 10px;
position: fixed;
right:auto;
top: 100px;
width: 355px;
z-index: 998;
}
.interceptor-xl {
margin-left: 170px;
padding: 10px;
position: fixed;
top: 50px;
width: 560px;
z-index: 998;
}
.interceptor p.confirmation-text {
font-size:12px;
line-height:16px;
}
.interceptor-center {
background-color: #FFFFFF !important;
box-shadow: none;
border-radius: 0em 0em 0em 0em;
-webkit-border-radius: 0em 0em 0em 0em;
-moz-border-radius: 0em 0em 0em 0em;
box-shadow: 0 0 0px transparent;
-moz-box-shadow: 0 0 0px transparent;
-webkit-box-shadow: 0 0 0px transparent;
color: #555555 !important;
padding: 0;
}
.interceptor .interceptor-center {
padding: 20px 0 20px 20px !important;
}
.interceptor-xl .interceptor-center {
padding: 20px 20px 14px !important;
}
.interceptor-center h2 {
color: #555555;
font-family: gotham book,verdana,arial;
font-size: 22px;
font-weight: normal;
}
.interceptor-center .field {
float:left;
padding-top:12px;
}
.interceptor-center .field label {
float: left;
font-size: 11px;
padding-bottom: 5px;
padding-left: 0;
}
.interceptor-center .field input.text {
background-color: #EEEEEE;
border: 0 none;
border-radius: 0.5em 0.5em 0.5em 0.5em;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
float:left;
font-size: 14px;
height: 20px;
padding: 3px;
width: 300px;
}
.interceptor-center .field input.warning {
background-color: #FFFFBB;
background-image: none;
border: 1px solid #EE7722;
}
.interceptor-center .half label, .interceptor-center .half input.text {
width: 142px !important;
}
.interceptor-xl .interceptor-center .half input.text {
width: 242px !important;
}
.interceptor-center input.checkbox {
height:12px;
}
.interceptor-center .field select {
background-color: #eeeeee;
border: 0px !important;
border-radius: 0.25em 0.25em 0 0;
-webkit-border-radius: 0.25em 0.25em 0 0;
-moz-border-radius: 0.25em 0.25em 0 0;
clear:left;
float:left;
height: 22px;
padding: 3px;
width:305px;
}
.interceptor-center .fine-print {
float:left;
font-family: verdana, arial, helvetica, sans-serif;
font-size:10px;
line-height: 12px;
width:300px;
}
.interceptor-center .fine-print span {
font-family: verdana, arial;
font-size:11px;
font-weight:bold;
}
.interceptor-center .fine-print a, .interceptor a.stand-out {
color: #3399cc !important;
font-family: verdana;
font-weight: bold !important;
}
.interceptor-center .fine-print a:hover, .interceptor a.stand-out:hover {
color: #ee7722 !important;
}
.dijitContentPane .interceptor-center {
background-color: #ffffff !important;
color: #555555 !important;
box-shadow: none;
border-radius: 0em 0em 0em 0em;
-webkit-border-radius: 0em 0em 0em 0em;
-moz-border-radius: 0em 0em 0em 0em;
box-shadow: 0 0 0px transparent;
-moz-box-shadow: 0 0 0px transparent;
-webkit-box-shadow: 0 0 0px transparent;
opacity: 1;
}
.dijitContentPane .interceptor-center table.bottom-actions {
clear: both;
margin: 10px auto 0;
text-align:center;
}
.dijitContentPane div.no-padding h2 {
margin-top: 0px !important;
}
.interceptor-close {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/close_overlay.png") no-repeat scroll right top transparent;
cursor: pointer;
height: 28px;
left: auto;
position: absolute;
right: 0;
top: 0;
vertical-align: middle;
width: 28px;
z-index: 10001;
}
.interceptor-close:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/close_overlay-hover.png") no-repeat scroll right top transparent;
}
.interceptor-bottom {
background-color: #EE7722;
border-radius: 0 0 0.5em 0.5em;
-webkit-border-radius: 0 0 0.5em 0.5em;
-moz-border-radius: 0 0 0.5em 0.5em;
box-shadow: 0 0 5px #555555;
-moz-box-shadow: 0 0 5px #555555;
-webkit-box-shadow: 0 0 5px #555555;
clear: left;
color: #FFFFFF;
cursor:pointer;
font-family: verdana,arial;
font-size: 12px;
font-weight: bold;
margin: 0 15px;
padding: 12px;
text-align: center;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.interceptor-bottom:hover {
background-color: #3399cc;
}
.interceptor-bottom a {
color:#ffffff !important;
}
.interceptor-bottom a:hover {
color:#ffffff !important;
text-decoration: none !important;
}
.interceptor-bottom span {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/white-cta-arrow.png") no-repeat center right transparent;
padding-right:22px;
}
.interceptor-bottom span.go-back {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/white-cta-arrow-go-back.png") no-repeat scroll left center transparent;
padding-left: 22px;
}
.interceptor .registration-error {
clear: left;
color: #FF0000 !important;
display: block;
float: left;
font-size:10px;
font-weight: bold;
padding-top: 5px;
}
.interceptor .registration-error a {
color: #3399cc !important;
}
.interceptor .registration-error a:hover {
color: #ee7722 !important;
}
.interceptor .registration-warning {
clear: left;
color: #ee7722;
display: block;
float: left;
font-size:10px;
font-weight: bold;
padding-top: 5px;
}
.interceptor .field .completion-entry-incorrect {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/field-error.png");
background-position: center center;
float:right;
margin:5px;
width: 17px;
}
.interceptor .field .completion-entry-correct {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/field-correct.png");
background-position: center center;
margin:5px;
width: 17px;
}
.interceptor .field .completion-entry-warning {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-warning.png");
background-position: center center;
margin:5px;
width: 17px;
}
.interceptor .dijitContentPane {
padding:8px;
width:98%;
}
.interceptor .dijitContentPane .interceptor-bottom, .interceptor .interceptor-bottom {
box-shadow: 0 3px 5px #555555;
}
.reg-progressive-center {
clear:both;
color: #555555;
padding: 10px;
width: 505px;
}
.make-it-pop, .make-it-pop .reg-progressive-center {
color: #FFFFFF !important;
}
.make-it-pop .blue {
color:#3399cc !important;
}
.te-registration-wrapper h2 {
font-family: gotham book,verdana,arial;
font-size: 24px;
font-weight: normal;
line-height: 24px;
padding-bottom: 8px;
padding-left: 10px;
}
.reg-progressive-center .intro-info .right {
float:left;
font-size:11px;
width:50%;
}
.reg-progressive-center h3 {
font-family: gotham book,verdana,arial;
font-size: 18px;
font-weight: bold;
}
.reg-progressive-center .field, .new-form-look .field {
float:left;
padding-top:12px;
}
.reg-progressive-center .field label, .new-form-look .field label {
float: left;
font-size: 11px !important;
line-height: 12px !important;
padding-bottom: 5px;
padding-left: 0;
}
.reg-progressive-center .field input.text, .new-form-look .field input.text, .new-form-look .field textarea.text {
background-color: #EEEEEE;
border: 0 none;
border-radius: 0.5em 0.5em 0.5em 0.5em;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
float:left;
font-size: 8.5pt;
height: 20px;
padding: 3px;
width: 230px;
}
.new-form-look textarea.text {
border-radius: 0.5em 0.5em 0.5em 0.5em;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.new-form-look .collapse-static, .new-form-look .expand-static {
font-size: 16px;
font-weight: normal;
text-align: left;
}
.new-form-look .field textarea {
height:auto !important;
}
.new-form-look .field input.wide-text, .new-form-look .field textarea.wide-text {
width: 505px;
}
.interceptor-xl .reg-progressive-center .field input.text {
width: 220px;
}
.reg-progressive-center .field input.error, .reg-progressive-center .field select.error, .new-form-look .field input.error, .new-form-look .field select.error, .interceptor-center .field input.error, .interceptor-center .field select.error, input.error, select.error, textarea.error {
background-color:#ffffbb !important;
border:1px solid #ff0000 !important;
}
.reg-progressive-center .field input.warning, .reg-progressive-center .field select.warning, .new-form-look .field input.warning, .new-form-look .field select.warning, .interceptor-center .field input.warning, .interceptor-center .field select.warning, input.warning, select.warning, textarea.warning {
background-color: #FFFFBB !important;
background-image: none;
border: 1px solid #EE7722 !important;
}
.reg-progressive-center .field input.highlighter, .reg-progressive-center .field select.highlighter, .new-form-look .field input.highlighter, .new-form-look .field select.highlighter, .interceptor-center .field input.highlighter, .interceptor-center .field select.highlighter, input.highlighter, select.highlighter, textarea.highlighter {
background-color: #FFFFdd !important;
background-image: none;
border: 1px solid #EE7722 !important;
}
.reg-progressive-center input.checkbox {
height:12px;
}
.reg-progressive-center .field select, .new-form-look .field select {
background-color: #eeeeee;
border: 0px !important;
border-radius: 0.25em 0.25em 0 0;
-webkit-border-radius: 0.25em 0.25em 0 0;
-moz-border-radius: 0.25em 0.25em 0 0;
clear:left;
float:left;
height: 24px;
line-height: 24px;
padding: 3px;
width:235px;
}
.interceptor-xl .reg-progressive-center .field select {
width: 225px;
}
.reg-progressive-center .fine-print, .new-form-look .fine-print {
float:left;
font-family: verdana, arial, helvetica, sans-serif;
font-size:10px;
line-height: 12px;
width:480px;
}
.reg-progressive-center .checkbox-text {
width: 96% !important;
}
.reg-progressive-center .fine-print span {
font-family: verdana, arial;
font-size:11px;
font-weight:bold;
}
.reg-progressive-center .fine-print a, .interceptor a.stand-out, .make-it-pop a {
color: #3399cc !important;
font-weight: bold !important;
}
.reg-progressive-center .fine-print a:hover, .interceptor a.stand-out:hover, .make-it-pop a:hover {
color: #ee7722 !important;
}
.make-it-pop table.te-new-app-table {
border: 0px !important;
margin-bottom: 0;
}
.make-it-pop table.te-new-app-table thead th {
border: 0px !important;
font-size: 11px;
line-height: 14px;
padding: 7px;
}
.make-it-pop table.te-new-app-table tbody tr {
background-color: #888888;
}
.make-it-pop table.te-new-app-table tbody tr.odd {
background-color: #555555;
}
.make-it-pop table.te-new-app-table tbody tr.secure {
background-color: #336699;
}
.make-it-pop table.te-new-app-table tbody tr.secure-odd {
background-color: #3399CC;
}
.make-it-pop table.clean-table tbody tr:hover {
background-color:#ee7722 !important;
}
.make-it-pop table.te-new-app-table tfoot td {
border: 0px !important;
font-size: 10px;
line-height: 11px;
padding: 10px 10px 0;
}
.interceptor .registration-error, .reg-progressive-center .registration-error {
clear: left;
color: #FF0000 !important;
display: block;
float: left;
font-size:10px;
font-weight: bold;
padding-top: 5px;
}
.interceptor .registration-warning, .reg-progressive-center .registration-warning {
clear: left;
color: #ee7722 !important;
display: block;
float: left;
font-size:10px;
font-weight: bold;
padding-top: 5px;
}
.interceptor .field .completion-entry-incorrect, .reg-progressive-center .field .completion-entry-incorrect {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/field-error.png");
background-position: center center;
float:right;
margin: 5px 3px;
width: 17px;
}
.interceptor .field .completion-entry-correct, .reg-progressive-center .field .completion-entry-correct {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/field-correct.png");
background-position: center center;
margin:5px 3px;
width: 17px;
}
.interceptor .field .completion-entry-warning, .reg-progressive-center .field .completion-entry-warning {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/text-warning.png");
background-position: center center;
margin:5px 3px;
width: 17px;
}
.orange-marketing-area {
background-color: #FFEECC !important;
border:1px solid #ee7722 !important;
border-radius: 0.5em 0.5em 0.5em 0.5em;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
clear: both;
display: block;
margin-top: 15px;
padding: 10px;
}
.orange-marketing-area p {
font-size:10px;
margin:7px 0;
}
.orange-marketing-area a {
font-weight:bold;
}
.progress-indicator {
margin-bottom:5px;
padding:0 10px;
width:500px;
}
.progress-indicator div#ProgressBarWrapper {
border:1px solid #ccc !important;
border-radius: 0.5em 0.5em 0.5em 0.5em;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 2px 2px #ccc;
-webkit-box-shadow: 0 2px 2px #ccc;
box-shadow: 0 2px 2px #CCCCCC;
float:none !important;
padding:10px;
text-align:center;
}
.progress-indicator p {
color: #555555 !important;
font-size:11px;
font-weight:bold;
padding-bottom:5px;
text-transform:uppercase;
}
.progress-indicator span.percentText {
color: #777777;
display: inline-block;
font-size: 9px;
padding-left: 5px;
vertical-align: top;
}
table.te-new-app-table tbody tr.secure {
background-color: #bbddee;
}
table.te-new-app-table tbody tr.secure-odd {
background-color: #CCEEFF;
}
table.te-new-app-table tbody tr.secure:hover, table.te-new-app-table tbody tr.secure-odd:hover {
background-color: #ffeecc;
}
.registration-create-features p {
padding:3px 0;
}
.registration-create-features span.step-text {
font-size: 14px;
font-weight:bold;
}

/*NEW "Faux" tabs, created for My Account, April 2013*/
.tab-wrapper {
float:left;
height:auto !important;
overflow: visible !important;
width:900px;
}
.tab-wrapper .tabs-area h5 {
padding-right:20px;
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/tab-arrow-right.png') no-repeat right center transparent;
}
.tab-wrapper .tabs-area h5.active {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/tab-arrow-active.png') no-repeat right center transparent;
}
/*My Account, April 2013*/
.my-account-background-bleed, .reg-features-background-bleed {
height: 500px;
position: absolute;
width: 900px;
z-index: -50;
}
.my-account-background-bleed {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-background.jpg') no-repeat scroll 0 0 transparent;
}
.reg-features-background-bleed {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/registration-features-background.jpg') no-repeat scroll 0 0 transparent;
}
.tab-wrapper .tabs-area h5, .add-right-arrow-icon {
padding-right:15px;
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/tab-arrow-right.png') no-repeat right center transparent;
}
.tab-wrapper .tabs-area h5.active {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/tab-arrow-active.png') no-repeat right center transparent;
}
.add-link-right-arrow-icon {
padding-right:15px;
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/blue-arrow-right.png') no-repeat right center transparent;
}
.add-link-right-arrow-icon:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/tab-arrow-hover.png') no-repeat right center transparent;
}
.tabs-content-area {
-webkit-border-radius: 0 .5em .5em;
-moz-border-radius: 0 .5em .5em;
border-radius: 0 .5em .5em;
clear:left;
float:left;
margin-left:15px;
padding:10px;
width:850px;
}
.tabs-content-area p {
font-size: 11px;
padding: 4px 0;
}
.preferences-icon-inline {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/preferences-gear.png') no-repeat left center transparent;
padding:11px 0 11px 40px !important;
}
.tabs-content-area .section-wrapper {
float:left;
width: 420px;
}
.tabs-content-area .content-wrapper {
float:left;
width:404px;
}
.tabs-content-area .content-wrapper-contents {
float:left;
width:384px;
}
.tabs-content-area .editable-section-wrapper {
margin-left: 0;
margin-top: 0;
position: absolute;
width: 418px;
z-index: 100;
}
.tabs-content-area .accent-section-wrapper {
margin-left: 0;
margin-top: 0;
position: absolute;
z-index: 100;
}
.tabs-content-area .one-third-section {
width:260px;
}
.tabs-content-area .one-third-section-contents {
background-color:#ffffff;
float:left;
border:none !important;
margin-top:30px;
margin-bottom:10px;
width:227px;
}
.tabs-content-area .two-thirds-section {
width:565px;
}
.tabs-content-area .two-thirds-section-contents {
background-color:#ffffff;
float:left;
border:none !important;
margin-top:30px;
width:532px;
}
.tabs-content-area .full-section {
width:846px;
}
.tabs-content-area .full-section-contents {
background-color:#ffffff;
float:left;
border:none !important;
margin-top:30px;
width:813px;
}
.tabs-content-area .full-section-contents-no-padding {
background-color: #FFFFFF;
border: 0px !important;
float: left;
margin-top: 40px;
padding: 0 0 0 0 !important;
width: 833px;
}
.tabs-content-area .editable-section-right-wrapper {
margin-left: 428px;
}
.tabs-content-area .editable-section {
background-color: #444444;
border-bottom: 0px !important;
box-shadow: 1px 1px 4px #555555;
color: #FFFFFF;
padding: 0 0 0 10px;
width: auto;
}
.tabs-content-area .accent-section {
background-color: #ee7722;
border-bottom: 0px !important;
box-shadow: 1px 1px 4px #555555;
color: #FFFFFF;
padding: 0 0 0 10px;
width: auto;
}
.tabs-content-area .first-section {
background-color: transparent !important;
}
.tabs-content-area .one-third-section .accent-section-bottom-center {
width: 247px;
}
.tabs-content-area .editable-section-bottom-center {
width: 404px;
}
.tabs-content-area .two-thirds-section .editable-section-bottom-center, .tabs-content-area .two-thirds-section .non-editable-section-bottom-center {
width: 552px;
}
.tabs-content-area .full-section .editable-section-bottom-center, .tabs-content-area .full-section .non-editable-section-bottom-center {
width: 833px;
}
.tabs-content-area .accent-section-bottom-right-edge {
border-right: 15px solid transparent;
border-top: 15px solid #cc6600;
}
.tabs-content-area .editable-section-bottom-right-edge {
border-right: 15px solid transparent;
border-top: 15px solid #005588;
}
.tabs-content-area .non-editable-section-bottom-right-edge {
border-right: 15px solid transparent;
border-top: 15px solid #333333;
}
.tabs-content-area .completion-entry-correct {
background-image: url("/_TEincludes/ver/1686/TEimages/leapfrog/field-correct.png");
background-position: center center;
display:block;
margin:0 5px 0 0;
width: 17px;
}
.edit-section-button {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/edit-new.png") no-repeat scroll 7px center #006699;
cursor: pointer;
padding: 10px 15px 10px 36px;
}
.edit-section-button:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/edit-new.png") no-repeat scroll 7px center #ee7722;
}
.save-section-button {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/save-new.png") no-repeat scroll 7px center #006699;
cursor: pointer;
padding: 10px 15px 10px 36px;
}
.save-section-button:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/save-new.png") no-repeat scroll 7px center #ee7722;
}
.tabs-content-area textarea.profile {
background-color: #EEEEEE;
border: 0 none;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
border-radius: 0.5em 0.5em 0.5em 0.5em;
float: left;
font-size: 11px;
height: 250px;
margin-top:5px;
padding: 3px;
width: 350px;
}
.tabs-content-area table.one-to-one td {
border-bottom: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
padding: 7px 2px !important;
}
.tabs-content-area table.one-to-one input.text, .tabs-content-area input.text, .gradient-background-wrapper input.text {
background-color: #EEEEEE;
border: 0 none;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
border-radius: 0.5em 0.5em 0.5em 0.5em;
float: left;
font-size: 11px;
height: 20px;
padding: 3px;
width: 230px;
}
.tabs-content-area table.one-to-one select {
background-color: #EEEEEE;
border: 0px !important;
-webkit-border-radius: 0.25em 0.25em 0 0;
-moz-border-radius: 0.25em 0.25em 0 0;
border-radius: 0.25em 0.25em 0 0;
clear: left;
float: left;
height: 24px;
line-height: 24px;
padding: 3px;
width: 235px;
}
.gradient-background-wrapper select {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
-webkit-border-radius: 0.25em 0.25em 0 0;
-moz-border-radius: 0.25em 0.25em 0 0;
border-radius: 0.25em 0.25em 0 0;
clear: left;
float: left;
height: 24px;
line-height: 24px;
padding: 3px;
width: 235px;
}
.gradient-background-wrapper table.te-new-app-table select.item-status {
height: 20px;
line-height: 20px;
margin-top: 3px;
padding: 0;
width: auto !important;
}
.gradient-background-wrapper select.region {
width: 125px;
}
.gradient-background-wrapper table.te-new-app-table tbody td input.long-text {
clear: both;
height: 16px;
margin: 0;
width: 200px;
}
.gradient-background-wrapper table.te-new-app-table tbody td input.short-text {
clear: both;
height: 16px;
margin: 0;
width: 50px;
}
.tabs-content-area table.one-to-one select.highlighter, .tabs-content-area table.one-to-one input.highlighter, .gradient-background-wrapper select.highlighter, .gradient-background-wrapper input.highlighter {
background-color: #FFFFdd !important;
background-image: none !important;
border: 1px solid #EE7722 !important;
}
.tabs-content-area table.one-to-one select.warning, .tabs-content-area table.one-to-one input.warning, .gradient-background-wrapper select.warning, .gradient-background-wrapper input.warning {
background-color: #FFFFBB !important;
background-image: none !important;
border: 1px solid #EE7722 !important;
}
.tabs-content-area table.one-to-one select.error, .tabs-content-area table.one-to-one input.error, .gradient-background-wrapper select.error, .gradient-background-wrapper input.error {
background-color:#ffffbb !important;
background-image: none !important;
border:1px solid #ff0000 !important;
}
.preferences-checkboxes-wrapper {
clear:left;
float:left;
margin-top:10px;
width:100%;
}
.preferences-checkboxes-wrapper .two-up {
width:49% !important;
}
.preferences-checkboxes-wrapper .checkbox-wrapper input {
float: left;
font-family: verdana;
font-size: 100%;
width: 10px;
}
.preferences-checkboxes-wrapper .checkbox-wrapper label {
float: left;
line-height: 13px;
padding-bottom: 0;
padding-left: 5px;
vertical-align: top;
width: 85%;
}
.new-blue-bullet {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/blue-arrow-bullet.png') no-repeat left center transparent;
padding:5px 0 5px 20px;
}
.new-blue-bullet:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/orange-arrow-bullet.png') no-repeat left center transparent;
}
.resource-icon {
float: left;
height: 25px;
line-height: 25px;
padding: 0 0 0 30px;
}
.authorized-distributor-resource {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left 0 transparent;
}
.authorized-distributor-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -25px transparent;
}
.authorized-distributor-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -50px transparent;
color: #aaaaaa;
font-weight:bold;
}
.cross-reference-resource {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -75px transparent;
}
.cross-reference-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -100px transparent;
}
.cross-reference-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -125px transparent;
color: #aaaaaa;
font-weight:bold;
}
.distributor-inventory-resource {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -150px transparent;
}
.distributor-inventory-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -175px transparent;
}
.distributor-inventory-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -200px transparent;
color: #aaaaaa;
font-weight:bold;
}
.docs-drawings-resource {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -225px transparent;
}
.docs-drawings-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -250px transparent;
}
.docs-drawings-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -275px transparent;
color: #aaaaaa;
font-weight:bold;
}
.downloads-resource {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -300px transparent;
}
.downloads-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -325px transparent;
}
.downloads-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -350px transparent;
color: #aaaaaa;
font-weight:bold;
}
.part-lists-resource {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -375px transparent;
}
.part-lists-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -400px transparent;
}
.part-lists-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -425px transparent;
color: #aaaaaa;
font-weight:bold;
}
.PAV-resource, .PIN-resource {/*formerly pricing-availability-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -450px transparent;
}
.PAV-resource:hover, .PIN-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -475px transparent;
}
.PAV-resource-disabled, .PIN-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -500px transparent;
color: #aaaaaa;
font-weight:bold;
}
.RAQ-resource, .RAQTM-resource {/*formerly request-for-quote-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -525px transparent;
}
.RAQ-resource:hover, .RAQTM-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -550px transparent;
}
.RAQ-resource-disabled, .RAQTM-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -575px transparent;
color: #aaaaaa;
font-weight:bold;
}
.NDR-resource {/*formerly new-design-request-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -600px transparent;
}
.NDR-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -625px transparent;
}
.NDR-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -650px transparent;
color: #aaaaaa;
font-weight:bold;
}
.OIN-resource, .OIN5-resource, .OLO-resource {/*formerly order-status-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -675px transparent;
}
.OIN-resource:hover, .OIN5-resource:hover, .OLO-resource:hover {

background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -700px transparent;
}
.OIN-resource-disabled, .OIN5-resource-disabled, .OLO-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -725px transparent;
color: #aaaaaa;
font-weight:bold;
}
.NNS-resource {/*also known as NNS --- formerly known here as return-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -750px transparent;
}
.NNS-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -775px transparent;
}
.NNS-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -800px transparent;
color: #aaaaaa;
font-weight:bold;
}
.e-cat-browse-resource {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -825px transparent;
}
.e-cat-browse-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -850px transparent;
}
.e-cat-browse-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -875px transparent;
color: #aaaaaa;
font-weight:bold;
}
/*We have an extra "page/document" icon, starting at 900 pixels in the sprite.*/
/**Not currently used...
.??-resource {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -900px transparent;
}
.??-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -925px transparent;
}
.??-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -950px transparent;
color: #aaaaaa;
font-weight:bold;
}***/
.SRE-resource, .GSSA-resource {/*formerly .samples-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -975px transparent;
}
.SRE-resource:hover, .GSSA-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1000px transparent;
}
.SRE-resource-disabled, .GSSA-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1025px transparent;
color: #aaaaaa;
font-weight:bold;
}
.EAS-resource {/*formerly eas-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1050px transparent;
}
.EAS-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1075px transparent;
}
.EAS-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1100px transparent;
color: #aaaaaa;
font-weight:bold;
}
.FOE-resource {/*formerly fast-order-entry-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1125px transparent;
}
.FOE-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1150px transparent;
}
.FOE-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1175px transparent;
color: #aaaaaa;
font-weight:bold;
}
.IDL-resource {/*formerly inv-download-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1200px transparent;
}
.IDL-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1225px transparent;
}
.IDL-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1250px transparent;
color: #aaaaaa;
font-weight:bold;
}
.SMI-resource {/*formerly inv-slow-moving-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1275px transparent;
}
.SMI-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1300px transparent;
}
.SMI-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1325px transparent;
color: #aaaaaa;
font-weight:bold;
}
.BPD-resource, .FPB-resource {/*was price-book-download-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1350px transparent;
}
.BPD-resource:hover, .FPB-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1375px transparent;
}
.BPD-resource-disabled, .FPB-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1400px transparent;
color: #aaaaaa;
font-weight:bold;
}
.PCN-resource {/*formerly product-change-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1425px transparent;
}
.PCN-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1450px transparent;
}
.PCN-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1475px transparent;
color: #aaaaaa;
font-weight:bold;
}
.DAS-resource {/*formerly .recent-activities-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1500px transparent;
}
.DAS-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1525px transparent;
}
.DAS-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1550px transparent;
color: #aaaaaa;
font-weight:bold;
}
.ISD-resource {/*formerly .ship-debit-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1575px transparent;
}
.ISD-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1600px transparent;
}
.ISD-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1625px transparent;
color: #aaaaaa;
font-weight:bold;
}
.SPU-resource, .SPI-resource, .GSPRA-resource {/*formerly .special-price-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1650px transparent;
}
.SPU-resource:hover, .SPI-resource:hover, .GSPRA-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1675px transparent;
}
.SPU-resource-disabled, .SPI-resource-disabled, .GSPRA-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1700px transparent;
color: #aaaaaa;
font-weight:bold;
}
.FSE-resource {/*formerly customer-contacts-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1725px transparent;
}
.FSE-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1750px transparent;
}
.FSE-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1775px transparent;
color: #aaaaaa;
font-weight:bold;
}
.LRE-resource {/*formerly .literature-media-resource*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1800px transparent;
}
.LRE-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1825px transparent;
}
.LRE-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1850px transparent;
color: #aaaaaa;
font-weight:bold;
}
/*GENERIC TOOL/APPLICATION/RESOURCE ICON*/
.generic-resource, .COR-resource, .CXG-resource, .CXR-resource, .CXUS-resource, .DPCGC-resource, .DP-TE-resource, .MCDA-resource, .MPI-resource, .NCA-resource, .NCI-resource, .SCA-resource, .SCT-resource, .SF-CN-resource, .SPC-resource, .SPM-resource, .TELC-resource, .TELCM-resource, .UADM-resource, .EAA-resource, .SIE-resource {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1875px transparent;
}
.generic-resource:hover, .generic-resource:hover, .COR-resource:hover, .CXG-resource:hover, .CXR-resource:hover, .CXUS-resource:hover, .DPCGC-resource:hover, .DP-TE-resource:hover, .MCDA-resource:hover, .MPI-resource:hover, .NCA-resource:hover, .NCI-resource:hover, .SCA-resource:hover, .SCT-resource:hover, .SF-CN-resource:hover, .SPC-resource:hover, .SPM-resource:hover, .TELC-resource:hover, .TELCM-resource:hover, .UADM-resource:hover, .EAA-resource:hover, .SIE-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1900px transparent;
}
.generic-resource-disabled, .generic-resource-disabled, .COR-resource-disabled, .CXG-resource-disabled, .CXR-resource-disabled, .CXUS-resource-disabled, .DPCGC-resource-disabled, .DP-TE-resource-disabled, .MCDA-resource-disabled, .MPI-resource-disabled, .NCA-resource-disabled, .NCI-resource-disabled, .SCA-resource-disabled, .SCT-resource-disabled, .SF-CN-resource-disabled, .SPC-resource-disabled, .SPM-resource-disabled, .TELC-resource-disabled, .TELCM-resource-disabled, .UADM-resource-disabled, .EAA-resource-disabled, .SIE-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/my-account-resources-sprite.png') no-repeat left -1925px transparent;
color: #aaaaaa;
font-weight:bold;
}
.shipping-resource {/*added Feb 2014 to Recent Activities*/
/*background: url('../images/my-account-resources-sprite.png') no-repeat left -1950px transparent;*/
/*background: url('../images/shipping-docs-sprite-small.png') no-repeat left 0px transparent;*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/shipping-docs-sprite-small.png') no-repeat left 0px transparent;
float: none;
height: 18px;
line-height: 18px !important;
padding: 1px 0 1px 20px;
}
.shipping-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/shipping-docs-sprite-small.png') no-repeat left -18px transparent;
float: none;
height: 18px;
line-height: 18px !important;
padding: 1px 0 1px 20px;
}
.shipping-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/shipping-docs-sprite-small.png') no-repeat left -36px transparent;
color: #aaaaaa;
font-weight:bold;
float: none;
height: 18px;
line-height: 18px !important;
padding: 1px 0 1px 20px;
}
.packing-resource {/*added Feb 2014 to Recent Activities*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/shipping-docs-sprite-small.png') no-repeat left -54px transparent;
float: none;
height: 18px;
line-height: 18px !important;
padding: 2px 0 2px 20px;
}
.packing-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/shipping-docs-sprite-small.png') no-repeat left -72px transparent;
float: none;
height: 18px;
line-height: 18px !important;
padding: 2px 0 2px 20px;
}
.packing-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/shipping-docs-sprite-small.png') no-repeat left -90px transparent;
color: #aaaaaa;
font-weight:bold;
float: none;
height: 18px;
line-height: 18px !important;
padding: 2px 0 2px 20px;
}
.certificate-resource {/*added Feb 2014 to Recent Activities*/
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/shipping-docs-sprite-small.png') no-repeat left -108px transparent;
float: none;
height: 18px;
line-height: 18px !important;
padding: 2px 0 2px 20px;
}
.certificate-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/shipping-docs-sprite-small.png') no-repeat left -126px transparent;
float: none;
height: 18px;
line-height: 18px !important;
padding: 2px 0 2px 20px;
}
.certificate-resource-disabled {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/shipping-docs-sprite-small.png') no-repeat left -144px transparent;
color: #aaaaaa;
font-weight:bold;
float: none;
height: 18px;
line-height: 18px !important;
padding: 2px 0 2px 20px;
}
/*End Generic Tool icon usage*/
/*EXCEL TOOL ICON*/
.excel-resource {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/excel-blue-icon-tool.png') no-repeat left 0px transparent;
}
.excel-resource:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/excel-blue-icon-tool.png') no-repeat left -25px transparent;
}
/*End Excel Tool Icon*/
a.left-toggle {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/toggle-arrow-left.png') no-repeat left center transparent;
float:left;
height:45px;
width:25px;
}
a.left-toggle:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/toggle-arrow-left-hover.png') no-repeat left center transparent;
}
a.left-toggle:active {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/toggle-arrow-left-press.png') no-repeat left center transparent;
}
a.right-toggle {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/toggle-arrow-right.png') no-repeat left center transparent;
float:right;
height:45px;
width:25px;
}
a.right-toggle:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/toggle-arrow-right-hover.png') no-repeat left center transparent;
}
a.right-toggle:active {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/toggle-arrow-right-press.png') no-repeat left center transparent;
}
.circular-indicator-wrapper {
margin: 0 auto;
}
.circular-indicator-wrapper a.circular-indicator {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/circular-indicator.png') no-repeat center center transparent;
float:left;
height:20px;
width:20px;
}
.circular-indicator-wrapper a.active {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/circular-indicator-active.png') no-repeat center center transparent;
}
.circular-indicator-wrapper a.circular-indicator:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/circular-indicator-hover.png') no-repeat center center transparent;
}
.circular-indicator-wrapper a.circular-indicator:active {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/circular-indicator-press.png') no-repeat center center transparent;
}
.circular-indicator-wrapper a.active:hover {
background: url('/_TEincludes/ver/1686/TEimages/leapfrog/circular-indicator-active-hover.png') no-repeat center center transparent;
}

/*CQ specific fixes/styles, since CQ is now calling in te-new-app.css, June 11, 2013*/
.parsys div.thin-border .parbase p {
line-height:14px;
margin:4px 0;
padding: 0;
}
.parsys div.thin-border .parbase ul {
line-height:14px;
list-style: none outside none;
margin-left: 0;
padding: 0 0 0 15px;
}
.parsys div.thin-border .parbase ul li {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/te-global-bg-arrow-link-marker.png") no-repeat scroll 0 8px transparent;
clear: both;
font-weight: normal;
line-height: 14px;
padding: 3px 0 3px 15px;
}
.parsys div.text ul {
list-style: disc outside none;
margin-left: 10px;
padding: 0 0 0 15px;
}
/*END - CQ specific fixes/styles*/

/*Additional Table styles - for better alignment. First use: SCRAP*/
table.new-details tbody td {
padding:5px 10px 5px 0;
}
table.new-details tbody td.label-name {
float: right;
font-weight: bold;
text-align: right;
text-transform: uppercase;
}
table.new-details tbody td input {
background-color: #EEEEEE;
border: 0 none;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
border-radius: 0.5em 0.5em 0.5em 0.5em;
float: left;
font-size: 14px;
height: 20px;
padding: 3px;
width: 220px;
}
.refresh-inline {
background: url("/_TEincludes/ver/1686/TEimages/white-refresh.png") no-repeat 0 0 transparent;
float: left;
height: 20px;
padding-right: 5px;
width: 26px;
}
/*NEW CSS3 Flexible "Buttons"*/
.green-gradient-button {
background-image: -moz-linear-gradient(center top , #55bb00, #336600);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #55bb00),color-stop(1, #336600)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #55bb00, #336600); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #55bb00, #336600); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #55bb00, #336600); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#55bb00', endColorstr='#336600')"; /* IE8+ */
background-image: linear-gradient(top, #55bb00, #336600);
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
clear: both;
color: #FFFFFF !important;
cursor:pointer;
font-weight: bold;
margin: 0;
padding: 8px 20px;
text-align: center;
width: auto;
}
.green-gradient-button:hover {
background-image: -moz-linear-gradient(center top , #66ff00, #339900);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #66ff00),color-stop(1, #339900)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #66ff00, #339900); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #66ff00, #339900); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #66ff00, #339900); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ff00', endColorstr='#339900')"; /* IE8+ */
background-image: linear-gradient(top, #66ff00, #339900);
color: #FFFFFF !important;
text-decoration: none !important;
}
.blue-gradient-button {
background-image: -moz-linear-gradient(center top , #3399cc, #005588);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3399cc),color-stop(1, #005588)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #3399cc, #005588); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #3399cc, #005588); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #3399cc, #005588); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399cc', endColorstr='#005588')"; /* IE8+ */
background-image: linear-gradient(top, #3399cc, #005588);
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
clear: both;
color: #FFFFFF !important;
cursor:pointer;
font-weight: bold;
margin: 0;
padding: 8px 20px;
text-align: center;
width: auto;
}
.blue-gradient-button:hover {
background-image: -moz-linear-gradient(center top , #33bbff, #0077aa);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #33bbff),color-stop(1, #0077aa)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #33bbff, #0077aa); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #33bbff, #0077aa); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #33bbff, #0077aa); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbff', endColorstr='#0077aa')"; /* IE8+ */
background-image: linear-gradient(top, #33bbff, #0077aa);
color: #FFFFFF !important;
text-decoration: none !important;
}
.blue-gradient-button-disabled {
background-image: -moz-linear-gradient(center top , #bbddee, #55bbee);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #bbddee),color-stop(1, #55bbee)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #bbddee, #55bbee); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #bbddee, #55bbee); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #bbddee, #55bbee); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbddee', endColorstr='#55bbee')"; /* IE8+ */
background-image: linear-gradient(top, #bbddee, #55bbee);
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
clear: both;
color: #FFFFFF !important;
cursor:pointer;
font-weight: bold;
margin: 0;
padding: 8px 20px;
text-align: center;
width: auto;
}
.blue-gradient-button-disabled:hover {
color: #FFFFFF !important;
text-decoration: none !important;
}
.orange-gradient-button {
background-image: -moz-linear-gradient(center top , #ff9922, #ee5522);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ff9922),color-stop(1, #ee5522)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #ff9922, #ee5522); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #ff9922, #ee5522); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #ff9922, #ee5522); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9922', endColorstr='#ee5522')"; /* IE8+ */
background-image: linear-gradient(top, #ff9922, #ee5522);
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
clear: both;
color: #FFFFFF !important;
cursor:pointer;
font-weight: bold;
margin: 0;
padding: 8px 20px;
text-align: center;
width: auto;
}
.orange-gradient-button:hover {
background-image: -moz-linear-gradient(center top , #ffcc55, #ee7722);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffcc55),color-stop(1, #ee7722)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #ffcc55, #ee7722); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #ffcc55, #ee7722); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #ffcc55, #ee7722); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc55', endColorstr='#ee7722')"; /* IE8+ */
background-image: linear-gradient(top, #ffcc55, #ee7722);
color: #FFFFFF !important;
text-decoration: none !important;
/*ff6600, ff5500, ff6633, ee5522*/
}
.orange-gradient-button-disabled {
background-image: -moz-linear-gradient(center top , #ffeecc, #eebb99);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffeecc),color-stop(1, #eebb99)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #ffeecc, #eebb99); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #ffeecc, #eebb99); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #ffeecc, #eebb99); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeecc', endColorstr='#eebb99')"; /* IE8+ */
background-image: linear-gradient(top, #ffeecc, #eebb99);
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
clear: both;
color: #FFFFFF !important;
cursor:pointer;
font-weight: bold;
margin: 0;
padding: 8px 20px;
text-align: center;
width: auto;
}
.orange-gradient-button-disabled:hover {
color: #FFFFFF !important;
text-decoration: none !important;
}
body.te-new-design a.orange-gradient-button, body.te-new-design a.orange-gradient-button:hover, body.te-new-design a.orange-gradient-button-disabled, body.te-new-design a.orange-gradient-button-disabled:hover {
text-decoration: none !important;
}
body.te-new-design a.orange-gradient-button-disabled, body.te-new-design a.orange-gradient-button-disabled:hover {
cursor: text !important;
}
.gray-gradient-button {
background-image: -moz-linear-gradient(center top , #cccccc, #555555);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cccccc),color-stop(1, #555555)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #cccccc, #555555); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #cccccc, #555555); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #cccccc, #555555); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#555555')"; /* IE8+ */
background-image: linear-gradient(top, #cccccc, #555555);
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
clear: both;
color: #FFFFFF !important;
cursor:text;
font-weight: bold;
margin: 0;
padding: 8px 20px;
text-align: center;
width: auto;
}
.gray-gradient-button:hover {
color: #FFFFFF !important;
text-decoration: none !important;
}
.gray-gradient-button-disabled {
background-image: -moz-linear-gradient(center top , #dddddd, #aaaaaa);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dddddd),color-stop(1, #aaaaaa)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #dddddd, #aaaaaa); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #dddddd, #aaaaaa); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #dddddd, #aaaaaa); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#aaaaaa')"; /* IE8+ */
background-image: linear-gradient(top, #dddddd, #aaaaaa);
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
clear: both;
color: #FFFFFF !important;
cursor:text;
font-weight: bold;
margin: 0;
padding: 8px 20px;
text-align: center;
width: auto;
}
.gray-gradient-button-disabled:hover {
color: #FFFFFF !important;
text-decoration: none !important;
}
.dijitContentPane .interceptor-center a.gray-gradient-button, .gray-overlay .te-dijitDialog-ContentContainer a.gray-gradient-button, .dijitContentPane .interceptor-center .gray-gradient-button, .gray-overlay .te-dijitDialog-ContentContainer .gray-gradient-button, .dijitContentPane .interceptor-center a.orange-gradient-button, .gray-overlay .te-dijitDialog-ContentContainer a.orange-gradient-button, .dijitContentPane .interceptor-center .orange-gradient-button, .gray-overlay .te-dijitDialog-ContentContainer .orange-gradient-button, .dijitContentPane .interceptor-center a.blue-gradient-button, .gray-overlay .te-dijitDialog-ContentContainer a.blue-gradient-button, .dijitContentPane .interceptor-center .blue-gradient-button, .gray-overlay .te-dijitDialog-ContentContainer .blue-gradient-button, .dijitContentPane .interceptor-center a.orange-gradient-button-disabled, .gray-overlay .te-dijitDialog-ContentContainer a.orange-gradient-button-disabled, .dijitContentPane .interceptor-center .orange-gradient-button-disabled, .gray-overlay .te-dijitDialog-ContentContainer .orange-gradient-button-disabled {
color: #FFFFFF !important;
}
.dijitContentPane .interceptor-center a.gray-gradient-button:hover, .gray-overlay .te-dijitDialog-ContentContainer a.gray-gradient-button:hover, .dijitContentPane .interceptor-center .gray-gradient-button:hover, .gray-overlay .te-dijitDialog-ContentContainer .gray-gradient-button:hover, .dijitContentPane .interceptor-center a.orange-gradient-button:hover, .gray-overlay .te-dijitDialog-ContentContainer a.orange-gradient-button:hover, .dijitContentPane .interceptor-center .orange-gradient-button:hover, .gray-overlay .te-dijitDialog-ContentContainer .orange-gradient-button:hover, .dijitContentPane .interceptor-center a.blue-gradient-button:hover, .gray-overlay .te-dijitDialog-ContentContainer a.blue-gradient-button:hover, .dijitContentPane .interceptor-center .blue-gradient-button:hover, .gray-overlay .te-dijitDialog-ContentContainer .blue-gradient-button:hover, .dijitContentPane .interceptor-center a.orange-gradient-button-disabled:hover, .gray-overlay .te-dijitDialog-ContentContainer a.orange-gradient-button-disabled:hover, .dijitContentPane .interceptor-center .orange-gradient-button-disabled:hover, .gray-overlay .te-dijitDialog-ContentContainer .orange-gradient-button-disabled:hover {
color: #FFFFFF !important;
text-decoration: none !important;
}

/*Gradient Toppers*/
.gray-gradient-topper {
background-image: -moz-linear-gradient(center top , #ffffff, #dddddd); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #dddddd)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #ffffff, #dddddd); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')"; /* IE8+ */
background-image: linear-gradient(top, #ffffff, #dddddd);
border: 1px solid #CCCCCC;
-webkit-border-radius: 0.5em 0.5em 0 0 !important;
-moz-border-radius: 0.5em 0.5em 0 0 !important;
border-radius: 0.5em 0.5em 0 0 !important;
color: #555555 !important;
font-size: 12px;
font-weight: bold;
padding: 8px;
}
.orange-gradient-topper {
background-image: -moz-linear-gradient(center top , #ffcc66, #dd6622); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffcc66),color-stop(1, #dd6622)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #ffcc66, #dd6622); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #ffcc66, #dd6622); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #ffcc66, #dd6622); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc66', endColorstr='#dd6622')"; /* IE8+ */
background-image: linear-gradient(top, #ffcc66, #dd6622);
border: 1px solid #ee7722;
-webkit-border-radius: 0.5em 0.5em 0 0 !important;
-moz-border-radius: 0.5em 0.5em 0 0 !important;
border-radius: 0.5em 0.5em 0 0 !important;
color: #ffffff !important;
font-size: 12px;
font-weight: bold;
padding: 8px;
}
.blue-gradient-topper {
background-image: -moz-linear-gradient(center top , #3399cc, #005588); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3399cc),color-stop(1, #005588)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #3399cc, #005588); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #3399cc, #005588); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #3399cc, #005588); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399cc', endColorstr='#005588')"; /* IE8+ */
background-image: linear-gradient(top, #3399cc, #005588);
border: 1px solid #005588;
-webkit-border-radius: 0.5em 0.5em 0 0 !important;
-moz-border-radius: 0.5em 0.5em 0 0 !important;
border-radius: 0.5em 0.5em 0 0 !important;
color: #ffffff !important;
font-size: 12px;
font-weight: bold;
padding: 8px;
}
/*CSS3 Shapes*/
.left-side-triangle {
border-left: 15px solid transparent;
border-top: 15px solid #004466;
}
.right-side-triangle {
border-right: 15px solid transparent;
border-top: 15px solid #004466;
}
/*Generic Style Add-ons. Also added these, up to and including .clear-right, in custportal-demo.css on 2/10/2012*/
.make-it-an-overlay {
background-color: #ffffff;
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
box-shadow: 0 0 15px #555555 !important;
-moz-box-shadow: 0 0 15px #555555 !important;
-webkit-box-shadow: 0 0 15px #555555 !important;
}
.icon-line-height { /*When 1-liners sit next to double-liners, so that a vertical centering occurs*/
line-height:22px;
}
.css3-icon-maker { /*Turns any text element, like a question mark or an exclamation point, into an icon*/
border: 2px solid #FFFFFF;
border-radius: 1em 1em 1em 1em;
-webkit-border-radius: 1em 1em 1em 1em;
-moz-border-radius: 1em 1em 1em 1em;
cursor: pointer;
font-size: 14px;
font-weight: bold;
margin-left: 5px;
padding: 1px 5px;
}
.css3-icon-maker a {
text-decoration: none;
}
.css3-icon-maker a:hover {
cursor:pointer;
}

.css3-solid-icon-maker {
background: none repeat scroll 0 0 #005588;
border: 1px solid #005588;
border-radius: 1em 1em 1em 1em;
-webkit-border-radius: 1em 1em 1em 1em;
-moz-border-radius: 1em 1em 1em 1em;
color: #FFFFFF;
cursor: pointer;
font-size: 11px;
font-weight: bold;
margin: 5px 5px 5px 0;
padding: 1px 5px;
}
.css3-solid-icon-maker a {
text-decoration: none;
}
.css3-solid-icon-maker a:hover {
cursor:pointer;
}

.css3-solid-orange-icon-maker {
background: none repeat scroll 0 0 #ee7722;
border: 1px solid #ee7722;
border-radius: 1em 1em 1em 1em;
-webkit-border-radius: 1em 1em 1em 1em;
-moz-border-radius: 1em 1em 1em 1em;
color: #FFFFFF;
cursor: pointer;
font-size: 11px;
font-weight: bold;
margin: 5px 5px 5px 0;
padding: 1px 5px;
}
.css3-solid-orange-icon-maker a {
text-decoration: none;
}
.css3-solid-orange-icon-maker a:hover {
cursor:pointer;
}

.css3-solid-gray-icon-maker {
background: none repeat scroll 0 0 #cccccc;
border: 1px solid #cccccc;
border-radius: 1em 1em 1em 1em;
-webkit-border-radius: 1em 1em 1em 1em;
-moz-border-radius: 1em 1em 1em 1em;
color: #FFFFFF;
cursor: pointer;
font-size: 11px;
font-weight: bold;
margin: 5px 5px 5px 0;
padding: 1px 5px;
}
.css3-solid-gray-icon-maker a {
text-decoration: none;
}
.css3-solid-gray-icon-maker a:hover {
cursor:pointer;
}

.add-center-gutter {
padding-right:33px;
}
.center-column {
padding-left:15px;
padding-right:15px;
}
/*Border Patrol*/
.add-border-blue {
border-top:1px solid #006699 !important;
border-bottom:1px solid #006699 !important;
border-left:1px solid #006699 !important;
border-right:1px solid #006699 !important;
padding:10px;
}
.add-border-aqua {
border-top:1px solid #11aadd !important;
border-bottom:1px solid #11aadd !important;
border-left:1px solid #11aadd !important;
border-right:1px solid #11aadd !important;
padding:9px;
}
.add-border-gray {
border-top:1px solid #ccc !important;
border-bottom:1px solid #ccc !important;
border-left:1px solid #ccc !important;
border-right:1px solid #ccc !important;
padding:10px;
}
.add-border-dark-gray {
border-top:1px solid #bbb !important;
border-bottom:1px solid #bbb !important;
border-left:1px solid #bbb !important;
border-right:1px solid #bbb !important;
padding:10px;
}
.add-border-orange {
border-top:1px solid #ee7722 !important;
border-bottom:1px solid #ee7722 !important;
border-left:1px solid #ee7722 !important;
border-right:1px solid #ee7722 !important;
padding:10px;
}
.add-border-bottom {
border-bottom:1px solid #ccc !important;
padding-bottom:15px !important;
}
.add-border-top {
border-top:1px solid #ccc;
padding-top:15px !important;
}
.add-thick-border-bottom {
border-bottom:2px solid #ccc;
padding-bottom:15px !important;
}
.add-thick-border-top {
border-top:2px solid #ccc;
padding-top:15px !important;
}
.add-thick-border-top-light {
border-top:2px solid #DEDEDE;
padding-top:15px !important;
}
.add-thick-border-bottom-light {
border-bottom:2px solid #dedede;
padding-bottom:15px !important;
}
.add-border-left {
border-left:1px solid #ccc;
}
.add-border-right {
border-right:1px solid #ccc;
}
.add-border-top-white {
border-top:1px solid #fff;
}
.add-border-bottom-white {
border-bottom:1px solid #fff;
}
.add-border-left-white {
border-left:1px solid #fff;
}
.add-border-right-white {
border-right:1px solid #fff;
}
.add-border-top-white {
border-top:1px solid #fff;
}
.add-border-bottom-white {
border-bottom:1px solid #fff;
}
.add-border-left-white {
border-left:1px solid #fff;
}
.add-border-right-white {
border-right:1px solid #fff;
}
.add-border-top-orange {
border-top:1px solid #ee7722 !important;
}
.add-border-bottom-orange {
border-bottom:1px solid #ee7722 !important;
}
.add-thick-border-bottom-orange {
border-bottom:2px solid #ee7722 !important;
}
.no-border {
border-top:0px !important;
border-bottom:0px !important;
border-left:0px !important;
border-right:0px !important;
}
.no-border-bottom {
border-bottom:0px !important;
}
.no-border-top {
border-top:0px !important;
}
.no-border-right {
border-right:0px !important;
}
.no-border-left {
border-left:0px !important;
}
.simple {
border:none;
margin:0;
padding:0;
}
/*Font Styling*/
h1.over-background-pic {
border-bottom: 0px !important;
color: #FFFFFF !important;
font-size: 30px !important;
font-weight: normal;
margin: 30px 0 15px !important;
padding: 0 0 0 15px !important;
}
.line-height-10 {
line-height:10px !important;
}
.line-height-12 {
line-height:12px !important;
}
.line-height-15 {
line-height:15px !important;
}
.line-height-18 {
line-height:18px !important;
}
.line-height-20 {
line-height:20px !important;
}
.line-height-24 {
line-height:24px !important;
}
.line-height-30 {
line-height:30px !important;
}
.line-height-36 {
line-height:36px !important;
}
.italicize {
font-style:italic;
}
.bold {
font-weight:bold !important;
}
.un-bold {
font-weight:normal !important;
}
.left-align {
text-align: left;
}
.right-align {
text-align: right;
}
.center-vertically {
vertical-align:middle !important;
}
.top-align-vertically {
vertical-align:top;
}
.bottom-align-vertically {
vertical-align:bottom;
}
.draw-attention {
font-family:verdana !important;
font-weight:bold;
}
.important {
font-weight:bold !important;
}
.uppercase {
text-transform:uppercase;
}
.top-info p.fine-print, p.fine-print, span.fine-print {
font-size:10px;
line-height:11px;
}
.asterik-print {
font-size:10px;
line-height: 11px;
}
.stacked-links {
clear:both;
float:left;
padding-top:3px;
padding-bottom:3px;
}
.checkbox-next-to-button {
margin: 5px 6px;
}
.simple-text {
font-size:10px !important;
line-height:12px !important;
font-weight:normal !important;
padding: 5px 0 !important;
}
.center-text {
text-align: center !important;
}
.white-text {
color: #ffffff;
}
a.white-text {
color: #ffffff !important;
font-weight:bold;
}
a.white-text:hover {
color: #ffeecc !important;
}
p.subhead1 {
font-size:14px;
}
p.subhead2 {
font-size:12px;
}
/*Backgrounds and Shadows*/
.no-background {
background:transparent !important;
}
table.no-background tbody tr {
background: none repeat scroll 0 0 transparent !important;
}
.wizard-area table.no-background tbody tr:hover {
background-color:#ffeecc !important;
}
.dark-blue-background {
background-color:#006699 !important;
}
.blue-background {
background-color:#ccddee !important;
}
.light-blue-background {
background-color:#ddeeff !important;
}
.gray-background {
background-color:#F3F3F3 !important;
}
.gray-background-matching-tabs {
background-color: #DEDEDE !important;
}
.medium-blue-background {
background-color: #3399cc !important;
}
.medium-gray-background {
background-color: #aaaaaa !important;
}
.dark-gray-background {
background-color:#444444;
}
.orange-background {
background-color:#ffeecc !important;
}
.dark-orange-background {
background-color: #ee7722 !important;
}
.white-background {
background-color:#ffffff !important;
}
.gray-gradient-background-matching-tabs {
background-image: -moz-linear-gradient(center top , #DEDEDE, #FFFFFF);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DEDEDE),color-stop(1, #ffffff)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #DEDEDE, #ffffff); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #DEDEDE, #ffffff); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #DEDEDE, #ffffff); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEDEDE', endColorstr='#ffffff')"; /* IE8+ */
background-image: linear-gradient(top, #DEDEDE, #ffffff);
}
.gray-gradient-background {
background-image: -moz-linear-gradient(center top , #eeeeee, #FFFFFF);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eeeeee),color-stop(1, #ffffff)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #eeeeee, #ffffff); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #eeeeee, #ffffff); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff')"; /* IE8+ */
background-image: linear-gradient(top, #eeeeee, #ffffff);
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
}
.gray-gradient-background:hover {
background-image: -moz-linear-gradient(center top , #ffeecc, #FFFFFF);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffeecc),color-stop(1, #ffffff)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #ffeecc, #ffffff); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #ffeecc, #ffffff); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #ffeecc, #ffffff); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeecc', endColorstr='#ffffff')"; /* IE8+ */
background-image: linear-gradient(top, #ffeecc, #ffffff);
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
border: 1px solid #ee7722;/*Added June 6, 2012*/
}
.subtle-drop-shadow {
-moz-box-shadow: 0 2px 2px #ccc;
-webkit-box-shadow: 0 2px 2px #ccc;
box-shadow: 0 2px 2px #CCCCCC;
}
.full-width-shadow {
position: absolute;
width: 882px;
}
.third-width-shadow {
position: absolute;
width: 290px;
}
/*Margin Makers*/
tbody.no-extra-margin td input{
margin:0px !important;
}
.add-margin, .add-margin-15 {
margin:15px;
}
.add-medium-margin, .add-margin-10 {
margin:10px;
}
.add-minimum-margin, .add-margin-5 {
margin:5px;
}
.minimum-margin-top, .margin-top-5 {
margin-top:5px !important;
}
.margin-top-3 {
margin-top:3px !important;
}
.margin-top-8 {
margin-top:8px !important;
}
.margin-top-10 {
margin-top:10px !important;
}
.margin-top-12 {
margin-top:12px !important;
}
.margin-top-20 {
margin-top:20px !important;
}
.margin-top-30 {
margin-top:30px !important;
}
.margin-top-40 {
margin-top:40px !important;
}
.margin-top-50 {
margin-top:50px !important;
}
.margin-top-200 {
margin-top:200px !important;
}
.margin-top-220 {
margin-top:220px !important;
}
.margin-top-250 {
margin-top:250px !important;
}
.margin-top, .margin-top-15 {
margin-top:15px !important;
}
.margin-bottom-5 {
margin-bottom:5px !important;
}
.margin-bottom-10 {
margin-bottom:10px !important;
}
.margin-bottom, .margin-bottom-15 {
margin-bottom:15px !important;
}
.margin-bottom-20 {
margin-bottom:20px !important;
}
.margin-bottom-30 {
margin-bottom:30px !important;
}
.margin-bottom-50 {
margin-bottom:50px !important;
}
.margin-left-5 {
margin-left:5px !important;
}
.margin-left-10 {
margin-left:10px !important;
}
.margin-left-20 {
margin-left:20px !important;
}
.margin-left-25 {
margin-left:25px !important;
}
.margin-left-30 {
margin-left:30px !important;
}
.margin-left-40 {
margin-left:40px !important;
}
.margin-left-60 {
margin-left:60px !important;
}
.margin-left-85 {
margin-left:85px !important;
}
.margin-left-140 {
margin-left:140px !important;
}
.margin-left, .margin-left-15 {
margin-left:15px !important;
}
.margin-right-3 {
margin-right:3px !important;
}
.margin-right-5 {
margin-right:5px !important;
}
.margin-right-10 {
margin-right:10px !important;
}
.margin-right-medium, .margin-right-15 {
margin-right:15px !important;
}
.margin-right-20 {
margin-right:20px !important;
}
.margin-right-25 {
margin-right:25px;
}
.margin-right, .margin-right-30 {
margin-right:30px !important;
}
.negative-margin-top-5 {
margin-top: -5px;
}
.negative-margin-top {
margin-top: -15px;
}
.negative-margin-right {
margin-right: -5px;
}
.no-margin {
margin-top:0 !important;
margin-bottom:0 !important;
margin-left:0 !important;
margin-right:0 !important;
}
.no-margin-bottom {
margin-bottom:0 !important;
}
.no-margin-top {
margin-top:0 !important;
}
.no-margin-left {
margin-left:0 !important;
}
.no-margin-right {
margin-right:0 !important;
}
/*Padding Definitions*/
.add-padding-2 {
padding:2px !important;
}
.add-medium-padding, .add-padding-10 {
padding:10px !important;
}
.add-padding, .add-padding-15 {
padding:15px !important;
}
.add-maximum-padding, .add-padding-20 {
padding:20px !important;
}
.add-minimum-padding, .add-padding-5 {
padding-top:5px !important;
padding-bottom:5px !important;
padding-left:5px !important;
padding-right:5px !important;
}
.no-padding, .no-pad {
padding-top:0 !important;
padding-bottom:0 !important;
padding-left:0 !important;
padding-right:0 !important;
}
.no-padding-top, .no-pad-top {
padding-top:0 !important;
}
.no-padding-bottom, .no-pad-bottom {
padding-bottom:0 !important;
}
.no-padding-left, .no-pad-left {
padding-left: 0 !important;
}
.no-padding-right, .no-pad-right {
padding-right: 0 !important;
}
.padding-left, .padding-left-5, .pad-left-5 {
padding-left:5px !important;
}
.padding-left-8, .pad-left-8 {
padding-left:8px !important;
}
.padding-left-10, .pad-left-10 {
padding-left:10px !important;
}
.padding-left-15, .pad-left-15 {
padding-left:15px !important;
}
.padding-left-20, .pad-left-20 {
padding-left:20px !important;
}
.padding-left-30, .pad-left-30 {
padding-left:30px !important;
}
.padding-left-40, .pad-left-40 {
padding-left:40px !important;
}
.padding-right-5, .pad-right-5 {
padding-right:5px !important;
}
.padding-right-10, .pad-right-10 {
padding-right:10px !important;
}
.padding-right, .padding-right-15, .pad-right-15 {
padding-right:15px !important;
}
.padding-right-20, .pad-right-20 {
padding-right:20px !important;
}
.padding-right-30, .pad-right-30 {
padding-right:30px !important;
}
.padding-right-40, .pad-right-40 {
padding-right:40px !important;
}
.padding-top-4, .pad-top-4 {
padding-top:4px !important;
/*word-wrap:break-word;*/
}
.padding-top-5, .pad-top-5 {
padding-top:5px !important;
}
.padding-top, .padding-top-10, .pad-top-10 {
padding-top:10px !important;
}
.padding-top-15, .pad-top-15 {
padding-top:15px !important;
}
.pad-top-only, .padding-top-20, .pad-top-20 {
padding-top:20px !important;
}
.padding-bottom, .padding-bottom-10, .pad-bottom-10 {
padding-bottom:10px !important;
}
.padding-bottom-5, .pad-bottom-5 {
padding-bottom:5px !important;
}
.pad-bottom-only, .padding-bottom-20, .pad-bottom-20 {
padding-bottom:20px !important;
}
/* To Float or not to Float and other Positioning*/
.float-none {
float:none !important;
}
.float-left {
float:left !important;
}
.float-right {
float:right !important;
}
.clear-both {
clear:both !important;
}
.clear-left {
clear:left !important;
}
.clear-right {
clear:right !important;
}
.clear-none {
clear:none !important;
}
.absolute-position {
position: absolute;
width: auto;
}
.force-right {
margin-left: 700px;
position: absolute;
}
.full-page-inline-top-action-items {
float: none;
margin: 0;
position: relative;
right: 0;
}
.no-repeat-image {
background-repeat: no-repeat !important;
}
/*Height Control*/
.text-height-24 {
height:24px !important;
}
.fixed-height-100 {
max-height:100px !important;
}
.fixed-height-600 {
max-height:600px !important;
}
.fixed-height-overlay-text-wrapper {
border:1px solid #cccccc;
padding: 10px;
max-height:250px;
margin-top:15px;
margin-bottom:15px;
overflow-y:scroll;
width:450px;
}
.fixed-height-overlay-text-wrapper h5 {
padding-top:10px;
}
.fixed-height-overlay-text-wrapper p {
padding:8px 0;
}
.height-30 {
height:30px !important;
max-height:30px !important;
}
.height-50 {
height:50px !important;
max-height:50px !important;
}
.height-90 {
height:90px !important;
max-height:90px !important;
}
.height-100 {
height:100px !important;
max-height:100px !important;
}
.height-200 {
height:200px !important;
max-height:200px !important;
}
.height-300 {
height:300px !important;
max-height:300px !important;
}
/*Scrollbars*/
.make-scrollable {
overflow-y:scroll !important;
}
.make-scrollable-horiz {
overflow-x: scroll !important;
}
/*Width Makers*/
.half-width {
width: 50% !important;
}
.full-width {
width: 100% !important;
}
.full-width-with-borders {
width: 99.7% !important;
}
.full-pixel-width {
width:900px;
}
.two-up {
width: 47.5% !important;
}
.three-up {
width: 31% !important;
}
.three-up-max {/*Put in here for CQ -- for a maximum fit, to work with a div that has two-thirds applied*/
width: 32% !important;
}
.two-thirds {
width: 66% !important;
}
.two-thirds-inline {
width: 64% !important;
}
.max-width-125 {
max-width: 125px !important;
width: auto !important;
}
.max-width-250 {
max-width: 250px !important;
width: auto !important;
}
.max-width-300 {
max-width: 300px !important;
width: auto !important;
}
.max-width-310 {
max-width: 310px !important;
width: auto !important;
}
.max-width-350 {
max-width: 350px !important;
width: auto !important;
}
.max-width-400 {
max-width: 400px !important;
width: auto !important;
}
.max-inner-tab-content-width {/*works with add-medium-margin*/
width:854px;
}
.two-up .field textarea.multi-lines {
width:340px;
}
h3.fixed-width , p.fixed-width {
width:450px;
}
.full-width-with-warning-overlay {
width:843px;
}
.width-auto {
width:auto !important;
}
.width-40 {
width:40px !important;
}
.width-50 {
width:50px !important;
}
.width-75 {
width:75px !important;
}
.width-100 {
width:100px !important;
}
.width-110 {
width:110px !important;
}
.width-120 {
width:120px !important;
}
.width-130 {
width:130px !important;
}
.width-140 {
width:140px !important;
}
.width-150 {
width:150px !important;
}
.width-160 {
width:160px !important;
}
.width-170 {
width:170px !important;
}
.width-180 {
width:180px !important;
}
.width-190 {
width:190px !important;
}
.width-200 {
width:200px !important;
}
.width-225 {
width:225px !important;
}
.width-250 {
width:250px !important;
}
.width-300 {
width:300px !important;
}
.width-320 {
width:320px !important;
}
.width-330 {
width:330px !important;
}
.width-350 {
width:350px !important;
}
.width-400 {
width:400px !important;
}
.width-440 {
width:440px !important;
}
.width-450 {
width:450px !important;
}
.width-500 {
width:500px !important;
}
.width-525 {
width:525px !important;
}
.width-550 {
width:550px !important;
}
.width-560 {
width:560px !important;
}
.width-570 {
width:570px !important;
}
.width-600 {
width:600px !important;
}
.width-620 {
width:620px !important;
}
.width-650 {
width:650px !important;
}
.width-700 {
width:700px !important;
}
.width-840 {
width:840px !important;
}
.width-850 {
width:850px !important;
}
.industry-inner-wrapper-with-border {
width: 868px;
}
.width-838 {
width:838px !important;
}
.width-858 {
width:858px !important;
}
.width-860 {
width:860px !important;
}
.width-878 {
width:878px !important;
}
.width-880 {
width:880px !important;
}
.required-filters table.full-width td.three-up, .optional-filters table.full-width td.three-up {
width:279px !important;
}
/*Power Configurator and Ship And Debit*/
/*October-December 2013*/
body.te-new-app .new-fonts h1 {
font-family: 'Quattrocento Sans', verdana, arial, sans-serif;
font-size: 36px;
font-weight: normal;
line-height: 34px;
padding-bottom: 10px;
}
body.te-new-app .new-fonts h2 {
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 30px;
font-weight: normal;
}
body.te-new-app .new-fonts h3 {
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 24px;
font-weight: normal;
line-height:28px;
}
body.te-new-app .new-fonts h4 {
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 18px;
font-weight: normal;
line-height:20px;
}
body.te-new-app .new-fonts h5 {
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 18px;
}
body.te-new-app .new-fonts h6 {
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 15px;
}
body.te-new-app .new-fonts .intro-text {
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
body.te-new-app .new-fonts .larger-response {
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 16px;
line-height: 18px;
}
body.te-new-app .new-fonts .radio-label {
clear:none;
float:left;
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 12px;
font-weight:bold;
line-height: 16px;
margin: 15px 0 10px;
vertical-align: middle;
}
body.te-new-app .new-fonts .radio-label input.radio {
margin-top: 1px !important;
}
/*body.te-new-app .new-fonts .radio-wrapper input.radio {
margin-top: 1px;
}*/
.intro-text input.radio {
margin-right: 5px;
margin-top: 3px;
}
body.te-new-app .new-fonts .big-button{
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size:18px;
}
.step-desc-topper {
background-color: #FF9922;
border: 1px solid #FF9922;
-webkit-border-radius: 0.6em 0.6em 0 0 !important;
-moz-border-radius: 0.6em 0.6em 0 0 !important;
border-radius: 0.6em 0.6em 0 0 !important;
color: #FFFFFF !important;
font-family: 'Open Sans',verdana,arial,sans-serif;
font-size: 18px;
font-weight: normal;
padding: 10px 10px 10px 155px;
}
.step-desc-topper-collapsed {
color: #555555 !important;
font-family: 'Open Sans',verdana,arial,sans-serif;
font-size: 20px;
font-weight: normal;
line-height:22px;
padding: 15px 10px 15px 155px;
}
.small-overlap {
margin-left: 10px;
margin-top: 10px;
position: absolute;
}
.te-user {
background: url('/_TEincludes/ver/1686/TEimages/user.png') no-repeat scroll right top transparent;
float: left;
height: 50px;
margin-right:20px;
width: 120px;
}
.overlap-active-step {
height: 75px;
margin-left: 35px;
margin-top: 10px;
position: absolute;
width: 75px;
}
.overlap-chosen-selection {
background: none repeat scroll 0 0 #FFFFFF;
border-top:1px solid #ee7722 !important;
border-bottom:1px solid #ee7722 !important;
border-left:1px solid #ee7722 !important;
border-right:1px solid #ee7722 !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
cursor:pointer;
height: 75px;
margin-left: 790px;
margin-top: 10px;
overflow: hidden;
position: absolute;
width: 75px;
}
.overlap-chosen-selection img {
max-width: 160px;
max-height: 75px;
text-align: center;
vertical-align:middle;
}
.overlap-step-done-selection {
background: none repeat scroll 0 0 #FFFFFF;
border-color: #EE7722 !important;
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
border-style: solid !important;
border-width: 1px !important;
height: 50px;
margin-left: 760px;
margin-top: 10px;
overflow: hidden;
position: absolute;
width: 50px;
}
.overlap-step-done-selection img {
max-height: 50px;
max-width: 120px;
text-align: center;
vertical-align: middle;
}
.overlap-connector-thumb {
background: none repeat scroll 0 0 #FFFFFF;
border-top:1px solid #ee7722 !important;
border-bottom:1px solid #ee7722 !important;
border-left:1px solid #ee7722 !important;
border-right:1px solid #ee7722 !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
cursor:pointer;
height: 75px;
margin-left: 706px;
margin-top: 10px;
overflow: hidden;
position: absolute;
width: 160px;
}
.overlap-connector-thumb img {
max-width: 160px;
max-height: 75px;
text-align: center;
vertical-align:middle;
}
.step-1 {
background: url('/_TEincludes/ver/1686/TEimages/step-1-current.png') no-repeat scroll 0 0 transparent;
}
.step-2 {
background: url('/_TEincludes/ver/1686/TEimages/step-2-current.png') no-repeat scroll 0 0 transparent;
}
.collapsed-step-1, .collapsed-step-2, .collapsed-step-3 {
height: 50px;
margin-left: 50px;
margin-top: 12px;
position: absolute;
width: 50px;
}
.collapsed-step-1 {
background: url('/_TEincludes/ver/1686/TEimages/step-1-done.png') no-repeat scroll 0 0 transparent;
}
.collapsed-step-2 {
background: url('/_TEincludes/ver/1686/TEimages/step-2-done.png') no-repeat scroll 0 0 transparent;
}
.collapsed-step-3 {
background: url('/_TEincludes/ver/1686/TEimages/step-3-done.png') no-repeat scroll 0 0 transparent;
}
.step-done {
background: url('/_TEincludes/ver/1686/TEimages/done-medium.png') no-repeat scroll 0 0 transparent;
height: 50px;
margin-top: 5px;
margin-left: 820px;
position: absolute;
width: 50px;
}
.zoom {
background: url('/_TEincludes/ver/1686/TEimages/zoom-blue.png') no-repeat scroll 0 0 transparent;
cursor:pointer;
height: 50px;
margin-left: 75px;
position: absolute;
width: 50px;
}
.zoom:hover{
background: url('/_TEincludes/ver/1686/TEimages/zoom-orange.png') no-repeat scroll 0 0 transparent;
}
td.selection {
width:138px;
}
.selection-chosen {
background: url('/_TEincludes/ver/1686/TEimages/done-medium.png') no-repeat scroll 0 0 transparent;
height: 50px;
margin-top: 2px;
margin-left: 75px;
position: absolute;
width: 50px;
}
.wide-selection .selection-chosen {
margin-left: 210px;
}
.tab-step-done {
background: url('/_TEincludes/ver/1686/TEimages/done-small.png') no-repeat scroll 0 0 transparent;
height: 35px;
margin-left: 96px;
margin-top: -3px;
position: absolute;
width: 35px;
}
.collapse-widget, .expand-widget {
cursor:pointer;
height: 20px;
margin-left: 125px;
margin-top: -5px;
position: absolute;
width: 20px;
}
.width-300 .collapse-widget, .width-300 .expand-widget {
margin-left: 285px !important;
}
.collapse-widget {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/page-action-bar.png") no-repeat scroll left -200px transparent;
}
.expand-widget {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/page-action-bar.png") no-repeat scroll left -160px transparent;
}
.collapse-widget:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/page-action-bar.png") no-repeat scroll left -220px transparent;
}
.expand-widget:hover {
background: url("/_TEincludes/ver/1686/TEimages/leapfrog/page-action-bar.png") no-repeat scroll left -180px transparent;
}
.fyi-info-tip-icon {
background: url('/_TEincludes/ver/1686/TEimages/fyi.png') no-repeat scroll 0 0 transparent;
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 20px;
font-weight: bold;
height: 35px;
line-height: 35px;
padding: 0 0 0 40px;
}
.fyi-info-tip-icon-small {
background: url('/_TEincludes/ver/1686/TEimages/fyi-sm.png') no-repeat scroll 0 0 transparent;
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 20px;
font-weight: bold;
height: 20px;
line-height: 20px;
padding: 0 0 0 25px;
}
.te-chart {
background: url('/_TEincludes/ver/1686/TEimages/table-flat.png') no-repeat scroll 0 0 transparent;
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 11px;
height: 16px;
line-height: 16px;
margin:8px 0;
padding: 0 0 0 22px;
}
.te-save-white {
background: url('/_TEincludes/ver/1686/TEimages/save-white.png') no-repeat scroll left center transparent;
padding-left:40px !important;
}
.te-chart a {
font-weight:normal;
}
.point-downwards {
background: url('/_TEincludes/ver/1686/TEimages/arrow-down.png') no-repeat scroll 0 0 transparent;
height: 19px;
margin: 20px 18px 0;
width: 23px;
}
.point-upwards {
background: url('/_TEincludes/ver/1686/TEimages/arrow-up.png') no-repeat scroll 0 0 transparent;
height: 19px;
margin: 0 18px;
width: 23px;
}
.left-tab-wrapper {
float:left;
margin: 50px 15px 10px -1px !important;
width:140px !important;
}
.right-contents-wrapper {
float:left;
margin-top: 10px;
width:713px !important;
}
.right-contents-wrapper .simple-text {
font-family: 'Open Sans', verdana, arial, sans-serif;
}
.active-left-tab {
background-color: #FFEECC !important;
border-top:1px solid #ee7722 !important;
border-bottom:1px solid #ee7722 !important;
border-left:1px solid #ee7722 !important;
border-right:1px solid #ee7722 !important;
-webkit-border-radius: 0 0.5em 0.5em 0 !important;
-moz-border-radius: 0 0.5em 0.5em 0 !important;
border-radius: 0 0.5em 0.5em 0 !important;
cursor: pointer;
margin-bottom: 5px !important;
padding: 5px !important;
text-transform: uppercase;
}
.inactive-left-tab {
background-color:#F3F3F3 !important;
border-top:1px solid #bbb !important;
border-bottom:1px solid #bbb !important;
border-left:1px solid #bbb !important;
border-right:1px solid #bbb !important;
-webkit-border-radius: 0 0.5em 0.5em 0 !important;
-moz-border-radius: 0 0.5em 0.5em 0 !important;
border-radius: 0 0.5em 0.5em 0 !important;
cursor: pointer;
margin-bottom: 5px !important;
padding: 5px !important;
text-transform: uppercase;
}
.inactive-left-tab:hover {
background-color:#FFEECC !important;
border-top:1px solid #ee7722 !important;
border-bottom:1px solid #ee7722 !important;
border-left:1px solid #ee7722 !important;
border-right:1px solid #ee7722 !important;
}
.disabled-left-tab {
background-color:#F3F3F3 !important;
border-top:1px solid #ccc !important;
border-bottom:1px solid #ccc !important;
border-left:1px solid #ccc !important;
border-right:1px solid #ccc !important;
-webkit-border-radius: 0 0.5em 0.5em 0 !important;
-moz-border-radius: 0 0.5em 0.5em 0 !important;
border-radius: 0 0.5em 0.5em 0 !important;
color:#cccccc;
cursor: text;
margin-bottom: 5px !important;
padding: 5px !important;
text-transform: uppercase;
}
.left-tab-wallet {
background-color:transparent !important;
border-top:1px solid #bbb !important;
border-bottom:1px solid #bbb !important;
border-left:1px solid #bbb !important;
border-right:1px solid #bbb !important;
-webkit-border-radius: 0 0.5em 0.5em 0 !important;
-moz-border-radius: 0 0.5em 0.5em 0 !important;
border-radius: 0 0.5em 0.5em 0 !important;
color:#555555;
cursor: text;
margin-bottom: 5px !important;
padding: 10px !important;
}
.left-tab-wrapper .dark-orange-background {
background-color: #ee7722 !important;
}
.left-tab-wrapper .dark-orange-background:hover {
background-color: #ff9922 !important;
}
body.te-new-app .new-fonts .active-left-tab h4, body.te-new-app .new-fonts .inactive-left-tab h4, body.te-new-app .new-fonts .disabled-left-tab h4 {
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 16px;
font-weight: normal;
line-height:18px;
}
table.selections img {
border-top:1px solid #bbb !important;
border-bottom:1px solid #bbb !important;
border-left:1px solid #bbb !important;
border-right:1px solid #bbb !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
cursor:pointer;
margin-right:11px;
opacity: 0.75;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
/* IE 5-7 */
filter: alpha(opacity=75);
/* Netscape */
-moz-opacity: 0.75;
/* Safari 1.x */
-khtml-opacity: 0.75;
}
table.selections img:hover {
border-top:1px solid #ee7722 !important;
border-bottom:1px solid #ee7722 !important;
border-left:1px solid #ee7722 !important;
border-right:1px solid #ee7722 !important;
background-color:#ffeecc;
opacity: 1.00;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1.00;
/* Safari 1.x */
-khtml-opacity: 1.00;
}
table.selections img.chosen {
border-top:1px solid #ee7722 !important;
border-bottom:1px solid #ee7722 !important;
border-left:1px solid #ee7722 !important;
border-right:1px solid #ee7722 !important;
background-color:#ffeecc;
opacity: 1.00;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1.00;
/* Safari 1.x */
-khtml-opacity: 1.00;
}
table.selections img.not-chosen {
border-top:1px solid #bbb !important;
border-bottom:1px solid #bbb !important;
border-left:1px solid #bbb !important;
border-right:1px solid #bbb !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
margin-right:11px;
opacity: 0.40;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
/* IE 5-7 */
filter: alpha(opacity=40);
/* Netscape */
-moz-opacity: 0.40;
/* Safari 1.x */
-khtml-opacity: 0.40;
}
table.selections img.not-chosen:hover {
border-top:1px solid #bbb !important;
border-bottom:1px solid #bbb !important;
border-left:1px solid #bbb !important;
border-right:1px solid #bbb !important;
-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
border-radius: 0.5em 0.5em 0.5em 0.5em !important;
background-color:transparent !important;
opacity: 0.40;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
/* IE 5-7 */
filter: alpha(opacity=40);
/* Netscape */
-moz-opacity: 0.40;
/* Safari 1.x */
-khtml-opacity: 0.40;
}
.deselect-this {
background: none repeat scroll 0 0 #EE7722;
color: #FFFFFF;
cursor: pointer;
font-size: 12px;
font-weight: bold;
margin-top: 100px;
padding: 3px;
position: absolute;
text-align: center;
width: 120px;
}
.wide-selection .deselect-this {
margin-top: 36px;
width: 255px;
}
.plug-power-top, .receptacle-power-top, .plug-power-bottom, .receptacle-power-bottom {
background-color:#ee7722;
opacity: .00;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
/* IE 5-7 */
filter: alpha(opacity=00);
/* Netscape */
-moz-opacity: .00;
/* Safari 1.x */
-khtml-opacity: .00;
}
.plug-power-top, .receptacle-power-top {
cursor:pointer;
height:35px;
position:absolute;
width:30px;
z-index:60;
}
.plug-power-bottom, .receptacle-power-bottom {
cursor:pointer;
height:35px;
margin-top: 42px;
position:absolute;
width:30px;
z-index:70;
}
.ac-contact {
background: url('/_TEincludes/ver/1686/TEimages/AC-current-contact.png') no-repeat scroll left bottom transparent;
height: 77px;
position:absolute;
width:30px;
z-index:80;
}
.receptacle-power-top, .receptacle-power-bottom {
width:42px;
}
.plug-signal-bottom, .receptacle-signal-bottom {
cursor:pointer;
height: 26px;
margin-top: 52px;
position: absolute;
width: 30px;
z-index:70;
}
.plug-power-top:hover, .receptacle-power-top:hover {
background-color:#ee7722;
opacity: .35;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
/* IE 5-7 */
filter: alpha(opacity=35);
/* Netscape */
-moz-opacity: .35;
/* Safari 1.x */
-khtml-opacity: .35;
}
.plug-power-bottom:hover, .receptacle-power-bottom:hover, .plug-signal-bottom:hover, .receptacle-signal-bottom:hover {
background-color:#cccccc;
opacity: .35;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
/* IE 5-7 */
filter: alpha(opacity=35);
/* Netscape */
-moz-opacity: .35;
/* Safari 1.x */
-khtml-opacity: .35;
}
.short-contact, .receptacle-short-contact {
background-color:#000000;
opacity: .35;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
/* IE 5-7 */
filter: alpha(opacity=35);
/* Netscape */
-moz-opacity: .35;
/* Safari 1.x */
-khtml-opacity: .35;
cursor: pointer;
height: 77px;
position: absolute;
width: 30px;
z-index:50;
}
.short-signal {
background-color:#000000;
opacity: .35;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
/* IE 5-7 */
filter: alpha(opacity=35);
/* Netscape */
-moz-opacity: .35;
/* Safari 1.x */
-khtml-opacity: .35;
cursor: pointer;
height: 26px;
margin-top: 52px;
position: absolute;
width: 30px;
z-index:50;
}
.receptacle-short-contact {
width: 42px;
}
.te-tip-box {
margin: 50px 0 0 705px;
padding: 10px !important;
background-color: #FFFFFF !important;
border: 1px solid #EE7722;
border-radius: 1em !important;
padding: 10px;
width: 140px !important;
position:absolute;
z-index:10;
}
.te-need-to-complete {
padding: 10px !important;
background-color: #ffeecc !important;
border: 1px solid #ee7722;
border-radius: 1em !important;
float:left;
padding: 10px;
}
.allow-for-large-connector {
max-width: 713px;
overflow-y: scroll;
}
.active-tab-stacked {/*First use: Ship and Debit, after too much frustration with Dojo Tabs*/
background-image: -moz-linear-gradient(center top , #dddddd, #ffffff); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dddddd),color-stop(1, #ffffff)); /* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(top, #dddddd, #ffffff); /* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(top, #dddddd, #ffffff); /* Opera 11.1+ */
background-image: -ms-linear-gradient(top, #dddddd, #ffffff); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff')"; /* IE8+ */
background-image: linear-gradient(top, #dddddd, #ffffff);
}
.gradient-background-wrapper .contents-expanded {
width: 820px;
}
.download-generic {
background: url('/_TEincludes/ver/1686/TEimages/result_generic.png') no-repeat scroll 0 0 transparent;
float: left;
line-height: 16px;
min-height: 16px;
padding-left: 20px;
}
.high-low-choice {
position:absolute;
margin-top:-10px;
margin-left:-15px;
z-index: 100;
}
.short-long-choice {
position:absolute;
margin-top:95px;
margin-left:-15px;
z-index: 101;
}
.odd-wire-choice {
position:absolute;
margin-top:88px;
margin-left:-15px;
z-index: 100;
}
.even-wire-choice {
position:absolute;
margin-top:-40px;
margin-left:-15px;
z-index: 100;
}
.even-wire-choice select, .odd-wire-choice select {
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 10px !important;
font-weight: normal !important;
height: 20px;
line-height: 20px;
padding: 0px !important;
width: 58px !important;
}
.signal-wire-choice select {
font-family: 'Open Sans', verdana, arial, sans-serif;
font-size: 10px !important;
font-weight: normal !important;
height: 20px;
line-height: 20px;
padding: 0px !important;
width: 130px !important;
}
.signal-wire-choice .point-upwards {
margin:0 50px;
}
.normal-body-text p {
font-size: 11px;
line-height: 14px;
padding: 2px 0;
}
.normal-body-text h4 {
padding: 15px 0 5px !important;
}
table.no-hovers tbody tr td table.no-hovers tbody tr, table.no-hovers tbody tr:hover td table.no-hovers tbody tr {
background-color: #ffffff !important;
}
table.no-hovers tbody tr td table.no-hovers tbody tr.odd, table.no-hovers tbody tr:hover td table.no-hovers tbody tr.odd {
background-color: #f3f3f3 !important;
}
/*DOJO CLARO OVERRIDES*/
/*Changed from .tundra to .claro, added .claro until .tundra is out of the picture, April 24, 2013. Make sure to get rid of all tundra when everything tests out fine.*/
.tundra .dojoxGridCell, .claro .dojoxGridCell {
border-style: none;
border-width: 0;
}
.tundra .dojoxGridRowOdd, .claro .dojoxGridRowOdd {
background-color: #EFEFEF;
}
.tundra .dojoxGridRowOver .dojoxGridCell, .claro .dojoxGridRowOver .dojoxGridCell {
background-color: #FFEECC;
color: #555555;
}
.tundra .dojoxGridHeader .dojoxGridCell, .claro .dojoxGridHeader .dojoxGridCell {
color: #555555 !important;
}
.tundra .dojoxGridCellOver, .claro .dojoxGridCellOver {
border: 1px dotted #CCCCCC;
}
.tundra .two-up .dijitTabContainerTop-dijitContentPane, .claro .two-up .dijitTabContainerTop-dijitContentPane {
width: 99.8%;/*Looks like this is needed for GSPR, May 31, 2012*/
}
.tundra .part-area .dijitTabContainerTop-tabs, .claro .part-area .dijitTabContainerTop-tabs {
padding-left: 34px;
width: 866px;
}
.rfq-tab-wrapper .dijitTabContainer {/*override for a "bug" appearing with claro usage. 4/24/2013*/
overflow-y: hidden !important;
}
.rfq-tab-wrapper .no-border .dijitTabContainerTop-tabs {/*modified for a slightly taller tab, due to using claro instead of tundra. This is a overwrite of the style shown up in 2376. Remove 2376 once everything tests out. 4/24/2013*/
background-color: #FFFFFF !important;
/*border: 1px solid #CCCCCC;Not working with the new claro tabs*/
/*margin-top: -2px !important;Not working with the new claro tabs*/
}
/*Took this style out of commission 2/5/2014. Going for a more flat design rather than gradient. Keeping it in for a bit until it all shakes out.
.tundra .static-wrapper .dijitTabContainerTop-dijitContentPane, .tundra .pdp-wrapper .dijitTabContainerTop-dijitContentPane, .claro .static-wrapper .dijitTabContainerTop-dijitContentPane, .claro .pdp-wrapper .dijitTabContainerTop-dijitContentPane {
background-image: -moz-linear-gradient(center top , #ffffff, #f5f5f5);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #f5f5f5)); /* Safari 4+, Chrome 2+ */
/*background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Safari 5.1+, Chrome 10+ */
/*background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Opera 11.1+ */
/*background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); /* IE10+ */
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5')"; /* IE8+ */
/*background-image: linear-gradient(top, #ffffff, #f5f5f5);
-webkit-border-radius: 0 0 0.5em 0.5em;
-moz-border-radius: 0 0 0.5em 0.5em;
border-radius: 0 0 0.5em 0.5em;
-pie-background: linear-gradient(#ffffff, #f5f5f5);*/
/*behavior: url("/_TEincludes/ver/1686/TEstylesheets/PIE.htc");*/
/*}*/
.claro .no-border-wrapper .dijitTabPaneWrapper, .claro .no-border-wrapper .dijitTabContainerTop-tabs, .claro .no-border-wrapper .dijitTabContainerBottom-tabs, .claro .no-border-wrapper .dijitTabContainerLeft-tabs, .claro .no-border-wrapper .dijitTabContainerRight-tabs {
border-left: medium none !important;
border-right: medium none !important;
border-bottom: medium none !important;
border-top-color: #B5BCC7;
}
.tundra .dijitTabContainerTop-container, .claro .dijitTabContainerTop-container {
width: 99.8% !important;
}
.claro .static-wrapper .dijitTabContainerTop-dijitContentPane, .claro .pdp-wrapper .dijitTabContainerTop-dijitContentPane {
background-image: none;
border-radius: 0 0 0.5em 0.5em;
padding: 10px 0 10px 10px;
width: 99%;
}
.claro .pdp-wrapper .dijitTabContainerTop-dijitContentPane {
width: 98.5%;
}
.claro .dijitTabContainerTop-tabs .dijitTab {
margin-bottom: 0;
}
.claro .dijitTabController {
height:30px;
}
/*Close icon fix should really be corrected in the main claro.css - 2/2014*/
.claro .dijitDialogCloseIconHover {
background-position: 0 0 !important;
}