/* ------------------------------------------------------------- */ /* FOOD SERVICE ENABLERS SALES TEAM PORTAL "CLEAN" / DEFAULT THEME MAIN STYLESHEET --- TABLE OF CONTENTS --- - IMPORTS - GLOBAL ELEMENTS - NOT UTILIZED */ /* ------------------------------------------------------------- */ @import url( base.css ); @import url( pos-stylesheet.css ); @import url( trn-stylesheet.css ); @import url( cda-stylesheet.css ); @import url( nav-stylesheet.css ); @import url( obj-stylesheet.css ); @import url( opr-stylesheet.css ); @import url( cdr-stylesheet.css ); @import url( tpf-stylesheet.css ); @import url( sim-stylesheet.css ); @import url( spl-stylesheet.css ); @import url( cmp-stylesheet.css ); @import url( inc-stylesheet.css ); @import url( pcm-stylesheet.css ); @import url( shr-stylesheet.css ); @import url( prc-stylesheet.css ); @import url( mkt-stylesheet.css ); @import url( ssg-stylesheet.css ); @import url( eml-stylesheet.css ); @import url( fsr-stylesheet.css ); @import url( bpl-stylesheet.css ); @import url( gpo-stylesheet.css ); @import url( sme-stylesheet.css ); /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* GLOBAL ELEMENTS */ /* Always use the LoVe HAte rule for link property order - link, visited, hover, active */ a:link{ color: #493a27; text-decoration: underline; } a:visited{ color: #493a27; text-decoration: underline;} a:hover{ color:#736b60; text-decoration: underline; } a:active{ color: #493a27; text-decoration: underline; } /* Change global font color, background color and margins here */ body{ color:#493A27; background-color:#FFFFFF; margin:5px; margin-left:3px; } #display { margin-top:0;} xbody.ie8 #display { margin-top:15px;} /* Header Section */ #headerContainer{ width:1000px; } #header{ background-color: #fff; } .masthead{ vertical-align:middle; height:95px; background-image: url( ../graphics/masthead.jpg ); background-position:top left; background-repeat:no-repeat; } .masthead .sponsor-logos{ float:right; clear:none; position:relative; left:-70px; top:-5px; } .masthead .client-logo{ float:left; clear:none; top:-16px; position:relative; left:23px; } .masthead .tag-line{ color:#00305C; font-size:14px; font-weight:bold; font-family:arial; letter-spacing:1px; position:relative; padding-left:183px; top:45px; } .masthead .tag-line span{ font-weight:normal; font-size:12px; } body#content-template .sponsor-logos{ display:none; } #main-print-template #headerContainer {xwidth:600px;} /* Titles */ #titleContainer { height:20px; background-color:#fff; margin-bottom:5px; color:#493A27; color:white; margin-top:0px; xborder-bottom: 2px solid #E1E2DC; width:1000px; line-height:12px; } #titleContainer .panel-control { float:left; margin-top:2px; margin-left:3px; display:block; } .tb-l { height:20px; background-image: url( ../graphics/tb_l.png ); background-position: bottom left; background-repeat: no-repeat; padding:0px 0px 0px 5px; } .tb-r { height:20px; background-image: url( ../graphics/tb_r.png ); background-position: bottom right; background-repeat: no-repeat; padding:0px 5px 0px 0px; } .tb-c { margin:0px 0px 0px 0px; height:20px; background-image: url( ../graphics/tb_c.png ); background-position: bottom left; background-repeat: repeat-x; } #title { font-size:1.5em; line-height:1.5em; font-weight:bold; padding-left:10px; float:left; margin-top:-2px; } /* Top right links: Corporate Home, Edit Profile, Logout */ #specialLinks { float:right; color:#AD752B; color:white; padding-right:10px; padding-top:4px; text-decoration:none; } #specialLinks a { font-size:.9em; margin: 0px 3px 0px 2px; font-family: Arial; text-decoration:none; } #specialLinks a:link { color:#AD752B; color:white; } #specialLinks a:visited { color:#AD752B; color:white; } #specialLinks a:hover { color:#AD752B; color:white; } /* Main Content area */ #primaryContainer {width: 1000px;} #flexContainer { margin-left:0px; padding-left:0px;} .htabset a:hover, .htabset a.selectedTab { background-image: url("../graphics/htab_left_on.gif"); } .htabset a:hover span, .htabset a.selectedTab span { background-image: url("../graphics/htab_right_on.gif"); } .htabset a.selectedTab span { color:rgb(40, 60, 137); } .htabset a:link { color:#688EC0; } .htabset a:hover { color:steelblue; } #displayContainer { xpadding:0 4px 8px 8px; padding:0px 0px 0px 0px; xborder-left:1px solid #E7DED5; xborder-right:1px solid #E7DED5;} #flexContainer { width:261px; padding-top:0px; } #footerContainer { background-color:rgb(40, 60, 137); background:none; color:#C0C0C0; text-align:center; margin-top:5px; width: 1000px; } #content-template #footerContainer{ background-color:transparent; border-top: 2px solid #C0C0C0; } #main-print-template #footerContainer{ background-color:transparent; border-top: 2px solid #C0C0C0; width:600px; } #footerContainer a { color:#505050; } #footer div{ color:#505050; text-align:left; padding-left:5px; } #fseContainer{ width: 450px; margin-left:auto; margin-right:auto; } .fb-l { height:28px; background-image: url( ../graphics/fb_l.png ); background-position: top left; background-repeat: no-repeat; padding:0px 0px 0px 5px; } .fb-r { height:28px; background-image: url( ../graphics/fb_r.png ); background-position: top right; background-repeat: no-repeat; padding:0px 5px 0px 0px; } .fb-c { margin:0px 0px 0px 0px; height:28px; background-image: url( ../graphics/fb_c.png ); background-position: top left; background-repeat: repeat-x; } /* UI object classes */ .listRowAlt { background-color: #FFFFFF; } .listRowAlt { background-color: #F0F0F0; } .recordList { border-color:#F0F0F0; } table.recordList thead { background-color: #CEDCE7; color:#F2E2C5; color:#493A27; xborder-color:#BEBB92; } .thead2{ background-color: #CFCFD1; color:#000000; font-weight:bold; } table.recordList tfoot td { border-color:#BEBB92; } table.recordList tfoot { line-height:15px; } table.recordList tr.empty > td { color:#B0B0B0; } table.recordList tr.empty > td a { color:#B0B0B0; } .box {border: 1px solid #330000; background-color:#F9F1DC;text-align:center;} /*text-align:center;width:200px;padding:5px;border:1px solid ##330000;background-color:F9F1DC;*/ div.grid { border:1px solid #330000; background-color:#E3D4A8;} table.grid { border-top:1px solid #330000;border-left:1px solid #330000;} table.grid tr { text-align:center; } table.grid thead tr { background-color:#E3D4A8;} table.grid thead td,table.grid thead th { border-bottom:1px solid #330000;border-right:1px solid #330000; } table.grid tbody td { border-bottom:1px solid #330000;border-right:1px solid #330000;} /* application component styles */ /* operator management */ #oprDetailPopup { border:1px solid #717171; width:99%; } #oprDetailPopupHeader { padding:5px; border:1px solid #C0C0C0;} border-bottom: 2px solid #717171; } #oprDetailPopupHeader td strong { color:#F3903B; } #oprDetailPopupBody { padding:5px; left:0; } #oprDetailPopupBody table { line-height:15px; } #oprDetailPopupBody td { text-align:left;} #frm_operatorMgmt { x-background-color: #F7F6E3; } /* #options table { border-color: #5A5A5A; } */ /* distributor management */ #dstDetailPopup { border:1px solid #5A5A5A; background-color: #F7F6E3; width:99%; } #dstDetailPopupHeader { padding:5; border:1px solid #5A5A5A; border-bottom: 2px solid #5A5A5A; } #dstDetailPopupHeader td strong { color:#CC0000; } #dstDetailPopupBody { padding:5; left:0; } #fseLogo {float:right;clear:both;margin-top:2px;margin-right:2px;} #dstDetailPopupBodyOverview p { margin:0; margin-bottom:5px; font-size:.9em; margin-right:15px; font-style:italic;} #dstDetailPopupBody table { line-height:15px; } #dstDetailPopupBody td { text-align:left;} /* sales team news */ #news-container h1 { background-color: #08794f; color: #D1BA88;} .news-item { border-color: #08794F;} /* general */ #displayContainer .content-introduction p { font-size: 1.2em; padding: 0px 0px 10px 10px; } #displayContainer .content-introduction h3 { font-size: 1.2em; } #displayContainer .content-introduction { border-top: 1px solid silver; margin-left:10px; margin-right:10px;} .content-introduction a { color: #F3903B; } /* hot box */ /* #hotbox-portlet-container {border-color: #E7DED5; margin-left:0px; padding-left:0px;} */ #hotbox-portlet-container h2 { background-color: #B59333; ; font-size:1.3em; line-height:16px; padding-top: 3px; padding-bottom:3px; color: #FFFFFF;} #hotbox-search-results { border: 1px solid #E7DED5; border-top:none;} #hotbox-portlet-container .content-introduction { xborder-top: 5px solid #CBC5B3; padding-top: 0px; padding-bottom:10px; padding-left:10px; padding-right:7px; border-bottom: 3px solid #C0C0C0; } #hotbox-portlet-container .content-introduction p { font-size: 1.2em; } #hotbox-portlet-container .content-introduction h3 { font-size: 1.2em; color:rgb(40, 60, 137);} #hotbox-keyword-search { background-color: steelblue; xborder-top:3px solid #876B25; padding-top:3px; padding-bottom:5px;padding-left:10px; padding-right:7px; } #hotbox-keyword-search img { margin-left: -10px; margin-top: -3px; } #hotbox-keyword-search td { padding-left: 5px; } /* admin center */ #broker-profile-panel { font-size: 1.2em; padding: 10px; padding-top:3px; } .list-navigation {text-align: right;padding-right: 1em;background-color: #CEDCE7; padding-bottom: 0px; margin-bottom:3px; } xbody.ie8 .list-navigation { margin-top:16px; } #prc-list-navigation { background-color: steelblue; text-align:right; padding-right:20px; padding-bottom:4px;} #prc-list-navigation a { color: black; font-size: .9em; padding-left: 20px; text-decoration:underline; cursor:pointer;} .prc-product-summary td { border-bottom: 1px solid silver; padding-bottom:10px;vertical-align:top;padding-top:4px;} .prc-product-summary td img { margin-top: 2px; margin-right: 7px; } .prc-product-summary td p { margin:0; } #prc-detail-tab-panel {padding-left:10px; padding-right:10px;} #prc-detail-tab-panel h2 { width: 100%; border-bottom: 1px solid silver; padding-bottom: 2px; } #prc-detail-view-panel h1 { font-size: 1.4em; padding-bottom:10px;} #heading { font-size: 2em; font-weight:bold; text-align: center; margin-top:10px; padding-bottom:0px; margin-bottom:0px;} .content-container { font-size: 1.2em;} .portlet div.body .section { border:1px solid #E7DED5; margin:1px; padding:1px; background-color:#E8E8E8; } .portlet div.body .section p {font-size:.9em;padding:3px;margin:0px;} .portlet div.view { background-color:white; } .lead-app-container { } .lead-app-container .lead_colhdr{ font-weight: bold; } .lead-app-container .lead_bodybgcolor .lead_colhdr td { background-color:steelblue; color: #ffdec0; } .lead-app-container table.lead_listrowalt { border 1px solid silver; margin-bottom:1em; } .lead-app-container table.lead_bodybgcolor { border: 1px solid silver; } .lead-app-container .lead_bodybgcolor .lead_listrow{ } .lead-app-container .lead_bodybgcolor .lead_listrowalt{ background-color: #F0F0F0; } .sales-initiative-feedback-requirements a { color:steelblue; } div.construction-title { position:absolute; display:block; color:white; text-align:left; top:30px; left:10px; font-size:22pt; font-weight:bold; font-family:arial; visibility:hidden; } .form-input { padding-left:4px; } .form-detail-textarea {width: 300px;height: 100px;padding-left:4px;} .form-instruction { color: silver; } .form-section-break { height: 25px; } .fse-hidden-element select { display:none; } .portlet.layout-2 .hdr-l { height:21px; background-image: url( ../graphics/pl_2_hdr_l.png ); background-position: top left; background-repeat: no-repeat; padding:0px 0px 0px 5px; } .portlet.layout-2 .hdr-r { height:21px; background-image: url( ../graphics/pl_2_hdr_r.png ); background-position: top right; background-repeat: no-repeat; padding:0px 5px 0px 0px; } .portlet.layout-2 .hdr-c { margin:0px 0px 0px 0px; height:21px; background-image: url( ../graphics/pl_2_hdr_c.png ); background-position: top left; background-repeat: repeat-x; } .portlet.layout-2 .ftr-l { height:5px; background-image: url( ../graphics/pl_2_ftr_l.png ); background-position: top left; background-repeat: no-repeat; padding:0px 0px 0px 5px; } .portlet.layout-2 .ftr-r { height:5px; background-image: url( ../graphics/pl_2_ftr_r.png ); background-position: top right; background-repeat: no-repeat; padding:0px 5px 0px 0px; } .portlet.layout-2 .ftr-c { padding:0px 0px 0px 0px; height:5px; background-image: url( ../graphics/pl_2_ftr_c.png ); background-position: top left; background-repeat: repeat-x; } .portlet.layout-2 { background:none; margin:0px 0px 10px 0px; } #displayContainer .portlet.layout-2 { background:none; margin:0px 0px 2px 0px; } .portlet.layout-2 .view { border:1px solid #9DC0DC; padding:0px 1px 0px 1px; border-top:none; border-bottom:none; overflow:hidden; } .shortcut-list {padding:8px; } .shortcut-list span{ cursor:pointer; text-decoration:underline;} xbody.ie8 #opr-reassign-operator-profile-portlet-view div table { margin-top:5px;} xbody.ie8 #opr-basic-profile-portlet-view div table { margin-top:5px;} xbody.ie8 #cdr-detail-tab div table { margin-top:5px;} .portlet.layout-2 .hdr-c td.title, .portlet.layout-2 .hdr-c td.control { padding:0px 0px 0px 0px; border:none; } .portlet.layout-2 .hdr-c td.title { padding-bottom:2px; } .portlet.layout-2 .hdr-c td.control { position: static; } .portlet.layout-2 .hdr-c td.control img { margin-top:3px; cursor:pointer; } .portlet.layout-2 .header { background:transparent; border:none; height:auto; width:auto;} .portlet.layout-2 .header h1 { font-weight:bold; font-size:11px; color:white;} .portlet .header table { width:100%; } .yui-navset .yui-content div { background-color:white; } #contact-us-form-container fieldset#contact-us-message-fields textarea { width: 595px; height: 9em; } #contact-us-form-container { border: 1px solid #CCCCCC; padding:.5em;} .content-container { padding-top:0px; } #display #heading { margin-top:0px; text-align:right; padding-right:0px; font-size:15px; font-weight:bold; } .pos_sbmtBtn { border:none !important; background-color:none !important; } /* NOT UTILIZED */ div.client-logo{ display:block; } div.client-logo img{ position:absolute; width:140px; height:67px; top:40px; left:670px; } .fsRewards-txt{ color:#000000; font-weight:bold; vertical-align:middle; font-size:10px;} .fsRewards-label{ color:#000000; font-weight:bold; vertical-align:middle; font-size:10px;} .fsRewards-label img{ color:#669900; font-weight:bold; vertical-align:middle; font-size:10px;} .prd_footnote{ color:#000000; font-weight:bold; vertical-align:middle; font-size:10px;} .task-control span.ico { float:right; margin-top:2px; } .task-control { border-bottom:1px solid silver; padding-bottom:5px; margin-bottom:2px; } #task-portlet-view-socket { padding:3px; padding-bottom:5px;} .task-list { width:100%; } .task-list td { vertical-align:top; padding-bottom:3px; } .task-list thead td { vertical-align:bottom; font-weight:bold; border-bottom:1px solid #A0A0A0; } .task-list tbody td { height:16px; } .task-list td.status { width:16px; padding-left:0px; } .task-list tbody td.taskDescription span { white-space:nowrap; display:inline-block; width:140px; overflow:hidden;} .task-list tbody td.taskDescription { padding-top:2px; } .task-list tbody td.dueDate { padding-top:2px; } .task-list td.taskDescription, .task-list td.dueDate { padding-left:4px; } #taskDialog #notesTab textarea { width:507px; height:180px; } #taskDialog .tab-body { height:200px; } #taskDialog input#dueDate { width:80px; } #taskDialog .tab-body label { font-weight:bold; } #taskDialog .tab-body label.inst { font-weight:normal; } #taskDialog #generalTab table td { vertical-align:top; } #taskDialog #generalTab table em { padding-left:5px; padding-right:5px; } #taskDialog textarea#taskDescription { width:430px; height:3em; } #taskDialog .task-status { text-align:right; } #taskDialog #customerTab table td { vertical-align:top; } #taskDialog #generalTab table td label, #taskDialog #customerTab table td label { padding-right:5px; } #taskDialog #customerTab #partnerSummarySocket { height:45px;} #taskDialog #customerTab #partnerSelect { width:430px; } .fse-alert { color:red; } iframe.fse-punchout.stp-punchout { width:555px; height:1500px; } #main-dashboard #primaryContainer { width:550px !important; margin:0xp 0px 0px 0px;} .weblog-toggle-bar { margin-top:5px; margin-bottom:5px; height:16px; padding:0px; } .weblog-toggle-bar .ico { vertical-align:bottom; margin-right:3px;} .weblog-post h1 { font-weight:bold; font-size:10pt; border:none; } .weblog-post h2 { font-weight:normal; font-size:7pt; border-bottom:1px solid silver; } .weblog-post div.comment { padding:5px; font-size:8pt; } .weblog-post { padding-bottom:5px; padding-top:5px; } .weblog-post .attachments img { vertical-align:bottom; margin-left:3px; margin-right:3px; } .weblog-more { padding-bottom:5px; padding-left:5px; } .bread-crumb-trail { margin:0px 0px 0px 0px; padding:2px; padding-bottom:5px; margin-bottom:5px; font-size:.9em; font-size:7pt; border-bottom:1px solid #D0D0D0;} .bread-crumb-trail span { padding-right:4px; padding-left:4px; } .bread-crumb-trail span:first-child { padding-left:0px; } #sysReportCenterDialog div.yui-navset div.yui-content > div { height:300px; background-color:white; } #sysReportCenterDialog #rc_criteriaTab { overflow:auto; } #sysReportCenterDialog #rc_helpTab { overflow:auto; } #sysReportCenterDialog #rc_outputTab strong { display:inline-block; width:70px;} #sysReportCenterDialog #rc_outputTab > div { height:22px; } #sysReportCenterDialog #rc_recipients { width:430px; } #sysReportCenterDialog #rc_subject { width:430px; } #sysReportCenterDialog #rc_message { height:6em; width:504px; margin-top:3px; overflow:auto; } #sysReportCenterDialog #rc_controlArea { margin-top:5px; margin-bottom:8px; } #sysReportCenterDialog table.rc-criteria td { vertical-align:top; } #sysReportCenterDialog table.rc-criteria { width: 100%; } #sysReportCenterDialog table.rc-criteria td:first-child + td { width:100%; } #sysReportCenterDialog table.rc-criteria td:first-child + td a { vertical-align:top; } #sysReportCenterDialog table.rc-criteria tr.single-line td { vertical-align:middle; } #sysReportCenterDialog table.rc-criteria td:first-child + td select { width:300px; } #sysReportCenterDialog table.rc-criteria td:first-child { width:auto; } #sysReportCenterDialog table.rc-criteria td:first-child label { white-space:nowrap; } #sysReportCenterDialog input.date { width:72px; } /* IE 6 fixes ------------------------------------------------------------------------*/ body.ie6 .dashboard { width:555px; } body.ie6 #sku-socket-container { height:100px;} /* dialog box */ body.ie6 .yui-module, .yui-overlay, .yui-paneltaskDialogy { background:#ECEDED !important; border:none !important;} body.ie6 .yui-panel .hd { background-image:none !important; background-color:#ECEDED !important; border:none !important;} body.ie6 .bd { height:auto !important; border:none !important;} body.ie6 .yui-panel .ft { background-image:none !important; background-color:#ECEDED !important; border:none; padding-top:10px !important;} /* ---------------------------------------------------------------------------------- */