/* STRUCTURE FRONT > GENERALS /////////////////////////////////////////////////////*/ .clear { clear:both; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .margin-top-10 { margin:10px 0 0 0; } .margin-bottom-10 { margin:0 0 10px 0; } .padding-top-10 { padding:10px 0 0 0; } .padding-bottom-10 { padding:0 0 10px 0; } .no-border { border:none !important; } .left { float:left; } .right { float:right; } .size-36 { font-size:36px; } /* STRUCTURE FRONT > STRUCTURE /////////////////////////////////////////////////////*/ blockquote.middleContentExtended {width:980px; float: left; padding:0 0 15px 0; background:#FFF; } blockquote.middleContentExtended h1.standardTitle { margin:0; background: url(../../images/structure/bg-box-model-title.gif) repeat-x 0 0; border-top:1px solid #4655CB; height:32px; line-height:32px; font-size:16px; color:#fff; text-indent:10px; padding:0; } /* STRUCTURE FRONT > STRUCTURE > MAIN CONTENT /////////////////////////////////////////////////////*/ div.main-content { padding:13px 13px 4px 13px; } /* STRUCTURE FRONT > STRUCTURE > MAIN CONTENT LEFT /////////////////////////////////////////////////////*/ div.main-content-left { float:left; width:300px; } div.account-detail-title { background:#000; border-bottom:1px solid #000; line-height:27px; text-align:left; padding:0; } div.account-detail-title p { color:#FFF; font:normal 13px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:27px; margin:0; height:27px; text-indent:6px; } div.account-detail-title a { background:url(../images/bt-main-content-left-logout.gif) repeat-x 0 0; color:#FFF; display:block; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; height:16px; line-height:16px; text-transform:uppercase; text-align:center; width:48px; padding:0 2px; float:right; margin:-22px 5px 0 0; /* IE 6 FIX */ _margin-right:2px; } div.account-detail { background:#141C56 url(../../images/structure/bg-featured-box-contracts-tenders.jpg) no-repeat top right; color:#FFF; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:12px; text-align:left; } div.account-detail p { color:#FFF; padding:0; margin:0 0 10px 0; text-indent:2px; } div.account-detail p.title { line-height:24px; background:url(../images/bg-black-opacity-50.png) repeat 0 0; text-indent:5px; position:relative; height:24px; width:100%; margin:0; font-weight:bold; } div.account-detail p.title a { color:#4655CB; position:absolute; right:5px; bottom:1px; font-weight:normal;} div.account-detail p.title a:hover { color:#4655CB; } div.account-detail p.data { display:block; line-height:16px; padding:0 5px; position:relative; text-indent:0; } div.account-detail p.data a { color:#768AE6; position:absolute; left:0; top:0; text-decoration:underline; } div.account-detail p.data a:hover { color:#768AE6; text-decoration:none; } div.account-detail p span {font-weight:bold; } div.left-box-title { background:#000; border-bottom:1px solid #40413C; line-height:27px; text-align:left; padding:0; margin:10px 0 0 0; position:relative; } div.left-box-title p { color:#FFF; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:27px; margin:0; height:27px; text-indent:6px; } div.left-box { background:#EBEBEA; color:#000; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:12px; text-align:left; } div.left-box p { line-height:16px; margin:0; } div.form-holder { height:20px; margin:30px 0 0 0; position:relative; } div.form-holder a.update-upgrade { background: url(../images/bt-upgrade-update.gif) repeat-x 0 0; color:#FFF; display:block; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; height:16px; position:absolute; line-height:16px; text-transform:uppercase; text-align:center; bottom:4px; right:0; padding:0 8px; } /* Statistics Accordion */ #accordion a { text-decoration:none; outline:none; } #accordion div h3 a { background:#000 url(../images/bg-stats-button.gif) no-repeat 280px 7px; border-top:1px solid #333; color:#FFF; display:block; font-size:12px; padding:6px 0 7px 7px; text-align:left; } #accordion div h3 a:hover { background:#222 url(../images/bg-stats-button.gif) no-repeat 280px 7px; } .ui-state-active a { background:#000 url(../images/bg-stats-button.gif) no-repeat 280px -39px !important; text-decoration:none; cursor:default; } #accordion div ul { background:#515151; border:1px solid #3B3C33; border-top:none; border-bottom:none; list-style:none; } #accordion div ul li { display:block; border-bottom:1px solid #515151; } #accordion div ul li a { display:block; background:#515151 url(../images/bg-stats-button-sub.gif) no-repeat 7px -42px; border:1px solid #333; border-bottom:none; color:#FFF; font-size:12px; font-weight:bold; padding:5px 0 6px 25px; text-align:left; line-heigth:0;} #accordion div ul li a:hover, #accordion div ul li a.active { background:#707070 url(../images/bg-stats-button-sub.gif) no-repeat 7px 9px; } #accordion div ul li a.last { border:none; } /* STRUCTURE FRONT > STRUCTURE > MAIN CONTENT RIGHT /////////////////////////////////////////////////////*/ div.main-content-right { float:right; width:641px; } div.main-content-right a:link, div.main-content-right a:visited, div.main-content-right a:active { color:#4655CB; } div.main-content-right a:hover { color:#111; } div.main-content-right-full { width:100% !important; } /* Main Box */ div.main-box { background:#E9E9E9; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:12px; overflow:hidden; height:1%; } div.main-box p { text-align:left; } div.main-box hr { border:none; border-bottom:1px solid #B7B8B5; background:none; margin:15px 0; display:block; } div.main-box-title { background:#666; border-bottom:1px solid #40413C; color:#FFF; font-size:13px; font-weight:bold; line-height:27px; text-indent:6px; text-align:left; } p.info { text-align:left; margin:0 0 10px 0;} p.info a { color:#4655CB !important; text-decoration:underline; } ul.box-list { overflow:hidden; height:1%; padding:0 0 /*6px*/ 16px 20px; text-align:left; } ul.box-list li { background:url(../images/bullet-box-list.gif) no-repeat 0 8px; float:left; line-height:25px; padding:0 0 0 26px; text-align:left; width:180px; } ul.box-list li.button { background:none; } ul.box-list-full { overflow:hidden; height:1%; padding:6px 0 6px 20px; text-align:left; margin:0 0 8px 0; } ul.box-list-full li { background:url(../images/bullet-box-list.gif) no-repeat 0 5px; display:block; line-height:18px; padding:0 0 0 26px; text-align:left; } /* Location Links and Forms */ a.location-link { float:left; padding:0 0 0 10px; } #state, #region { position:relative; width:330px; float:left;} #state select, #region select { width:100% !important; } #state .width-50, #region .width-50 { width:50% !important; } .region-state-modal { width:211px !important; } #state .select-modal, #region .select-modal { width:60% !important; } .td-clear { float:none !important; width:auto !important; } /* Buttons */ a.subscribe { background:url(../images/bt-subscribe.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; outline:none; } a.unsubscribe { background:url(../images/bt-unsubscribe.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; outline:none; } div.bottom-form { background:#FFF; float:right; height:28px; margin:23px 0 0 0; width:258px; padding:10px 14px 0 14px; /* IE 6 FIX */ _margin:23px 0 -12px 0; } div.bottom-form-package { overflow:hidden; } div.bottom-form-package a, div.bottom-form-package input { display:inline; } div.bottom-form-onebutton { background:#FFF; float:right; height:28px; margin:23px 0 0 0; width:125px; padding:10px 14px 0 14px;} div.bottom-form-threebuttons { background:#FFF; float:right; height:28px; margin:23px -12px -12px 0; width:383px; padding:10px 14px 0 14px;} div.bottom-form-thickbox { position:absolute; bottom:0; right:0; float:none; margin:0; } input.submit { background:url(../images/bt-submit.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; letter-spacing:2000px; width:121px; float:left; outline:none; border:none; cursor:pointer; } input.buy { background:url(../images/bt-buy.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; letter-spacing:2000px; width:121px; float:left; outline:none; border:none; cursor:pointer; } a.clear-form { background:url(../images/bt-clear-form.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; outline:none; } input.cancel-form { background:url(../images/bt-cancel.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; } input.back { background:url(../images/bt-back.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; } input.save { background:url(http://packaging-int.com/members/images/bt-save.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; } input.save-update { background:url(../images/bt-save-update.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:left; letter-spacing:2000px; outline:none; border:none; cursor:pointer; margin:0 10px 0 0; } input.save-close { background:url(../images/bt-save-close.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:left; letter-spacing:2000px; outline:none; border:none; cursor:pointer; } input.next { background:url(../images/bt-next.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; /* IE 6 FIX */ _margin:0 10px 0 0; } input.previous { background:url(../images/bt-previous.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; } input.pay-by-paypal { background:url(../images/bt-pay-by-paypal.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; position:absolute; bottom:51px; right:174px; } input.pay-by-credit-card { background:url(../images/bt-pay-by-credit-card.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; } input.pay-by-invoice { background:url(../images/bt-pay-by-invoice.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; margin:0 0 0 15px; font-size:0; } input.complete-the-process { background:url(../images/bt-gray.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; position:absolute; bottom:51px; right:174px; } input.choose-video-file { background:url(../images/bt-choose-video-file.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:left; letter-spacing:2000px; outline:none; border:none; cursor:pointer; } input.upload { background:url(../images/bt-upload.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; } input.submit-video { background:url(../images/bt-submit.gif) no-repeat 0 0; display:block; height:22px; text-indent:-9000px; width:121px; float:right; letter-spacing:2000px; outline:none; border:none; cursor:pointer; } input.continue-login { background:url(../images/bt-continue-login.gif) no-repeat 0 0; display:block; float:left; height:22px; text-indent:-9000px; width:81px; letter-spacing:2000px; outline:none; border:none; cursor:pointer; } input.cancel-login { background:url(../images/bt-cancel-login.gif) no-repeat 0 0; display:block; float:left; height:22px; text-indent:-9000px; width:81px; letter-spacing:2000px; outline:none; border:none; cursor:pointer; margin:0 0 0 10px; } /* Box */ div.main-box-sec { background:#656565; padding:6px; margin:0 0 12px 0; overflow:hidden; height:1%; } div.main-box-sec-form { background:#CECECE; padding:0; } div.main-box-sec-title { background:#000; color:#FFF; font:bold 14px/27px "Trebuchet MS", Arial, Helvetica, sans-serif; height:1%; overflow:hidden; text-indent:6px; text-align:left; } div.main-box-sec-title p.level { color:#FFF; float:left; font-size:10px; height:1%; overflow:hidden; margin:0; } div.main-box-sec-title p.level span { font-size:14px; font-weight:bold; padding:0; } div.main-box-sec-title span { font-size:11px; font-weight:normal; padding:0 0 0 240px;} div.main-box-sec-title a.info-button { background:url(../images/bg-info-button.gif) repeat-x 0 0; color:#FFF; display:block; font:bold 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif; float:right; margin:6px 5px 0 0; padding:2px 10px 3px 10px; text-indent:0; text-transform:uppercase; } div.main-box-sec-title-2 { background:#000; color:#FFF; font:normal 12px/27px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 7px; text-align:left; position:relative; height:27px; } div.main-box-sec-title-2 ul.pag { list-style:none; position:absolute; height:27px; top:0; right:0; padding:0; margin:0; } div.main-box-sec-title-2 ul.pag-numbers { right:0; } div.main-box-sec-title-2 ul.pag li { float:left; font-size:10px; line-height:27px; padding:0; } div.main-box-sec-title-2 ul.pag li a { color:#FFF; padding:2px; margin:0 5px 0 0 !important; } div.main-box-sec-title-2 ul.pag li a.number { background:#5D5E5E; color:#FFF; } div.main-box-sec-title-2 ul.pag li a.number:hover, div.main-box-sec-title-2 ul.pag li a.active { background:#0571C4; text-decoration:none; } div.main-box-sec div.dark-box { background:#515151; border:1px solid #ABABAB; margin:6px 0 0 0; padding:8px 8px 8px 8px; height:1%; overflow:hidden; min-height:57px; text-align:left; position:relative; } div.main-box-sec div.dark-box a:link, div.main-box-sec div.dark-box a:active, div.main-box-sec div.dark-box a:visited, div.main-box-sec div.dark-box a:hover { color:#FFF !important; } div.main-box-sec div.dark-box p { color:#E0E0E0; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 58px; } div.main-box-sec div.dark-box p span { color:#FFF; font-size:12px; font-weight:bold; } div.main-box-sec div.dark-box p.tips { padding:0 0 0 70px; } div.main-box-sec div.dark-box img.icon { float:left; margin:7px 0 0 4px; } div.main-box-sec div.dark-box div.info { float:right; height:48px; padding:8px 0 0 60px; width:110px; } div.main-box-sec div.dark-box div.info p { color:#FFF; font-size:12px; font-weight:bold; line-height:21px; padding:0; text-align:center; } div.main-box-sec a.read { color:#FFF; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; float:right; padding:5px 0 2px 0; text-decoration:underline; } div.main-box-sec div.dark-box img.coming-soon { position:absolute; bottom:0; left:8px; } div.main-box-sec div.tip-box { background:#515151 url(../images/icon-tips.gif) no-repeat 15px 18px; margin:0; } /* IE 6 FIX */ * html div.main-box-sec div.tip-box { height:57px; overflow:visible; } div.main-box-sec div.step-one { background:#515151 url(../images/step-1.gif) no-repeat 14px 18px; margin:0; } div.main-box-sec div.step-one-ok { background:#515151 url(../images/step-1-ok.gif) no-repeat 14px 18px; margin:0; } div.main-box-sec div.step-two { background:#515151 url(../images/step-2.gif) no-repeat 14px 18px; } div.main-box-sec div.step-two-ok { background:#515151 url(../images/step-2-ok.gif) no-repeat 14px 18px; } div.main-box-sec div.step-three { background:#515151 url(../images/step-3.gif) no-repeat 14px 18px; } div.main-box-sec div.step-three-ok { background:#515151 url(../images/step-3-ok.gif) no-repeat 14px 18px; } a.icon-traffic { background:url(../images/icon-traffic.gif) no-repeat 11px 10px; color:#FFF; display:block; float:left; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; height:44px; padding:16px 2px 0 68px; width:75px; } a.icon-email { background:url(../images/icon-email.gif) no-repeat 6px 10px; color:#FFF; display:block; float:left; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; height:44px; padding:16px 14px 0 65px; width:95px; } a.icon-payment { background:url(../images/icon-payment.gif) no-repeat 6px 16px; color:#FFF; display:block; float:left; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; height:44px; padding:16px 4px 0 64px; width:65px; } a.icon-help { background:url(../images/icon-help.gif) no-repeat 16px 10px; color:#FFF; display:block; float:left; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; height:44px; padding:16px 0 0 70px; width:60px; } /* Statistics - Chart */ div.chart { padding:20px 0 20px 0; background:#FFF; } div.chart img { margin:0 0 0 295px; } div.chart-large { padding-left:40px; } div.chart-large img { margin:0 0 0 410px; } ul.chart-button { width:171px; height:35px; margin:0 auto 20px auto; background:url(../images/bg-stats-button-holder.gif) no-repeat 0 0; padding:6px 0 0 9px; overflow:hidden;} ul.chart-button li { float:left; margin:0 6px 0 0;} ul.chart-button li a { background:url(../images/bg-stats-button-save-cancel.gif) repeat-x 0 0; display:block; width:78px; height:26px; font:normal 11px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-align:center; } table.chart-table { text-align:center; width:100%; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; } table.chart-table tr { background: url(../images/bg-light-blue-opacity-60.png) repeat; } table.chart-table tr.title { font-weight:bold; } table.chart-table tr.diff { background:url(../images/bg-dark-blue-opacity-60.png) repeat; } table.chart-table tr td { padding:5px; } table.chart-table tr td.left { text-align:left; border-right:1px solid #FFF; width:100%; } table.chart-table tr td.middle { border-right:1px solid #FFF; width:20%; } /* Video */ div.main-box-video-holder { font-size:12px; overflow:hidden; padding:5px 0 30px 0; text-align:left; } div.main-box-video-holder span.file-name { float:left; font-weight:bold; line-height:22px; padding:0 0 0 10px; } div.main-box-video-holder select { float:left; width:170px; } div.main-box-video-holder p { margin:0 0 2px 0 !important; } div.main-box-video-form { font-size:12px; text-align:left; height:180px; position:relative; } div.main-box-video-form p { display:block; margin:0 0 2px 0; } div.main-box-video-form p.top-space { margin:10px 0 0 0;} div.main-box-video-form input, div.main-box-video-form textarea { font-size:11px; padding:2px; width:100%; } div.main-box-video-form textarea { font-size:11px !important; height:110px; position:absolute; bottom:0; } div.main-box-video-form-left { float:left; width:350px; } div.main-box-video-form-right { float:right; width:250px; } div.main-box-video-form-right textarea { width:247px; } input.input-status { background:none; border:none; margin:0; } input.embed { width:350px; } #embed_code { font-size:11px; width:350px; } div.status-holder { padding:15px 0 ; } div.main-box-video-choose { background:url(../images/bg-main-box-video-choose.gif) repeat-y center; height:1%; margin:0; overflow:hidden; } div.main-box-video-choose div { float:left; padding:0 20px; text-align:center; width:268px; } div.main-box-video-choose div img { margin:0 auto; } div.main-box-video-choose div a { display:block; height:22px; margin:19px auto; text-indent:-9999px; width:121px; } div.main-box-video-choose div a.upload-video-file { background:url(../images/bt-upload-video-file.gif) no-repeat 0 0; } div.main-box-video-choose div a.add-an-embed-tag { background:url(../images/bt-add-an-embed-tag.gif) no-repeat 0 0; } /* Subscriber */ div.subscriber-box { background:#FFF; border:7px solid #000; padding:10px 10px 20px 36px; text-align:left; position:relative; width:557px; } div.subscriber-box-business { border-bottom:none; } div.subscriber-box-job { border-top:none; } div.subscriber-box hr { position:absolute; top:-12px; left:40px; width:515px; background:none; border:none; border-bottom:1px solid #001375; } div.subscriber-box img { position:absolute; top:-7px; left:-7px; } div.subscriber-box p.description { color:#001375; font-size:12px; text-decoration:underline; padding:0 0 0 4px; } div.subscriber-box ul { overflow:hidden; height:1%; } div.subscriber-box ul li { padding:0 0 3px 0;/*0*/ margin:0; clear:none; float:left; font-size:12px; width:49%; } /* Email Enquiries /////////////////////////////////////////////////////*/ table.standard-email-enquiries {width: 100%; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6A6A6A; margin: 10px 0 0 0; clear: left; background:#FFF; border:none;} table.standard-email-enquiries th { font: bold 11px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; text-align:left; white-space: nowrap; padding: 0 5px 0 5px; background-color: #000;} table.standard-email-enquiries tr { background:none; } table.standard-email-enquiries td { padding:4px; color:#4D4D4D; background:#EEE; border-top:none; border-right:none; border-left:none; text-align: left;} table.standard-email-enquiries tr td.icons { width:85px; text-align:right; } table.standard-email-enquiries tr.dark td { background:#E0E0E0; } table.standard-email-enquiries td table {margin: 0 auto 0 auto;} table.standard-email-enquiries td table td, table.standard-email-enquiries td table th {border: 0;} /* Signup Form */ div.signup-form table.standard-table, div.signup-form table.addBannerTable {width: 100%; margin: 0 ;} div.signup-form table.standard-table td { background: #CECECE;} div.signup-form table.standard-table a {color: #4655CB;} div.signup-form table.standard-table th input, div.signup-form table.standard-table td input, div.signup-form table.standard-table select, div.signup-form table.standard-table textarea {width: 98%; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; padding: 3px; border: 1px solid #909090; border-bottom: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD;} div.signup-form table.standard-table select { width:60%; } div.signup-form table.standard-table a.Add {margin-left:20px;} /* STRUCTURE FRONT > CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.header {position: relative;} div.wrapper div.footer ul.navFooter {width:auto;} div.wrapper div.footer ul.navFooter li { color:#FFF;} /* MEMBERS STRUCTURE > MISC /////////////////////////////////////////////////////*/ ul.standardStep { width: auto;} div.wrapper div.content blockquote.middleContentExtended ul.standardStep {background:#9D9A95 url(http://packaging-int.com/images/design/bg_steps2.gif) no-repeat 0 0; padding:10px 0 20px 0; margin:0;} ul.standardButton { width: auto; text-align:center;} ul.standardButton li { display:inline; } ul.standardButton li input, ul.standardButton li a:link, ul.standardButton li a:active, ul.standardButton li a:visited, ul.standardButton li a:hover { background:url(../../images/structure/bt-subscribe-newsletter.gif) repeat-x 0 0; border:1px solid #CCC; color:#4655CB; cursor:pointer; display:block; font-size:13px; margin:14px auto; padding:4px 20px; } a.standardLINK:link, a.standardLINK:visited, a.standardLINK:active, a.standardLINK:hover {font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; padding: 15px; display: block;} a.standardLINK:hover {text-decoration: underline; color: #000;} table.signupNextStep {font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 auto 0 auto;} table.signupNextStep th, table.signupNextStep td {padding: 10px;} table.signupNextStep th {padding-right: 0;} table.signupNextStep a:link, table.signupNextStep a:active, table.signupNextStep a:visited, table.signupNextStep a:hover {color: #666;} a.standard-link:link, a.standard-link:active, a.standard-link:visited, a.standard-link:hover {font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4655CB;} a.standard-link:hover {text-decoration:underline; color:#000;} /* MEMBERS STRUCTURE > HEADER NAVBAR /////////////////////////////////////////////////////*/ ul.headerNav, ul.headerNav * {margin: 0; padding: 0; list-style: none;} ul.headerNav { position: absolute; bottom: 0px; right: 10px; width:85px;} ul.headerNav li{ font: normal 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;} ul.headerNav li.welcome {float:none; display:block; text-align:right; line-height:30px;} ul.headerNav li a:link, ul.headerNav li a:active, ul.headerNav li a:visited, ul.headerNav li a:hover {font: normal 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; height:23px; display: inline; padding:0 1px;} ul.headerNav li.expanded a:link, ul.headerNav li.expanded a:active, ul.headerNav li.expanded a:visited, ul.headerNav li.expanded a:hover {width:125px; background: url(http://packaging-int.com/images/dark_theme/bg-tab-expanded.gif) no-repeat 0 0;} /*ul.headerNav li a:hover*/ ul.headerNav li.active a:link, ul.headerNav li.active a:active, ul.headerNav li.active a:visited, ul.headerNav li.active a:hover {background-position:0 -23px !important;} /* MEMBERS STRUCTURE > CONTENT NAVBAR /////////////////////////////////////////////////////*/ ul.content-navbar { background: url(../images/bg-content-navbar.gif) no-repeat 0 0; display:block; height:56px; padding:0 0 0 6px; } ul.content-navbar li { color:#FFF; display:block; float:left; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:28px; position:relative; } ul.content-navbar li a { color:#FFF; display:block; float:left; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:28px; padding:0 11px; } ul.content-navbar li ul { background:#55564E url(../images/bg-subnavbar.gif) repeat-x 0 0; border:1px solid #4E4F49; border-top:none; color:#FFF; display:block; left:0; position:absolute; text-align:left; top:28px; width:180px; z-index:1000 !important; display:none; } ul.content-navbar li ul li { display:block; width:100% } ul.content-navbar li ul li a { background:none; display:inline; float:none; padding:0 6px; } /* News */ ul.content-navbar-news li a { padding:0 7px; } /* MEMBERS STRUCTURE > TABLE LOGIN /////////////////////////////////////////////////////*/ table.table-login {font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin: 0 auto 0 auto; border: 5px solid #F4F4F4; background:#FFF} table.table-login th, table.table-login td {padding: 10px 10px 0 10px;} table.table-login td {padding-left: 0;} table.table-login th {text-align: right;} table.table-login input {padding: 2px; color: #222; background: #EEE; border: 1px solid #999; border-bottom: 0; border-right: 0;} table.table-login ul.standardButton {padding-left: 0; padding-bottom: 10px;} table.table-login ul.standardButton li {float: right;} table.table-login ul.standardButton li input {background: #355416 url("http://packaging-int.com/images/design/bg_businessButton.gif") 0 0 repeat-x; border: 0;} table.table-login table {margin: 0 0 0 auto; border: 0;} table.table-login table th {font-weight: normal; color: #666;} table.table-login table input {border: 0; background: #FFF;} /* MEMBERS STRUCTURE > CONTENT STRUCTURE /////////////////////////////////////////////////////*/ blockquote.middleContentExtended h2.headerStandardTitle {font: normal 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; color: #666; margin: 4px -12px 4px -12px; background: url(../../images/iconograph/back-end/bullet-blue.gif) 0 4px no-repeat; background:#D2D2D0; text-indent:7px;} p.warning { background:#FFFFDD; border:1px solid #F6F6B7; color:#666; margin:10px 0; padding:10px; } p.warning-login { background:#333; border:1px solid #555; color:#CCC; float:left; font-size:11px; padding:4px !important; margin:-10px 5px 5px 5px !important; width:258px; } .warning a:link, .warning a:active, .warning a:visited, .warning a:hover {color: #CC0000; font-weight: bold;} blockquote.middleContentExtended p a:hover {color: #950000; text-decoration: underline;} blockquote.middleContentExtended a.linkLogin:link, blockquote.middleContentExtended a.linkLogin:active, blockquote.middleContentExtended a.linkLogin:visited, blockquote.middleContentExtended a.linkLogin:hover {font-weight: bold; color: #558624; text-decoration: none;} blockquote.middleContentExtended a.linkLogin:hover {color: #3F631B; text-decoration: underline;} /* MEMBERS STRUCTURE > LEVEL TABLE /////////////////////////////////////////////////////*/ table.levelTable {width: 95%; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 auto 10px auto; border-collapse: collapse; border: 0;} table.levelTable td, table.levelTable th {vertical-align: top; border: 1px solid #F4F4F4;} /* MEMBERS STRUCTURE > LEVEL TABLE > TABLE OPTION */ table.levelTable th.tableOption {background: #EAF4DF; text-align: left; padding-left: 10px; border: 1px solid #E0EFCF; border-top: 5px solid #E0EFCF;} table.levelTable th.tableOption a:link, table.levelTable th.tableOption a:active, table.levelTable th.tableOption a:visited, table.levelTable th.tableOption a:hover {font: normal 10px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #496F24; text-decoration: none; padding-left: 20px; background: url("../../images/iconograph/back-end/icon-edit.gif") 0 0 no-repeat;} table.levelTable th.tableOption a:hover {color: #B01212; text-decoration: underline;} table.levelTable th.levelTitle {width: 450px; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 30px; color: #FFF; text-align: left; padding: 0 0 0 10px; background: #7DB83D; border: 1px solid #7DB83D;} table.levelTable th.levelTitle a:link, table.levelTable th.levelTitle a:active, table.levelTable th.levelTitle a:visited, table.levelTable th.levelTitle a:hover {font-size:11px; color:#FFF; text-decoration:none;} table.levelTable th.levelTitle a:hover {text-decoration:underline;} table.levelTable td.levelTopdetail {font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; color: #FFF; padding: 0 10px 0 5px; background: #679933; border:1px solid #679933;} /* USER LOGIN */ table.levelTable td.levelPrice {background: #F2F2F2;} table.levelTable td.levelPrice table { width: 95%; text-align: left; margin: 8px auto 8px auto; background: none;} table.levelTable td.levelPrice table td, table.levelTable td.levelPrice table th {padding: 5px; border: 0;} table.levelTable td.levelPrice table th {color: #000; text-align: right;} table.levelTable td.levelPrice table td.warning {text-align: left;} table.levelTable td.levelPrice table td strong {color: #79AD2E;} table.levelTable {background:#FFF} table.levelTable td.orderUserTable table th.radioChooseLevel {text-align: center; vertical-align: middle; padding: 0 0 0 5px; border-right: 0; border: 0;} /* ORDER PAGE > CHOOSE LEVEL /////////////////////////////////////////////////////*/ table.standardChooseLevel {width: 97%; margin: 7px auto 7px auto; text-align: left; } table.standardChooseLevel th, table.standardChooseLevel td {font: normal 11px/16pt "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; text-align: right; vertical-align: middle; padding: 2px; white-space: nowrap; background: none; border:none !important; voice-family: "\"}\""; voice-family:inherit; padding: 2px;} html>body table.standardChooseLevel th, table.standardChooseLevel td {padding: 5px;} table.standardChooseLevel th {font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; voice-family: "\"}\""; voice-family:inherit; padding: 0 10px 0 150px;} html>body table.standardChooseLevel th {padding: 0 10px 0 150px;} table.standardChooseLevel td {width: 100%; text-align: left;} table.standardChooseLevel th.radioChooseLevel {text-align: center; padding: 0 5px 0 5px; border-right: 0;} /* MEMBER STRUCTURE > GALLERY FRONT /////////////////////////////////////////////////////*/ div.galleryDetailHolderFront { background:#FFF; overflow:hidden; height:1%; padding:0 0 11px 11px; margin:10px 0 0 0; text-align:center; } /* IE 6 FIX */ * html div.galleryDetailHolderFront { padding:11px 0 11px 11px; } div.galleryDetailFront { float:left; margin:10px 8px 0 0; padding:4px 4px 0 4px; width:151px; height:196px; position:relative; background:#EEE; border:1px solid #E8E8E8; } /* IE 6 FIX */ * html div.galleryDetailFront { margin:0 6px 10px 0; } div.galleryDetailFront a { padding:0; margin:0; display:block; text-decoration:none; color:#FFF !important; } div.galleryDetailFront div.links { background:#EEE; text-align:left; padding:4px 0 0 4px; position:absolute; bottom:0; left:0; width:152px; } div.galleryDetailFront div.links a { display:block; float:left; padding:0 2px } div.galleryDetailFront div.links p { background:none; float:right; } div.galleryDetailFront div.links p a:link, div.galleryDetailFront div.links p a:visited, div.galleryDetailFront div.links p a:active { color:#333 !important; display:block; padding:4px 10px 0 0; } div.galleryDetailFront div.links p a:hover { color:#111 !important; text-decoration:none; } div.galleryDetailFront p { line-height:22px; padding:0 0 0 4px; text-align:left; background:#666; margin:-5px -5px 4px -5px; display:block; } div.galleryDetailFront p a { color:#FFF; } /* MEMBER STRUCTURE > GALLERY DETAIL - IMAGES /////////////////////////////////////////////////////*/ div.galleryDetailThumb { float:left; width:162px; margin:10px 0 0 0; background:#FFF; padding:0 0 10px 0; text-align:center; } div.galleryDetailThumb img { margin:10px 0 0 0; } div.galleryDetailHolder { background:#FFF; overflow:hidden; height:1%; padding:0 0 6px 0; margin:10px 0 0 0; text-align:center; width:686px; float:right; } div.galleryDetail { float:left; margin:8px 0 0 8px; padding:10px 4px 0 4px; width:151px; background:#EEE; border:1px solid #E8E8E8; } /* IE 6 FIX */ * html div.galleryDetail { margin:8px 0 0 6px; } div.galleryDetail a { padding:0; margin:0; display:block; text-decoration:none; } div.galleryDetail a:hover { color:#666; } div.galleryDetail p { color:#666; padding:4px 0 4px 8px; margin:0; text-align:left; } /* MEMBERS STRUCTURE > GENERAL ITEM - OLD CODE /////////////////////////////////////////////////////*/ .general-item /* This code is used on promotions page too */ {text-align: left; color: #737373; margin: 10px 10px 20px 20px; padding: 10px; background: #FFF;} .general-item li {font: 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0; margin: 0; list-style: none;} .general-item strong {color: #0054A8;} .general-item li.general-highlight {font: bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #0054A8; list-style: none;} .general-item a, .general-item a:visited, .general-item a:active, .general-item a:link, .general-item a:hover {text-decoration: none; font-weight: bold; color: #3B4B5B;} .general-item a:hover {color: #5A738B;} .general-item a.sublink-front-navbar, .general-item a.sublink-front-navbar:visited, .general-item a.sublink-front-navbar:active, .general-item a.sublink-front-navbar:link, .general-item a.sublink-front-navbar:hover {font-weight: normal; color: #3B4B5B; text-decoration: none;} .general-item a.sublink-front-navbar:hover {color: #000; background: #FFF;} /* MEMBERS STRUCTURE > STANDARD TABLE - OLD CODE /////////////////////////////////////////////////////*/ table.standard-table, table.addBannerTable {width: 100%; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #222; margin: 0; border-collapse: collapse;} table.standard-table td, table.standard-table th {vertical-align: middle; padding: 10px; background: #FFF; /*border: 1px solid #FBFBFB; border-bottom: 1px solid #EEE;*/ border: 0; width:160px;} table.standard-table th {font-weight: normal; text-align: right; white-space: nowrap; vertical-align: top; color: #333; padding-top:12px;} table.standard-table th.imageAlign {text-align:center; } table.standard-table th.imageSpace img {border: 1px solid #E9E9E9; padding: 2px;} table.standard-table div.imageSpace img {border: 1px solid #DDD; padding: 2px;} table.standard-table div.imageSpace {margin-top:10px;} table.standard-table td {width: 675px; text-align: left; background: #CECECE;} table.standard-table .cell-spacer { border-top:20px solid #E9E9E9;} /* MEMBERS STRUCTURE > STANDARD TABLE - TABLE OPTION */ table.standard-table th.tableOption {background: #6D6F69; text-align: left; padding:0 0 0 7px; } table.standard-table th.tableOption a:link, table.standard-table th.tableOption a:active, table.standard-table th.tableOption a:visited, table.standard-table th.tableOption a:hover {font: normal 11px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding-left: 20px; background: url("../../images/iconograph/back-end/icon-edit.gif") 0 0 no-repeat;} table.standard-table th.tableOption a:hover {color: #CCC; text-decoration: underline;} /* TABLE INSIDE TABLE */ table.standard-table td.standard-tableContent {width: auto; text-align: left; border: 0;} table.standard-table td.standard-tableContent table, table.standard-table td.standard-tableContent td, table.standard-table td.standard-tableContent th,{ width: auto; margin: 0 auto 0 0; background: none; border: 0;} table.standard-table td.warning {width: auto; text-align: left; background: #FFEAEA; border: 1px solid #FFDFDF; margin:10px;} table.standard-table th.standard-tabletitle, table.addBannerTable th.standard-tabletitle {width: auto; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; color: #FFF; background:#000; border: 0; padding:6px 0 6px 8px;} table.standard-table th span {font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #888;} table.standard-table td span {font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; color: #666; padding: 5px 0 0 0;} table.standard-table td.alignTop, table.standard-table th.alignTop {vertical-align:top;} /* LINK */ table.standard-table a:link, table.standard-table a:active, table.standard-table a:visited, table.standard-table a:hover {color: #4655CB;} table.standard-table a:hover {color: #000; text-decoration: underline;} table.standard-table a.Add {margin-left:20px;} table.standard-table th input, table.standard-table td input, table.standard-table select, table.standard-table textarea {width: 99%; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; padding: 2px; border: 1px solid #909090; border-bottom: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD;} table.standard-table td input.categories {width:20px;} table.standard-table td input.inputExplode {width: 496px;} table.standard-table td input.Zipcode {width: 80px;} table.standard-table th input, table.standard-table input.inputRadio, table.standard-table input.inputCheck {width: auto;} table.standard-table input.inputRadio, table.standard-table input.inputCheck {border: 0;} table.standard-table input.inputAlign {width:auto; border:0; width:25px; height:15px; vertical-align:middle;} table.standard-table select {width: 50%;} table.standard-table select.full-width { width:100%; } table.standard-table select.salary-width { width:286px; } table.standard-table table {margin: 0 auto 0 auto;} table.standard-table td.standard-tablenote { width: auto; background: #FFF; } table.standard-table td.standard-tablenote * {margin: 0; padding: 0;} table.standard-table td.standard-tablenote ul {margin-left: 20px;} /* FORM ADD BANNER */ table.standard-table tr td div.inputBannerRadio { width:120px !important; float:left; margin:0; padding:0; text-align:left; } table.standard-table tr td div.inputBannerRadio input { margin:0 0 4px 0; padding:0; } .standard-table .input-button-form { background:#3B6E9F; border:1px solid #254463; color:#FFF; cursor:pointer; width:72px; } /* SPECIAL PARAGRAPH */ blockquote.middleContentExtended p.descriptionText {font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left;} /* 'ASK THE EXPERT' TABLE */ table.table-expert {margin-top:15px;} table.table-expert tr th, table.table-expert tr td {background:#FFF; vertical-align:top; font:normal 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;} table.table-expert tr th {font-weight:bold;} table.table-expert tr td, table.table-expert tr td input, table.table-expert tr td select {width:210px;} table.table-expert tr td textarea {height:70px;} table.table-expert tr td input.buttonForm {width: 71px; height: 30px; font: bold 10px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-align: center; text-transform: capitalize; cursor: pointer; display: block; margin: 15px 0 0 0; padding:0; background: #375618 url("http://packaging-int.com/images/design/bg_businessButton.gif") 0 0 repeat-x; border: 0;} table.table-expert tr td.extendedField {width:auto;} /* CATEGORY BOX USED FOR 'ASK THE EXPERT' BOX */ div.chooseOptions-help-top { color:#FFF; background: url(../images/bg-banner-level.jpg) repeat-x 0 0; border:1px solid #666; width:284px; height:115px; padding:10px; float:left; margin:0 0 0 20px; } div.chooseOptions-help-bottom { color:#FFF; background: url(../images/bg-banner-level.jpg) repeat-x 0 0; border:1px solid #666; width:284px; height:115px; padding:10px; float:left; margin:0 0 0 20px; } div.chooseOptions { background:#FFF; border:1px solid #999; width:284px; height:135px; overflow:hidden !important; float:left; } div.chooseOptions ul { list-style:none; width:284px; height:135px; overflow-x:hidden !important; overflow-y:scroll !important; } div.chooseOptions ul li { padding:0; margin:0; display:block; width:100%;} div.chooseOptions ul li a:link, div.chooseOptions ul li a:active, div.chooseOptions ul li a:visited, div.chooseOptions ul li a:hover { display:block; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#343434; padding-left:5px;} div.chooseOptions ul li a:hover, div.chooseOptions ul li.selected a:link, div.chooseOptions ul li.selected a:active, div.chooseOptions ul li.selected a:visited, div.chooseOptions ul li.selected a:hover { background:#CCC; color:#333; text-decoration:none; } div.chooseOptions ul li span { position:absolute; top:3px; right:0px; z-index:999;} /* FORM ABOUT EXPERT'S CATEGORY */ blockquote.middleContentExtended form.formExpertCategory {margin:15px 10px 0 10px; padding:15px 0 0 0; border-top:1px solid #DCE7BA; clear:both;} blockquote.middleContentExtended form.formExpertCategory table.table-expert {margin:0; width:100%;} blockquote.middleContentExtended form.formExpertCategory h2, blockquote.middleContentExtended form.formExpertCategory p {margin-left:10px;} blockquote.middleContentExtended form.formExpertCategory h2 {font:normal 18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-align:left; padding:0 0 10px 0;} /* TREE VIEW */ table.standard-table td.treeView {width: auto;} table.standard-table td.treeView span, table.standard-table td.treeView div.treeviewMainMenu_divNodes2 span { color: #097D02; text-decoration: underline; display: inline;} table.standard-table td.treeView div.treeviewLoadingMessage, table.standard-table td.treeView div.treeviewMainMenu {display: block; background: #FFF; background: #FFF; border: 1px solid #E6EEF7;} table.standard-table td.treeView table.tableCategoriesADDED {width: 100%; text-align: center;} table.tableCategoriesADDED th.alignLeft {text-align:left;} table.standard-table td.treeView table.tableCategoriesADDED td.tableCategoriesBUTTONS { width: auto; text-align: center;} table.standard-table td.treeView table.tableCategoriesADDED input {width: 180px; color: #000; height: 30px; line-height: 25px;cursor: pointer; background: #999; border: 0;} table.standard-table td.treeView table.tableCategoriesADDED td.tableCategoriesCONTENT { width: auto; text-align: center; border: 0;} table.standard-table td.treeView table.tableCategoriesADDED td.tableCategoriesCONTENT textarea {width: 100%;} /* MEMBERS STRUCTURE > ICON DESCRIPTION - OLD CODE /////////////////////////////////////////////////////*/ .standard-iconDESCRIPTION {font: normal 10px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 5px 0 5px 0; margin: 0; border: 0;} .standard-iconDESCRIPTION li {display: inline; padding: 2px 0 2px 20px; margin: 0 0 0 5px; border: 0;} /* MEMBERS STRUCTURE > ICON DESCRIPTION IMAGE - OLD CODE /////////////////////////////////////////////////////*/ .standard-iconDESCRIPTION li.view-icon {background: url("../../images/iconograph/back-end/icon-view.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.print-icon {background: url("../../images/iconograph/back-end/icon-print.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.edit-icon {background: url("../../images/iconograph/back-end/icon-edit.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.delete-icon {background: url("../../images/iconograph/back-end/icon-delete.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.gallery-icon {background: url("../../images/iconograph/back-end/icon-gallery.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.file-icon {background: url("../../images/iconograph/back-end/icon-attachment.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.traffic-icon {background: url("../../images/iconograph/back-end/icon-statistics.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.promotion-icon {background: url("http://packaging-int.com/images/icon_promo.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.transaction-icon {display: none; background: url("http://packaging-int.com/images/iconograph/back-end/icon_coin.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.rating-icon {background: url("http://packaging-int.com/images/star_small.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.pending-icon {background: url("../../images/iconograph/back-end/icon-approve.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.approved-icon {background: url("../../images/iconograph/back-end/icon-approve-off.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.claimapprove-icon {background: url("http://packaging-int.com/images/icon_claimapprove.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.claimdeny-icon {background: url("http://packaging-int.com/images/icon_claimdeny.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.moreinfo-icon {background: url("http://packaging-int.com/images/icon_eye.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.thumbnails-icon {background: url("../../images/iconograph/back-end/icon-thumb.gif") no-repeat 0 50%;} .standard-iconDESCRIPTION li.seo-icon {background: url("../../images/iconograph/back-end/icon-seo.gif") no-repeat 0 50%;} /* MEMBERS STRUCTURE > NEXT PREV NAVBAR /////////////////////////////////////////////////////*/ ul.seo-navbar { display:block; margin:0 0 10px 0; text-align:center; } ul.seo-navbar li { display:inline; padding:0 5px; } /* MEMBERS STRUCTURE > TABLE TOP BLUE - OLD CODE /////////////////////////////////////////////////////*/ table.standard-tableTOPBLUE {width: 100%; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6A6A6A; margin: 10px 0 0 0; clear: left; background:#FFF; border:none;} table.standard-tableTOPBLUE th { font: bold 11px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; text-align:left; white-space: nowrap; padding: 0 5px 0 5px; background-color: #000;} table.standard-tableTOPBLUE tr { background:none; } table.standard-tableTOPBLUE td { padding:14px 4px; color:#4D4D4D; border-bottom:1px solid #CCC; border-top:none; border-right:none; border-left:none; text-align: left;} table.standard-tableTOPBLUE td table {margin: 0 auto 0 auto;} table.standard-tableTOPBLUE td table td, table.standard-tableTOPBLUE td table th {border: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck {text-align: left; padding: 0; background: #FFF; border: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck table {margin: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck * { width: auto; text-align: left; background: #FFF; border: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck a, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:link, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:active, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:visited, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:hover {cursor:pointer;} table.standard-tableTOPBLUE a:link, table.standard-tableTOPBLUE a:active, table.standard-tableTOPBLUE a:visited, table.standard-tableTOPBLUE a:hover {color: #000;} .status-active {color: #587F51;} .status-deactive {color: #647C84;} .status-expired {color: #EF413D;} .status-pending {color: #990000;} table.standard-tableTOPBLUE input { border: 1px solid #D4D4D4; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE;} table.standard-tableTOPBLUE input.inputCheck {width: auto; border: 0;} /* MEMBERS STRUCTURE > TABLE TOP BLUE MEMBERS /////////////////////////////////////////////////////*/ table.standard-tableTOPBLUE-members {width: 100%; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6A6A6A; margin:0; clear: left; background:#CECECE; border:none;} table.standard-tableTOPBLUE-members th { font: bold 11px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; text-align:left; white-space: nowrap; padding: 0 5px 0 5px; background-color: #000;} table.standard-tableTOPBLUE-members tr { background:none; } table.standard-tableTOPBLUE-members td { padding:4px; color:#4D4D4D; border:none; text-align: left;} table.standard-tableTOPBLUE-members td table {margin: 0 auto 0 auto;} table.standard-tableTOPBLUE-members td table td, table.standard-tableTOPBLUE-members td table th {border: 0;} /* MEMBERS STRUCTURE > WARNING BOX - OLD CODE /////////////////////////////////////////////////////*/ table.warningBOX {height: 60px; margin:20px 0 0 0; background: #F6FFF4; border: 1px solid #DADADA;} table.warningBOX th, table.warningBOX td {text-align: center;} table.warningBOX td {padding: 0 5px 0 10px;} table.warningBOX th a.warningBOXcontent:link, table.warningBOX th a.warningBOXcontent:visited, table.warningBOX th a.warningBOXcontent:active, table.warningBOX th a.warningBOXcontent:hover{font: bold 12pt/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; text-decoration: none; padding: 0 15px; float: left; border: 0;} table.warningBOXtext {width: auto; font: normal 8pt/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; text-align: center; background: #FFF; margin: 15px 0 0 0; border: 0;} table.warningBOXtext th, table.warningBOXtext td {width: auto; padding: 2px; background: #FFFF9D;} /* LISTING DETAIL - SLIDESHOW (OLD CODE) /////////////////////////////////////////////////////*/ .slideshow-thumbbase {background-color: #EFF4FA; border: 1px solid #F7F7F7; border-top: 1px solid #E9E9E9;} table.slideshow-thumb { text-align:left; background: #EFF4FA; border:5px solid #E6EEF7; border-collapse:collapse; color:#003F7E; margin-top:5px;} table.slideshow-thumb img { margin: 5px;} table.slideshow-thumb tr td p { margin: 0; padding: 5px; color:#003F7E;} /* MEMBERS STRUCTURE > LIST VIEW - OLD CODE /////////////////////////////////////////////////////*/ .list-view {text-align: left;} .list-view * {margin: 0; padding: 0;} .list-view li { display:inline; padding:0 3px;} .list-view li a:link, .list-view li a:visited, .list-view li a:active, .list-view li a:hover{font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; text-decoration: none;} .list-view li a:hover{ text-decoration: underline;} .list-view li.list-back a:link, .list-view li.list-back a:active, .list-view li.list-back a:visited, .list-view li.list-back a:hover {font-weight: bold; color: #000; text-decoration: none;} .list-view li.list-back a:hover {color: #000;} .list-view li input, table.standard-table ul.list-view li input { width: auto; text-align: left; cursor: pointer; background: none; border: 0;} /* MEMBERS STRUCTURE > LIST VIEW - OLD CODE /////////////////////////////////////////////////////*/ ul.basePrintNavbar {height: 15px; padding: 0; margin: 0;} ul.basePrintNavbar li {list-style: none; float: left;} ul.basePrintNavbar li a:link, ul.basePrintNavbar li a:active, ul.basePrintNavbar li a:visited, ul.basePrintNavbar li a:hover {font: normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; display: block; padding: 0 10px 0 20px; background: url("../../images/iconograph/back-end/icon-print.gif") 0 50% no-repeat; border: 0;} ul.basePrintNavbar li a:hover {text-decoration: underline;} /* MEMBERS STRUCTURE > BANNER OPTIONS /////////////////////////////////////////////////////*/ table.standard-table td a.bannerOptions:link, table.standard-table td a.bannerOptions:active, table.standard-table td a.bannerOptions:visited, table.standard-table td a.bannerOptions:hover {font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; text-decoration: underline; padding-left: 18px; background: url("../../images/iconograph/back-end/icon-edit.gif") 0 0 no-repeat; } table.standard-table td a.bannerOptions:hover {text-decoration:underline; color: #A81717; text-decoration: none;} /* RESULTS PAGE > MISC CLASSES ///////////////////////////////////////////////////// */ p.link_paging {width:355px; margin:-10px 0 0 6px; font: normal 11px Arial, Verdana, Helvetica, sans-serif; color: #143D55;} p.link_paging a:link, p.link_paging a:active, p.link_paging a:visited, p.link_paging a:hover {font: normal 11px Arial, Verdana, Helvetica, sans-serif; color: #143D55; margin:0 2px} p.link_paging a:hover { text-decoration:underline} table.pagingContent, table.pagingContent table { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0 auto 0 auto;} table.pagingContent td {padding: 2px;} table td.paging-letters a:link, table td.paging-letters a:active, table td.paging-letters a:visited, table td.paging-letters a:hover {color: #666; padding: 0 8px 0 0;} table td.paging-letters a:hover {color: #000;} table td.paging-letters a.firstLetter:link, table td.paging-letters a.firstLetter:active, table td.paging-letters a.firstLetter:visited, table td.paging-letters a.firstLetter:hover {color:#EF413D;} table.pagingContent select {width: 50px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666; border: 1px solid #666;} /* MEMBERS STRUCTURE > ARTICLES OPTIONS /////////////////////////////////////////////////////*/ .standard-iconDESCRIPTION li.articleOption {background: url("../../images/iconograph/back-end/icon-edit.gif") no-repeat 0 50%; text-align: left;} .standard-iconDESCRIPTION li.articleOption a:link, .standard-iconDESCRIPTION li.articleOption a:active, .standard-iconDESCRIPTION li.articleOption a:visited, .standard-iconDESCRIPTION li.articleOption a:hover {color: #000;} .div-accounts_search-form-listing-article { height: 130px; width: 640px; margin: 0; overflow-y: scroll; overflow-x:hidden; display:none; background:#CECECE; padding:0; border-left:217px solid #FFF;} /* TOP SUBMENU ///////////////////////////////////////////////////// */ .submenu ul {text-align: left; margin:-12px -12px 0 -12px; padding: 0; background: #CCC; height:26px;} .submenu li {margin:0; display: inline; height:26px; line-height:26px;} .submenu li a:link, .submenu li a:active, .submenu li a:visited, .submenu li a:hover { font: normal 11px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; text-decoration: none; cursor: pointer; border-left:1px solid #999; padding:0 7px; } .submenu li span { color: red;} .submenu li a:hover { text-decoration:underline; } /* DIV EDITOR ///////////////////////////////////////////////////// */ div.div_editor{ padding:0; } /* ADD POPUP */ div.popupHolder { height:auto; width:auto; position:relative;} div.popupHolder div.popupAdd { border:2px solid #999; position: absolute; top:-20px; left:186px; background:#FFF; width:500px; } div.popupHolder div.popupAdd a:link, div.popupHolder div.popupAdd a:active, div.popupHolder div.popupAdd a:visited, div.popupHolder div.popupAdd a:hover { color:#666; font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 10px 0 0; float:right;} div.popupAdd input.input-button-form {width: 71px; height: 30px; font: bold 10px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-align: center; text-transform: capitalize; cursor: pointer; display: inline; margin: 15px auto 0 auto; background: #3B6E9F url("http://packaging-int.com/images/design/bg_memberButton.gif") 0 0 repeat-x; border: 0;} /* LEVEL TABLE ///////////////////////////////////////////////////// */ div.level-title { background:#000; padding:5px 5px 5px 8px; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; color:#FFF; } div.level-content { background:url(../images/bg-level-background.jpg) repeat-x 0 0; margin:0 0 15px 0; height:211px; } div.level-content-bg { overflow:hidden; height:211px; } div.level-content-box { background: url(../images/bg-level-split.gif) no-repeat right top; float:left; height:211px; position:relative; width:240px; height:211px;} div.level-content-box-title { position:absolute; z-index:auto; top:0; left:73px; background:url(../images/bg-level-toptab.gif) no-repeat 0 0; width:95px; height:22px; text-align:center; color:#FFF; font-size:10px; line-height:22px; } div.level-content-box p { color:#FFF; text-align:center; padding:0; position:absolute; z-index:auto; top:146px; left:0; display:block; font-size:10px; width:220px; } div.level-content-box p a { color:#FFF; text-decoration:underline; } div.level-content-box p a:hover { color:#FFF !important; } div.level-content-box img { top:65px; left:80px; position:absolute; } div.level-content-box-price { width:231px; height:26px; position:absolute; left:0; bottom:0; background:#3D3D3D; text-align:left; font-size:10px; padding:0 0 0 8px; } div.level-content-box-price input { margin-top:-3px !important; } * html div.level-content-box-price input { margin:0 !important; } div.level-content-box-price label { line-height:26px; color:#FFF; } div.level-content-box-price span { position: absolute; right:8px; top:7px; color:#FFF;} /* Level Table - Last */ div.level-content-box-last { width:234px; } div.level-content-box-last div.level-content-box-price { width:225px; } /* Level Table - Inactive */ div.level-content-box-inactive img { display:none; } div.level-content-box-inactive div.level-content-box-price input, div.level-content-box-inactive div.level-content-box-price label, div.level-content-box-inactive div.level-content-box-price span { display:none; } /* Level Table - Exhibitions */ div.level-content-box-exhibition { width:318px; } div.level-content-box-exhibition p { left:0; display:block; font-size:10px; width:294px; } div.level-content-box-exhibition img { left:115px; } div.level-content-box-exhibition div.level-content-box-price { width:309px; } div.level-content-box-exhibition div.level-content-box-title { left:97px; width:120px; background:url(../images/bg-level-toptab-exhibitions.gif) no-repeat 0 0;} /* Level Table - Banners */ div.level-content-banner { height:371px; margin:0 0 10px 0; } div.level-content-banner div.level-content-bg { background: url(../images/bg-banner-level.jpg) repeat-x bottom; overflow:hidden; height:371px; } div.level-content-box-banner { background-position:464px 134px; width:465px; height:371px; } div.level-content-box-banner div.level-content-box-price { width:456px; border-right:1px solid #696969; } div.level-content-box-banner-last { background:none; } div.level-content-box-banner-last div.level-content-box-price { border:none; } div.level-content-box-banner img { left:52px; top:40px; } div.level-content-box-banner div.level-content-box-title { left:180px;} /* Level Table - Detail */ div.level-detail { text-align:left; font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; } div.level-detail p { margin:0 !important; padding:0 !important; } div.level-detail-info { padding:30px 0; height:200px; overflow:hidden; } div.level-detail-info div { float:left; width:180px; margin:0 10px; /* IE 6 FIX */ _margin:0 7px; } div.level-detail-info div h4 { font:bold 13px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#212121; } div.level-detail-info div p { text-align:left; display:block; text-indent:15px; border-bottom:1px solid #BFBFBE; font:normal 10px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; } div.level-detail-info div p.yes { background:#D5D5D4 url(../images/bg-level-detail-info-yes.gif) no-repeat 150px 5px; } div.level-detail-info div p.no { background:#D5D5D4 url(../images/bg-level-detail-info-no.gif) no-repeat 150px 7px; } /* Gallery - Add / Edit */ div.add-gallery { margin:0 0 10px 0; } div.add-gallery input.radio { border:none; width:auto; } div.add-gallery-image { margin:0 0 1px 0; } div.add-gallery-image-title { margin-top: 0px; background:#000; color:#FFF; font:bold 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; height:25px; overflow:hidden; padding:2px 2px; position:relative; text-align:left; } div.add-gallery-image-title img { border:1px solid #3B3937; /*float:left;*/ } div.add-gallery-image-title span { padding:0 0 0 10px; } div.add-gallery-image-title a:link, div.add-gallery-image-title a:visited, div.add-gallery-image-title a:active { color:#FFF; font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; right:20px; text-decoration:underline; top:8px; outline:none; } div.add-gallery-image-title a:hover { color:#FFF; text-decoration:none; } a.add-gallery-new { background:#000 url(http://packaging-int.com/images/dark_theme/icon-add-image.gif) no-repeat 6px center; color:#4655CB !Important; display:block; font:bold 14px/29px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; text-align:left; text-indent:10px; } a.add-gallery-new:hover { color:#FFF !important; text-decoration:none; } a.add-gallery-new span { color:#888; font:normal 11px/29px "Trebuchet MS", Arial, Helvetica, sans-serif; } th.gallery-image { vertical-align:top !important; width:150px !important; text-align:left !important; } th.gallery-image img { border:1px solid #CCC; } th.gallery-image a { color:#000 !important; display:block; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:4px 0 0 18px; margin:4px 0 0 0; text-align:left; } th.gallery-image a.icon-delete { background:url(../../images/iconograph/back-end/icon-delete.gif) no-repeat 0 4px; } th.gallery-image a.icon-edit { background: url(../../images/iconograph/back-end/icon-thumb.gif) no-repeat 0 3px; } th.gallery-image a.icon-traffic { background:url(../../images/iconograph/back-end/icon-statistics.gif) no-repeat 0 3px; height:auto; } /** Jobs - File Attachement */ .jobs-attachement { background:#B2B2B2; height:auto; overflow:hidden; padding:5px 5px 0 5px; } .jobs-attachement div.add-gallery-image-title { color:#FFF; font-size:12px; } .jobs-attachement a.add-gallery-new:link, .jobs-attachement a.add-gallery-new:visited, .jobs-attachement a.add-gallery-new:active { background:url(../images/bt-add-new-file.gif) no-repeat 0 0; color:#FFF !important; clear:both; float:right; font-size:10px; height:29px; line-height:29px; margin:-5px 0 5px 0; text-indent:30px; width:170px; } .jobs-attachement a.add-gallery-new:hover { color:#333; } /* Banners - Sample */ span.curve_topleft {background: url('http://packaging-int.com/images/dark_theme/img_topleft_members.gif') left top no-repeat !important;} span.curve_topright {background: url('http://packaging-int.com/images/dark_theme/img_topright_members.gif') right top no-repeat !important;} span.curve_bottomleft {background: url('http://packaging-int.com/images/dark_theme/img_bottomleft_members.gif') left bottom no-repeat !important;} span.curve_bottomright {background: url('http://packaging-int.com/images/dark_theme/img_bottomright_members.gif') right bottom no-repeat !important;} /* Package Box */ .package-box { background:#CECECE; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; padding:12px 12px 10px 12px; overflow:hidden; height:1%; } .package-box p { color:#000; font-size:11px; text-align:left; } .package-box .text-info { padding:0 0 10px 0; } .package-box p strong { font-size:12px; } .package-box-title { background:#000; color:#FFF; height:27px; overflow:hidden; padding:0 6px; } .package-box-title p { color:#FFF; font:normal 13px/27px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; } .package-box-title span { display:block; float:right; font-size:10px; line-height:27px; } .package-box-title span strong { font:bold 14px/27px "Trebuchet MS", Arial, Helvetica, sans-serif; } /* Package > Info box */ .info-box { background:#515151; border:1px solid #666; height:53px; margin:0 0 12px 0; overflow:hidden; padding:8px; width:440px; } .info-box img { display:inline; float:left; margin:6px 15px 10px 2px; } .info-box p { color:#E0E0E0 !important; font-size:10px; line-height:13px; margin:0; } .info-box p.title { color:#FFF !important; font-weight:bold; font-size:12px; } .package_number { background:#282828; float:right; height:49px; margin:-8px -8px -8px 15px; padding:10px; width:63px; } .package_number-upgrade { height:59px; padding:5px; width:73px; } .package_number p { font-size:11px; text-align:center; } .package_number p.size-36 { font:bold 36px/38px "Trebuchet MS", Arial, Helvetica, sans-serif; } .package_number p.size-32 { font:bold 32px/34px "Trebuchet MS", Arial, Helvetica, sans-serif; } /* Package > Upgrade */ .upgrade { background:#000 url(../images/bg-upgrade.gif) repeat-x 0 0; display:inline; float:left; height:1%; margin:0 -12px -12px -12px; overflow:hidden; padding:12px; width:100%; } .upgrade p { color:#FFF; } .package-type { width:458px; } .legend { height:1%; overflow:hidden; padding:10px 0 0 0; } .legend p { float:left; line-height:12px; padding:0 20px 0 14px; } .legend p.legend-current { background:url(../images/progressbar-current-legend.gif) no-repeat left center; } .legend p.legend-credit { background:url(../images/progressbar-credit-legend.gif) no-repeat left center; } .legend p.legend-upgrade { background:url(../images/progressbar-upgrade-legend.gif) no-repeat left center; } /* Package > Price */ .price { background:url(../images/bg-price.gif) no-repeat 0 0; display:inline; float:right; height:37px; margin:0 17px 0 0; overflow:hidden; padding:0 6px; width:182px; } .price p.left { color:#FFF; display:inline; font:normal 12px/37px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; text-align:center; margin:0; } .price p.right { color:#FFF; display:inline; float:right; font-size:24px; font-weight:bold; line-height:37px; margin:0; } /* JCROP /////////////////////////////////////////////////////*/ .jcrop-navigation { padding:10px 10px 0 10px !important; margin:0 0 -1px 0 !important;} .jcrop-navigation input { outline:none; } .jcrop-tabs { height:1%; overflow:hidden; width:700px; } .jcrop-tabs span, .jcrop-tabs .jcrop-button-size, .jcrop-tabs .jcrop-button-save { display:block; float:left; width:100px; } .jcrop-tabs .jcrop-button-size, .jcrop-tabs .jcrop-button-save { cursor:pointer; } .jcrop-tabs span { font-size:11px !important; } .jcrop-tabs .jcrop-button-size { background:#EEE; background-repeat:no-repeat; background-position:6px 3px; border:1px solid #E2E2E2; border-bottom-color:#E2E2E2; margin:0 0 0 2px; } .jcrop-tabs .jcrop-button-size-active { background:#E2E2E2; background-repeat:no-repeat; background-position:6px 3px; border:1px solid #BBB; border-bottom-color:#E2E2E2;} .jcrop-tabs .jcrop-button-save { background:#3B6E9F; border:1px solid #254463; border-bottom-color:#3B6E9F; color:#FFF; float:right; width:100px; } .jcrop-frame { background:#E2E2E2 !important; } .jcrop-preview-label { font-size:11px !important; padding:0 0 10px 0 !important; } .jcrop-thumb-holder { background:#FBFBFB; padding:5px; text-align:center; }