/* = Global.css Classes ----------------------------------------------------------------------------- ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ /* = HTML DEFAULTS -----------------------------------------------------------------------------*/ /* START - Global Reset (http://meyerweb.com/eric/tools/css/reset/reset.css) */ HTML,BODY,DIV,SPAN,APPLET,OBJECT,IFRAME, H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,PRE, A,ABBR,ACRONYM,ADDRESS,BIG,CITE,CODE, DEL,DFN,EM,FONT,IMG,INS,KBD,Q,S,SAMP, SMALL,STRIKE,STRONG,SUB,SUP,TT,VAR, B,U,I,CENTER, DL,DT,DD,OL,UL,LI, FIELDSET,FORM,LABEL,LEGEND, TABLE,CAPTION,TBODY,TFOOT,THEAD,TR,TH,TD {margin:0;padding:0;border:0;outline:0;font-size:100%} OL,UL {list-style:none} BLOCKQUOTE,Q {quotes:none} BLOCKQUOTE:Before,BLOCKQUOTE:After,Q:Before,Q:After {content:'';content:none} :Focus {outline:0} INS {text-decoration:none} DEL {text-decoration:line-through} TABLE {border-collapse:collapse;border-spacing:0} /* Tables still need 'cellspacing="0"' in the markup */ /* END - Global Reset */ BODY {font-size:14px;font-family:Arial, Helvetica, sans-serif} BODY.sBodyIframe {padding:0;margin:0} BODY.sBodyModal {padding:10px;margin:0} TH {text-align:left} H1,H2,H3,H4,H5,H6,P {margin:1em 0} STRONG {font-weight:bold} H1 {font-size:1.8em;color:#000;font-weight:normal} H2 {font-size:1.6em;color:#000;font-weight:normal} H3 {font-size:1.4em;color:#000;font-weight:normal} H4 {font-size:1.2em;color:#000} H5 {font-size:1em;color:#000} H6 {font-size:.8em;color:#000} EM {font-style:italic;color:#000} SUP {font-size:.6em;color:#000} IMG {-ms-interpolation-mode:bicubic} /* IE Scaled Images Fix (http://tinyurl.com/cp3ujh) */ A:Link,A:Visited {color:#024DD6} A:Hover,A:Active {color:#FF6600} /* = PAGE WRAPPERS -----------------------------------------------------------------------------*/ .sWrp {text-align:center} .sWrp .sWrpSub {width:100%;text-align:left;margin:0 auto} .sCnt {text-align:center} .sCnt .sCntSub {width:780px;text-align:left;margin:0 auto} /* .sCnt .sCntSub {background-image:url('/_images/_global/ui_grid_1.gif')} */ /* = DEDICATED LAYOUTS -----------------------------------------------------------------------------*/ /* Login page */ .sLoginPage {width:780px; background:transparent url('/_images/_global/bkg_header.gif') repeat-x 0 0; padding:10px; margin-top:20px; border:1px solid #333; text-align:left} .sLoginPage H1 {color:White; margin-top:10px} .sLoginCnt {width:100%; overflow:hidden; margin:1em 0} .sLoginCnt .sCnt_1 {float:left; margin:0; width:45%} .sLoginCnt .sCnt_2 {float:right; margin:0; width:53%} /* Terms page */ .sCntTerms {text-align:left} .sCntTerms .sCntSubTerms {width:640px;text-align:left;margin:0 auto} .sTermsPage {text-align:left; margin-top:20px; border:1px solid #333} .sTermsPage H1 {margin:10px 0 0 0} .sTermsCnt {margin:1em 1em} /* Header elements */ .sBranding {text-align:center; background:#0d1012 url('/_images/_global/bkg_header.gif') repeat-x 0 0} .sBranding .sBrandingSub {width:780px;text-align:left;margin:0 auto; position:relative} .sBranding .sBrandingSub H1 {color:White; position:absolute; top:0; right:0} .sBranding .sBrandingSub .sTab2 {padding-top:40px; border-bottom:1px solid #0d1012} .sBranding .sTab2 .sTabOn A, .sBranding .sTab2 A:Hover, .sBranding .sTab2 A:Focus, .sBranding .sTab2 A:Active {background-position:100% -358px} .sBranding .sTab2 A {background-position:100% -308px} .sBranding .sTab2 .sTabOn A SPAN, .sBranding .sTab2 A:Hover SPAN, .sBranding .sTab2 A:Focus SPAN, .sBranding .sTab2 A:Active SPAN {background-position: -3456px -258px} .sBranding .sTab2 A SPAN {background-position:-3456px -208px} /* Login panel with user id, just under the header */ .sLoginpanel {width:100%; text-align:right} /* Footer elements */ .sFooter {text-align:center; background:transparent url('/_images/_global/bkg_footer2.gif') repeat-x; height:50px} .sFooter .sFooterSub {width:759px;margin:0 auto} .sFooter .sFooterSub P {text-align:left;color:#000;padding-top:30px; font-size:80%} /* = WIDGET OVERLAY -----------------------------------------------------------------------------*/ /* removing signup form the login wizard */ .podSignup, .podSectionTitle, .podPageTitle, #podApiKeyWarning {display:none} .podSignupWidget .podLogin {clear:both;width:100%} .podButtonCancel {display:none !important} /* removing domain landing url link */ #podExceptionLandingPageLink {display:none} /* changing button style */ BODY .podButton1 {background:transparent url(/_images/_global/bkg_button1.gif) repeat-x scroll 0 0} BODY .podButton1 .podButton1_Right {background:transparent url(/_images/_global/bkg_button1.gif) repeat-x scroll right top;color:#FFF} BODY .podFormButtons {margin-left:20px} /* fix for IE on login */ BODY .podSignupWidget .podLogin {width:100%} /* adding button class to the save button */ BODY #PluckItWidgetWizardPage1 INPUT + INPUT {width:75px; background:transparent url(/_images/_global/bkg_button1.gif) repeat-x scroll 0 0; color:#FFF; border:0; font-size:15px; font-weight:bold; padding:1px 0; *padding:0} /* = ALERTS -----------------------------------------------------------------------------*/ /* Alerts: Common Settings */ .sInfo1,.sSuccess1,.sError1,.sAlert1 {padding:5px 5px 5px 25px;font-weight:normal;margin:10px 0;text-align:left; border-bottom:1px solid;border-top:1px solid;background:no-repeat 5px 6px;font-size:.9em;color:#444;} /* Alerts: Alert Types */ .sInfo1 {background-color:#F9F9F9;background-image:url('/_images/_icons/ico_info_1.png');border-color:#BBB} .sError1 {background-color:#FEE;background-image:url('/_images/_icons/ico_error_1.png');border-color:#E99} .sAlert1 {background-color:#FFE;background-image:url('/_images/_icons/ico_alert_1.png');border-color:#EE9} .sSuccess1 {background-color:#EFE;background-image:url('/_images/_icons/ico_success_1.png');border-color:#9E9} /* = LINKS -----------------------------------------------------------------------------*/ /* Link Icons: Common Settings - Icons on left */ A.sLnkPDF,A.sLnkDOC,A.sLnkZIP,A.sLnkTXT,A.sLnkDownload,A.sLnkTop,A.sLnkNewWin,A.sLnkPrint,A.sLnkEmail,A.sLnkExpand,A.sLnkCollapse,A.sLnkAdd {padding-left:20px;background:transparent no-repeat left center} /* Link Icons: Icon Paths */ A.sLnkPDF {background-image:url('/_images/_icons/ico_pdf_1.png')} A.sLnkDOC {background-image:url('/_images/_icons/ico_doc_1.png')} A.sLnkZIP {background-image:url('/_images/_icons/ico_zip_1.png')} A.sLnkTXT {background-image:url('/_images/_icons/ico_txt_1.png')} A.sLnkDownload {background-image:url('/_images/_icons/ico_download_1.png')} A.sLnkTop {background-image:url('/_images/_icons/ico_back_to_top_1.png')} A.sLnkNewWin {background-image:url('/_images/_icons/ico_new_window_1.png')} A.sLnkPrint {background-image:url('/_images/_icons/ico_print_1.png')} A.sLnkEmail {background-image:url('/_images/_icons/ico_email_1.png')} A.sLnkExpand {background-image:url('/_images/_icons/ico_expand_1.png')} A.sLnkCollapse {background-image:url('/_images/_icons/ico_collapse_1.png')} /* Link Icons: Alternate Style - Icons on right */ A.sLnkAlt1 {padding-right:20px;padding-left:0;background-position:right center} /* Disabled Link Style */ A.sLnkDisabled,A.sLnkDisabled:Visited {color:#999;cursor:default} /* Small Link Style */ A.sLnkSecondary,A.sLnkSecondary:Visited {font-size:85%;} /* = RULES -----------------------------------------------------------------------------*/ /* Horizontal Rule 1: Common Settings */ DIV.sHr {height:1px;background:#BBB;margin:1em 0;width:100%} DIV.sHr HR {display:none} /* Horizontal Rule 1: Alternate 1 - Thicker Line */ DIV.sHr.sHrAlt1 {height:3px;background:#BBB} /* Horizontal Rule 1: Alternate 2 - Lighter Color */ DIV.sHr.sHrAlt2 {background:#E2E2E2} /* Horizontal Rule 1: Alternate 3 - No Margin */ DIV.sHr.sHrAlt3 {margin:0} /* Horizontal Rule 1: Alternate 4 - Double Line */ DIV.sHr.sHrAlt4 {height:1px;background:none;border-top:1px solid #BBB;border-bottom:1px solid #BBB} /* = LISTS -----------------------------------------------------------------------------*/ /* Unordered List: Common Settings */ UL.sUL LI {margin:1em 0 1em 1em;list-style:none;/*START:IE6 Fixes*/_margin-left:1em;_list-style:disc/*END:IE6 Fixes*/} UL.sUL LI LI {list-style:circle;margin-left:1.5em} UL.sUL LI LI LI {list-style:square} UL.sUL LI LI LI LI {list-style:disc} HTML>BODY UL.sUL LI {background-position:0 0;background-repeat:no-repeat;padding-left:15px} HTML>BODY UL.sUL LI LI{background:none;padding-left:0} /* Unordered List: Alternate Style 1 */ UL.sUL.sULAlt1 LI {margin-top:.3em;margin-bottom:.3em} /* Unordered List: Alternate Style 2 */ UL.sUL.sULAlt2 LI {margin-left:0em} UL.sUL.sULAlt2 LI LI {margin-left:1.5em} /* Unordered List: Alternate Style 2 */ UL.sUL.sULAlt3 LI {margin-left:0em;margin-top:.3em;margin-bottom:.3em} UL.sUL.sULAlt3 LI LI {margin-left:1.5em} /* Unordered List: Default Color Set - These are the elements that can be controlled by the Color Lab. */ /*START:List_Bullet_Type*/HTML>BODY UL.sUL LI {background-image:url('/_images/_icons/ico_arrow_1.png')}/*END:List_Bullet_Type*/ /* Ordered List: Common Settings */ .sOL LI {margin:1em 0 1em 3.5em;list-style:decimal} .sOL LI LI {margin-left:1.8em} /* Unordered List: Alternate Style 1 */ OL.sOL.sOLAlt1 LI {margin-top:.3em;margin-bottom:.3em} /* Unordered List: Alternate Style 2 */ OL.sOL.sOLAlt2 LI {margin-left:1.7em} /* Unordered List: Alternate Style 2 */ OL.sOL.sOLAlt3 LI {margin-left:1.7em;margin-top:.3em;margin-bottom:.3em} /* = TABLES -----------------------------------------------------------------------------*/ /* Table 1: Common Settings */ TABLE.sTbl {margin:.5em 0;border-top:1px solid #CCC;width:100%} TABLE.sTbl THEAD TR {background-repeat:repeat-x;background-position:left center} TABLE.sTbl THEAD TH {font-style:normal;font-weight:bold;padding:4px 3px;text-align:center;font-size:.9em;border-bottom:1px solid #CCC} TABLE.sTbl THEAD TH:First-child, TABLE.sTbl THEAD TH.first-child{text-align:left} TABLE.sTbl THEAD TH.alt_1 {text-align:left} TABLE.sTbl THEAD TH.alt_2 {text-align:right} TABLE.sTbl THEAD A:Link, TABLE.sTbl THEAD A:Visited {text-decoration:underline} TABLE.sTbl THEAD A:Hover, TABLE.sTbl THEAD A:Active {text-decoration:underline} TABLE.sTbl TBODY TR {background-color:#FFF} TABLE.sTbl TBODY TR.alt-row {background-color:#EEE} TABLE.sTbl TBODY TH, TABLE.sTbl TBODY TD {padding:4px 3px;text-align:center;font-size:.9em;border-bottom:1px solid #CCC; vertical-align:top;} TABLE.sTbl TBODY TH, TABLE.sTbl TBODY TD:First-child, TABLE.sTbl TBODY TD.first-child {text-align:left} TABLE.sTbl TBODY TD.alt_1 {text-align:left} TABLE.sTbl TBODY TD.alt_2 {text-align:right} /* Table 1: Alternate Style 1 */ TABLE.sTbl.sTblAlt1 THEAD TH {font-weight:normal} BODY TABLE.sTbl.sTblAlt1 TBODY TR:Hover, BODY TABLE.sTbl.sTblAlt1 TBODY TR.sTblHOV, BODY TABLE.sTbl.sTblAlt1 TBODY TR.alt-row {background-color:#FFF} /* Table 1: Alternate Style 2 */ TABLE.sTbl.sTblAlt2 THEAD TH {border-left:1px solid #CCC} TABLE.sTbl.sTblAlt2 THEAD TH:First-child, TABLE.sTbl.sTblAlt2 THEAD TH.first-child {font-weight:bold;border-left:none} TABLE.sTbl.sTblAlt2 TBODY TD {border-left:1px solid #CCC} TABLE.sTbl.sTblAlt2 TBODY TH, TABLE.sTbl.sTblAlt2 TBODY TD:First-child, TABLE.sTbl.sTblAlt2 TBODY TD.first-child {font-weight:bold;border-left:none;background-color:#EEE} BODY TABLE.sTbl.sTblAlt2 TBODY TR:Hover, BODY TABLE.sTbl.sTblAlt2 TBODY TR.sTblHOV, BODY TABLE.sTbl.sTblAlt2 TBODY TR.alt-row {background-color:#FFF} /* Table 1: Inner Styles */ TABLE.sTbl TBODY TD P {margin:.3em 0} /* Table 1: Default Color Set */ TABLE.sTbl THEAD TR {background-color:/*START:Table_Header_Color*/#E2E2E2/*END:Table_Header_Color*/} /*START: Table_Header_Texture*/ /* HTML>BODY TABLE.sTbl THEAD TR {background-image:url('/_images/_textures/bkg_bars_1.png')} */ /*END:Table_Header_Texture*/ TABLE.sTbl THEAD TH, TABLE.sTbl THEAD A:Link, TABLE.sTbl THEAD A:Visited {color:/*START:Table_Header_Text*/#555/*END:Table_Header_Text*/} TABLE.sTbl THEAD A:Hover, TABLE.sTbl THEAD A:Active {color:/*START:Table_Header_Link_Hover*/#000/*END:Table_Header_Link_Hover*/} TABLE.sTbl TBODY TR:Hover, TABLE.sTbl TBODY TR.alt-row:Hover, TABLE.sTbl TBODY TR.sTblHOV {background-color:/*START:Table_RowHover_Color*/#ECF3F9/*END:Table_RowHover_Color*/} /* = Columns -----------------------------------------------------------------------------*/ /* Columns: Wrapper based on 12 column grid */ /* Columns: NOTE: sC1l-c12l and c1r-c12r denote how many columns out of the 12 columns should be used and if it should be floated left or right. */ /* Columns: NOTE: c25l-c75l and c25r-c75r denotes what percentage of the 12 columns should be used and if it should be floated left or right. */ /* Columns: Common Settings */ .sCols {width:100%;overflow:hidden;margin:0} /* Columns: Columns Settings */ .sC1l,.sC2l,.sC3l,.sC4l,.sC5l,.sC6l,.sC7l,.sC8l,.sC9l,.sC10l,.sC11l,.sC12r, .sC1r,.sC2r,.sC3r,.sC4r,.sC5r,.sC6r,.sC7r,.sC8r,.sC9r,.sC10r,.sC11r,.sC12l, .sC25l,.sC33l,.sC50l,.sC66l,.sC75l,.sC100l, .sC25r,.sC33r,.sC50r,.sC66r,.sC75r,.sC100r {margin:0;padding:0} .sC1l,.sC2l,.sC3l,.sC4l,.sC5l,.sC6l,.sC7l,.sC8l,.sC9l,.sC10l,.sC11l, .sC25l,.sC33l,.sC50l,.sC66l,.sC75l {float:left;margin-right:9px} .sC1r,.sC2r,.sC3r,.sC4r,.sC5r,.sC6r,.sC7r,.sC8r,.sC9r,.sC10r,.sC11r, .sC25r,.sC33r,.sC50r,.sC66r,.sC75r {float:right;margin-left:-5px} .sC1l,.sC1r {width:55px} .sC2l,.sC2r {width:119px} .sC3l,.sC3r,.sC25l,.sC25r {width:183px} .sC4l,.sC4r,.sC33l,.sC33r {width:247px} .sC5l,.sC5r {width:311px} .sC6l,.sC6r,.sC50l,.sC50r {width:375px} .sC7l,.sC7r {width:439px} .sC8l,.sC8r,.sC66l,.sC66r {width:503px} .sC9l,.sC9r,.sC75l,.sC75r {width:567px} .sC10l,.sC10r {width:631px} .sC11l,.sC11r {width:695px} .sC12l,.sC12r,.sC100l,.sC100r {width:759px} /* Columns: Alternate Right Columns */ .sCAlt1 {text-align:right} /* Columns: Background for testing */ .sColsTest1 DIV {background:#EEE;margin-bottom:9px} .sColsTest1 DIV DIV {background:#CCC;margin-bottom:0} /* = Simple Divider -----------------------------------------------------------------------------*/ /* Divider: Use to left and right align two items */ /* TODO: NEED TO ADD TO STYLE GUIDE */ .sDiv {width:100%;overflow:hidden} .sDiv .sDivCol1 {float:left} .sDiv .sDivCol2 {float:right;text-align:right} /* Divider: Use with headlines to align links to page title */ .sDiv .sDivCol2.sDivColAlt1 {margin-top:2em} /* Divider: Used on page titles to align H1 and H3 elements. Such as product name and price. */ .sDiv .sDivCol2.sDivColAlt2 {margin-top:1.3em} /* Divider: Use when margins are needed. */ .sDiv.sDivAlt1 {margin:1em 0} /* = BOXES -----------------------------------------------------------------------------*/ /* Boxes: Common Settings */ .sBox {margin:9px 0;padding:1px 0;} .sBox .sBoxSub,.sBox .sBoxFtr {background-image:url('/_images/_sprites/bkg_corners_2.png')} .sBox .sBoxSub {width:100%;overflow:hidden;margin:0} .sBox .sBoxFtr {height:9px;overflow:hidden} /* NOTE: Uses Jquery to write this element to the page. */ /* Boxes: 1 Column */ .sBox.sBoxC1 .sBoxSub {background-position:-1152px 0} .sBox.sBoxC1 .sBoxFtr {background-position:-1152px -1000px} /* Boxes: 2 Columns */ .sBox.sBoxC2 .sBoxSub {background-position:0 0} .sBox.sBoxC2 .sBoxFtr {background-position:0 -1000px} /* Boxes: 2 Columns - 1 Box */ .sBox.sBoxC2.sBoxC2Alt1 .sBoxSub {background-position:-384px 0} .sBox.sBoxC2.sBoxC2Alt1 .sBoxFtr {background-position:-384px -1000px} /* Boxes: 3 Columns */ .sBox.sBoxC3 .sBoxSub {background-position:-1920px 0} .sBox.sBoxC3 .sBoxFtr {background-position:-1920px -1000px} /* Boxes: 4 Columns */ .sBox.sBoxC4 .sBoxSub {background-position:-2688px 0} .sBox.sBoxC4 .sBoxFtr {background-position:-2688px -1000px} /* Boxes: Column Settings */ .sBoxSub .sC6l,.sBoxSub .sC50l,.sBoxSub .sC4l,.sBoxSub .sC33l,.sBoxSub .sC3l,.sBoxSub .sC25l {padding:9px 9px 0 9px;margin:0 9px 0 0} .sBoxSub .sC6r,.sBoxSub .sC50r,.sBoxSub .sC4r,.sBoxSub .sC33r,.sBoxSub .sC3r,.sBoxSub .sC25r {padding:9px 9px 0 9px;margin:0} .sBoxSub .sC12l,.sBoxSub .sC12r,.sBoxSub .sC100l,.sBoxSub .sC100r {width:741px;padding:9px 9px 0 9px;margin:0} .sBoxSub .sC6l,.sBoxSub .sC6r,.sBoxSub .sC50l,.sBoxSub .sC50r {width:357px} .sBoxSub .sC4l,.sBoxSub .sC33l,.sBoxSub .sC4r,.sBoxSub .sC33r {width:229px} .sBoxSub .sC3l,.sBoxSub .sC25l,.sBoxSub .sC3r,.sBoxSub .sC25r {width:165px} /* Boxes: No margin on box. */ .sBox.sBoxAlt1 {margin:0;} /* Boxes: Background for testing */ .sBoxTest .sBoxSub DIV {height:100px} /* = FAQS -----------------------------------------------------------------------------*/ .sFaq .sFaqDesc {padding-left:64px} .sFaq .sFaqTop {text-align:right} .sFaq div#toc UL {list-style:none} .sFaq div#toc UL LI {margin:0.25em 0;} .sFaq div#toc UL LI UL {margin:0.25em 0;margin-left:20px;} .sFaq div#toc UL LI UL LI UL {margin-bottom:0.25em} /* = TABS -----------------------------------------------------------------------------*/ /* jQuery Tabs */ /* NOTE: Set Z-Index range from 0-99 */ .sTab1 .ui-tabs-nav {font-size:.75em} .sTab1 .ui-tabs-nav {list-style:none;margin:0;padding:0 0 0 4px} .sTab1 .ui-tabs-nav:after {display:block;clear:both;content:" "} /* clearing without presentational markup, IE gets extra treatment */ .sTab1 .ui-tabs-nav LI {float:left;margin:0 0 0 1px;min-width:84px}/* be nice to Opera */ .sTab1 .ui-tabs-nav A, .sTab1 .ui-tabs-nav A SPAN {display:block;padding:0 10px;background-repeat:no-repeat} .sTab1 .ui-tabs-nav A {margin:1px 0 0;padding-left:0;font-weight:bold;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;outline:0} .sTab1 .ui-tabs-nav .ui-tabs-selected A {position:relative;top:1px;z-index:2;margin-top:0} .sTab1 .ui-tabs-nav A SPAN {width:64px;min-width:64px;height:18px;min-height:18px;padding-top:6px;padding-right:0} * > .sTab1 .ui-tabs-nav A SPAN {width:auto;height:auto} .sTab1 .ui-tabs-nav .ui-tabs-selected A SPAN {padding-bottom:1px} .sTab1 .ui-tabs-nav .ui-tabs-selected A, .sTab1 .ui-tabs-nav A:Hover, .sTab1 .ui-tabs-nav A:Focus, .sTab1 .ui-tabs-nav A:Active {background-position:100% -150px} .sTab1 .ui-tabs-nav A, .sTab1 .ui-tabs-nav .ui-tabs-disabled A:Hover, .sTab1 .ui-tabs-nav .ui-tabs-disabled A:Focus, .sTab1 .ui-tabs-nav .ui-tabs-disabled A:Active {background-position:100% -100px} .sTab1 .ui-tabs-nav .ui-tabs-selected A SPAN, .sTab1 .ui-tabs-nav A:Hover SPAN, .sTab1 .ui-tabs-nav A:Focus SPAN, .sTab1 .ui-tabs-nav A:Active SPAN {background-position: -3456px -50px} .sTab1 .ui-tabs-nav A SPAN, .sTab1 .ui-tabs-nav .ui-tabs-disabled A:Hover SPAN, .sTab1 .ui-tabs-nav .ui-tabs-disabled A:Focus SPAN, .sTab1 .ui-tabs-nav .ui-tabs-disabled A:Active Span {background-position:-3456px 0} .sTab1 .ui-tabs-nav .ui-tabs-selected A:Link, .sTab1 .ui-tabs-nav .ui-tabs-selected A:Visited, .sTab1 .ui-tabs-nav .ui-tabs-disabled A:Link, .sTab1 .ui-tabs-nav .ui-tabs-disabled A:Visited {cursor:text} .sTab1 .ui-tabs-nav A:Hover, .sTab1 .ui-tabs-nav A:Focus, .sTab1 .ui-tabs-nav A:Active, .sTab1 .ui-tabs-nav .ui-tabs-deselectable A:Hover, .sTab1 .ui-tabs-nav .ui-tabs-deselectable A:Focus, .sTab1 .ui-tabs-nav .ui-tabs-deselectable A:Active {cursor:pointer} .sTab1 .ui-tabs-disabled {opacity:.4;filter:alpha(opacity=40)} .sTab1 .ui-tabs-panel {border-top:1px solid;padding:0 0 1em 0} .sTab1 .ui-tabs-loading EM {padding:0 0 0 20px;background-position:0 50%;background-repeat:no-repeat} /* Jquery Tabs: Caution! Ensure accessibility in print and other media types... */ @media projection, screen {.sTab1 .ui-tabs-hide {display:none}} /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ @media print {.sTab1 .ui-tabs-nav {display:none}} /* Hide useless elements in print layouts... */ /* Jquery Tabs: Additional IE specific bug fixes... */ * HTML .sTab1 .ui-tabs-nav {display:inline-block} *:First-child+HTML .sTab1 .ui-tabs-nav {display:inline-block} /* Jquery Tabs: Color Settings */ .sTab1 .ui-tabs-nav A, .sTab1 .ui-tabs-nav A SPAN {background-image:url('/_images/_sprites/bkg_corners_1.png')} .sTab1 .ui-tabs-loading EM {background-image:url('ico_loading_1.gif')} .sTab1 .ui-tabs-nav A, .sTab1 .ui-tabs-nav A:Visited {color:#666} .sTab1 .ui-tabs-nav .ui-tabs-selected A, .sTab1 .ui-tabs-nav .ui-tabs-selected A:Visited {color:#000} .sTab1 .ui-tabs-panel {border-color:#BBB} /* Static Tabs */ /* NOTE: Set Z-Index range from 0-99 */ .sTab2 {font-size:.75em;border-bottom:1px solid} .sTab2 {list-style:none;margin:0;padding:0 0 0 4px} .sTab2:after {display:block;clear:both;content:" "} /* clearing without presentational markup, IE gets extra treatment */ .sTab2 LI {float:left;margin:0 0 0 1px;min-width:84px}/* be nice to Opera */ .sTab2 A, .sTab2 A SPAN {display:block;padding:0 10px;background-repeat:no-repeat} .sTab2 A {margin:1px 0 0;padding-left:0;font-weight:bold;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;outline:0} .sTab2 .sTabOn A {position:relative;top:1px;z-index:2;margin-top:0} .sTab2 A SPAN {width:64px;min-width:64px;height:18px;min-height:18px;padding-top:6px;padding-right:0} * > .sTab2 A SPAN {width:auto;height:auto} .sTab2 .sTabOn A SPAN {padding-bottom:1px} .sTab2 .sTabOn A, .sTab2 A:Hover, .sTab2 A:Focus, .sTab2 A:Active {background-position:100% -150px} .sTab2 A {background-position:100% -100px} .sTab2 .sTabOn A SPAN, .sTab2 A:Hover SPAN, .sTab2 A:Focus SPAN, .sTab2 A:Active SPAN {background-position: -3456px -50px} .sTab2 A SPAN {background-position:-3456px 0;} .sTab2 .sTabOn A:Link, .sTab2 .sTabOn A:Visited, .sTab2 A:Hover, .sTab2 A:Focus, .sTab2 A:Active {cursor:pointer} /* Jquery Tabs: Caution! Ensure accessibility in print and other media types... */ @media print {.sTab2 {display:none}} /* Hide useless elements in print layouts... */ /* Jquery Tabs: Additional IE specific bug fixes... */ * HTML .sTab2 {display:inline-block} *:First-child+HTML .sTab2 {display:inline-block} /* Jquery Tabs: Color Settings */ .sTab2 A, .sTab2 A SPAN {background-image:url('/_images/_sprites/bkg_corners_1.png')} .sTab2 A, .sTab2 A:Visited {color:#666} .sTab2 .sTabOn A, .sTab2 .sTabOn A:Visited {color:#000} .sTab2 {border-color:#BBB} /* = JQUERY THICKBOX -----------------------------------------------------------------------------*/ /* NOTE: Set Z-Index range from 200-299 */ /* Thickbox: Common Settings */ #TB_window {font:normal 12px Arial, Helvetica, sans-serif} #TB_secondLine {font:normal 10px Arial, Helvetica, sans-serif} #TB_window * {padding:0;margin:0} #TB_overlay {position:fixed;z-index:201;top:0px;left:0px;height:100%;width:100%} .TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat} .TB_overlayBG {filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50} * HTML #TB_overlay {position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')} #TB_window {position:fixed;z-index:202;display:none;border:4px solid;text-align:left;top:50%;left:50%} * HTML #TB_window {position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')} #TB_window img#TB_Image {display:block;margin:15px 0 0 15px;border-width:1px;border-style:solid} #TB_caption {height:25px;padding:7px 30px 10px 25px;float:left} #TB_closeWindow {height:25px;padding:11px 25px 10px 0;float:right} #TB_closeAjaxWindow {padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right} #TB_ajaxWindowTitle {float:left;padding:7px 0 5px 10px;margin-bottom:1px} #TB_title {height:27px} #TB_ajaxContent {clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em} #TB_ajaxContent.TB_modal {padding:15px} #TB_ajaxContent P {padding:5px 0px 5px 0px} #TB_load {position:fixed;display:none;height:13px;width:208px;z-index:203;top:50%;left:50%;margin:-6px 0 0 -104px} * HTML #TB_load {position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')} #TB_HideSelect {z-index:200;position:fixed;top:0;left:0;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%} * HTML #TB_HideSelect {position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')} #TB_iframeContent {clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px} #TB_ajaxWindowTitle {font-weight:bold} /* Thickbox: Color Settings */ #TB_window {color:#333} #TB_secondLine {color:#666} #TB_window A:Link,#TB_window A:Visited {color:#666} #TB_window A:Hover,#TB_window A:Active,#TB_window A:Focus {color:#666} .TB_overlayBG {background-color:#000} #TB_window {background:#fff;color:#000;border-color:#666} #TB_window img#TB_Image {border-color:#666 #CCC #CCC #666} #TB_title {background-color:#e8e8e8} #TB_HideSelect {background-color:#fff} #TB_ajaxWindowTitle {} #TB_closeAjaxWindow {} /* = JQUERY TOOLTIPS -----------------------------------------------------------------------------*/ /* Info Link: Used with jquery tooltips */ /* Sample HTML: i*/ A.sTipLnk,A.sTipLnk:Visited {color:#5E84B3;font-weight:bold;text-decoration:none;cursor:help;font-family:Times New Roman, Times, serif;font-size:95%;padding:0 3px} A.sTipLnk:Hover {color:#ff5d00} /* NOTE: Set Z-Index range from 300-399 */ /* Tooltip 1: Common Settings */ .sTip {text-align:left;line-height:1.2em;position:absolute;z-index:300;filter:alpha(opacity=90);-ms-filter:"alpha(opacity=90)";-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;} .sTip H3 {padding:9px 9px 0 9px;margin:0} .sTip .sTipSub,.sTip .sTipFtr {background-image:url('/_images/_sprites/bkg_corners_1.png')} .sTip .sTipFtr {height:9px;overflow:hidden} .sTip .sTipSub DIV {padding:0 9px 0 9px;font-size:.9em} /* Tooltip 1: Default Settings */ .sTip {width:247px} .sTip H3 {font-size:.9em;font-weight:normal} .sTip .sTipSub {background-position:-1920px 0} .sTip .sTipFtr {background-position:-1920px -1000px} /* Tooltip 1: Alternate 1 - No heading (title="" does not contain " - ") */ .sTip.sTipHdr H3 {font-size:1em;font-weight:bold} /* Tooltip 1: Alternate 2 - Wider Tooltip */ .sTip.sTipBg {width:375px} .sTip.sTipBg .sTipSub {background-position:0 0} .sTip.sTipBg .sTipFtr {background-position:0 -1000px} /* Tooltip 1: Alternate 3 - Smaller Tooltip */ .sTip.sTipSm {width:183px} .sTip.sTipSm .sTipSub {background-position:-2688px 0} .sTip.sTipSm .sTipFtr {background-position:-2688px -1000px} /* = BUTTONS -----------------------------------------------------------------------------*/ /* Primary & Secondary Button: Common Settings */ /* NOTE: Set Z-Index range from 0-99 */ /* LINK BUTTONS: http://tinyurl.com/lsmpl */ /* IE WIDTH FIX: http://tinyurl.com/5kspyj */ .sBtn1, .sBtn2 {font-size:1.15em;font-family:Arial, Helvetica, sans-serif;font-weight:normal;background-repeat:repeat-x;background-position:left center;border-width:2px;border-style:solid;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative;z-index:0;zoom:1} INPUT.sBtn1, INPUT.sBtn2 {padding:0 .6em;width:0;overflow:visible} INPUT.sBtn1[class], INPUT.sBtn2[class] {width:auto} TD INPUT.sBtn1[class], TD INPUT.sBtn2[class] {width:100%} A.sBtn1, A.sBtn2 {padding:0.05em 0 0.14em 0;vertical-align:middle;top:-0.1em;/*START:IE7-IE6 Fixes*/*top:-0.3em;*padding-bottom:0.15em;/*END:IE7-IE6 Fixes*//*START:IE6 Fix*/_width:12em;/*END:IE6 Fix*/} A.sBtn1 SPAN, A.sBtn2 SPAN {padding:0em 0.6em 0.1em 0.6em;/*START:IE6 Fix*/_width:1em;/*END:IE6 Fix*/} /*INPUT.sBtn1.sBtnhov, INPUT.sBtn2.sBtnhov, INPUT.sBtn1:Hover, INPUT.sBtn2:Hover, A.sBtn1:Hover, A.sBtn2:Hover {filter:alpha(opacity=75);-ms-filter:"alpha(opacity=75)";-moz-opacity:.75;-khtml-opacity:.75;opacity:.75}*/ /* Primary & Secondary Button: Alternate Style 1 */ INPUT.sBtn1.sBtnAlt1, INPUT.sBtn2.sBtnAlt1, A.sBtn1.sBtnAlt1, A.sBtn2.sBtnAlt1 {font-size:1.05em} A.sBtn1.sBtnAlt1, A.sBtn2.sBtnAlt1 {padding-bottom:0.1em;top:-0.05em;/*START:IE7-IE6 Fixes*/*padding-bottom:0.15em;*top:-0.3em;/*END:IE7-IE6 Fixes*//*START:IE6 Fix*/_width:12em;/*END:IE6 Fix*/} /* Primary & Secondary Button: Alternate Style 1 */ INPUT.sBtn1.sBtnAlt2, INPUT.sBtn2.sBtnAlt2, A.sBtn1.sBtnAlt2, A.sBtn2.sBtnAlt2 {font-size:0.95em} A.sBtn1.sBtnAlt2, A.sBtn2.sBtnAlt2 {padding-bottom:0.13em;top:0.05em;/*START:IE7-IE6 Fixes*/*padding-bottom:0.1em;*top:-0.3em;/*END:IE7-IE6 Fixes*//*START:IE6 Fix*/_width:12em;/*END:IE6 Fix*/} /* Primary Button: Default Color Set - These are the elements that can be controlled by the Color Lab. */ INPUT.sBtn1, A.sBtn1, A.sBtn1:Visited {background-color:/*START:Button_1_Color*/#000/*END:Button_1_Color*/;color:/*START:Button_1_Text*/#EEE/*END:Button_1_Text*/;border-color:/*START:Button_1_Shadow*/#606060/*START:Button_1_Shadow*/;border-top-color:/*START:Button_1_Highlight*/#EEE/*END:Button_1_Highlight*/;border-left-color:/*START:Button_1_Highlight*/#EEE/*END:Button_1_Highlight*/} /*START:Button_1_Texture*/ HTML>BODY INPUT.sBtn1, HTML>BODY A.sBtn1, HTML>BODY A.sBtn1:Visited {background-image:url('/_images/_textures/bkg_bars_1.png')}/*END:Button_1_Texture*/ /* Secondary Button: Default Color Set - These are the elements that can be controlled by the Color Lab. */ INPUT.sBtn2, A.sBtn2, A.sBtn2:Visited {background-color:/*START:Button_2_Color*/#EEE/*END:Button_2_Color*/;color:/*START:Button_2_Text*/#000/*END:Button_2_Text*/;border-color:/*START:Button_2_Shadow*/#606060/*START:Button_2_Shadow*/;border-top-color:/*START:Button_2_Highlight*/#EEE/*END:Button_2_Highlight*/;border-left-color:/*START:Button_2_Highlight*/#EEE/*END:Button_2_Highlight*/} /*START:Button_2_Texture*/ HTML>BODY INPUT.sBtn2, HTML>BODY A.sBtn2, HTML>BODY A.sBtn2:Visited {background-image:url('/_images/_textures/bkg_bars_1.png')}/*END:Button_1_Texture*/ /* = MISC -----------------------------------------------------------------------------*/ /* NOTES */ .sNote {font-size:80%;color:#888;font-weight:normal} .sNote.sNoteAlt1 {font-size:100%} .sNote.sNoteAlt2 {color:#000} /* -OR- Divider */ .sOR {width:250px;margin:1em 0 1em 0;padding-bottom:.65em;border-bottom:1px solid #BBB;position:relative} .sOR SPAN {background:#FFF;display:block;margin:0 0 0 110px;width:30px;text-align:center;display:block;position:absolute;font-weight:bold;color:#777} /* Breadcrumb */ .sInlineCrumb {font-size:80%} /* Attention Text */ /* TODO: Add to Style Guide */ .sAttention {color:#F00} /* = FORMS -----------------------------------------------------------------------------*/ /* Forms */ /* TODO: Add to Style Guide */ .sForm {width:100%;overflow:hidden;margin:1em 0} /* Forms: Columns Settings */ .sForm .sFormCol1 {margin:0;padding:0;float:left;margin-right:9px;width:183px} .sForm .sFormCol2 {margin:0;padding:0;float:right;width:567px} /* Columns: Background for testing */ .sFormColTest {background:#EEE;margin-bottom:9px} .sFormColTest DIV {background:#CCC;margin-bottom:0} /* Required Field */ /* TODO: Add to Style Guide */ .sRequired {color:#F00}