/* ---------------------------------------------------- */ /* GLOBAL TAG OVERWRITE */ /* ---------------------------------------------------- */ body {font-size:12px; font-family:verdana;} form {padding:0; margin:0;} h1, h2, h3, h4 {font-family:sans-serif; letter-spacing:1px; padding:0; margin:0; margin-bottom:8px;} h1 {font-size:20px; color:#999;} h2 {font-size:18px; color:#666;} h3 {font-size:16px; color:#333;} h4 {font-size:14px; color:#000;} ul {list-style:none; margin:0; padding:0;} ul.formfields {list-style:none; margin:0; padding:0;} ul.formfields li {margin-bottom:4px; clear:both;} ul.formfields li label {display:block; width:120px; border:0px solid green; float:left; line-height:24px; font-size:11px;} ul.formfields li input {border:1px solid #999; padding:2px; width:180px;} ul.formfields li input.wide {width:400px;} ul.formfields li input.short {width:50px;} ul.formfields li textarea {border:1px solid #999; padding:2px; width:90%; height:150px;} ul.formfields li input.readonly {background-color:#dedede; color:#666;} a.cancel, .cancel {font-size:11px; font-weight:bold !important; color:red !important; font-weight: underline !important;} .help {background:url(images/ico_help.gif) no-repeat; width:20px; text-indent:-9999px; display:block;} .section_box {margin-bottom:1.5em;} a.close {background:url(images/ico_close.gif) no-repeat; padding-left:15px; color:#990000; text-transform:uppercase; font-size:9px;} a.button {text-decoration:none !important;} .error {color:red;} .required {color:red; font-weight:bold; font-size:12px;} .cncl_link {font-size:11px; font-weight:bold !important; color:red !important; font-weight: underline !important;} .required_field {background-color:#ffff99;} .disclaimer {font-size:10px; display:block; padding:5px; background:#dedede;} .success {font-weight:bold; color:#00cc00;} .errorText {font-weight:bold; color:#FF0000;} .hide {display:none;} br.clear {clear:both;} .legend {background-color:#ececec; width:90%;} .legend td {font-size:10px;} .legend td.icon {text-align:center;} .legend td.icon img {margin:0px;} dl {} dl dt {font-weight:normal; font-family:verdana; font-size:12px; background-color:#ffffcc; padding:2px; margin-bottom:10px;} dl dd {padding-bottom:15px; color:#333;} dl dd ul {list-style:disc; padding-left:16px; padding-top:5px; padding-bottom:10px;} /* ---------------------------------------------------- */ /* GLOBAL NAVIGATION */ /* ---------------------------------------------------- */ #top_frame {padding:0; margin:0;} #header {background-color:transparent !important;} #header #logo {border:0px solid green; width:350px; position:absolute; left:4px; padding-top:16px; font-size:18px; color:#666666; background:transparent url(images/header_logo.gif) no-repeat !important; height:36px; margin-left:10px; background-color:transparent; z-index:30 !important;} .home_link {text-decoration:none;} #header #welcome {border:0px solid red; height:50px; text-align:right; font-size:11px; background:url(images/welcome-bg.gif) no-repeat top right; z-index:0;} #header #welcome span {display:block; padding-top:12px; padding-right:15px;} #header #welcome a {padding-left:8px; color:#333;} #statusbar {height:33px; background:url(images/message_bg.gif); text-align:right; padding-right:15px; font-size:11px; padding-top:5px;} /* #remove-left-col {border:0px solid red; z-index:40 !important; position:absolute; margin-left:-4px;} #remove-right-col {border:0px solid red; z-index:40 !important; position:absolute; margin-left:-14px;} #add-left-col {border:0px solid red; z-index:40 !important; position:absolute;} #add-right-col {border:0px solid red; z-index:40 !important; position:absolute;} */ /* ---------------------------------------------------- */ /* SPLASH SCREENS /* ---------------------------------------------------- */ #active_trial {width: 513px; text-align:left; background-color:#fff; margin-top:20px;} #trial_header {background:url(images/trialend_bg.jpg) no-repeat top left; width:513px; height:130px;} #trial_header h1 {padding-top:80px; padding-left:15px; font-size:20px; font-family:sans-serif; color:#999999;} #trial_header h1 .number {color:#990000; font-size:40px;} #trial_content {padding:15px 15px 5px 15px;} #trial_content h1 {font-size:18px; color:#424242; font-family:arial;} #trial_content .amount {color:#339900; font-weight:bold;} #trial_content p {line-height:18px;} #trial_content ul {list-style:disc; margin-left:16px;} #trial_content ul li {margin-bottom:8px;} /* ---------------------------------------------------- */ /* LEFT FRAME */ /* ---------------------------------------------------- */ #left_frame {} a.osn_buy {background:url(images/btn_buy_now.gif) no-repeat; display:block; width:95px; height:36px; text-indent:-9999px; margin-bottom:2px;} a.osn_buy:hover {background:url(images/btn_buy_now_hover.gif) no-repeat;} a.osn_buy_now_green {background:url(images/btn_buy_now_green.gif) no-repeat; display:block; width:98px; height:36px; text-indent:-9999px; margin-bottom:2px;} a.osn_buy_now_green:hover {background:url(images/btn_buy_now_green_hover.gif) no-repeat;} a.osn_dlm {background:url(images/btn_dlm.gif) no-repeat; display:block; width:180px; height:36px; text-indent:-9999px; margin-bottom:2px;} a.osn_dlm:hover {background:url(images/btn_dlm_hover.gif) no-repeat;} a.osn_salesareup {background:url(images/btn_salesareup.gif) no-repeat; display:block; width:118px; height:36px; text-indent:-9999px; margin-bottom:2px;} a.osn_salesareup:hover {background:url(images/btn_salesareup_hover.gif) no-repeat;} a.rewards_buy {background:url(images/btn_buy_006666.gif) no-repeat; display:block; width:56px; height:26px; text-indent:-9999px; margin-bottom:2px; float:left;} a.rewards_preview {background:url(images/btn_preview_006666.gif) no-repeat; display:block; width:76px; height:26px; text-indent:-9999px; margin-bottom:2px; margin-left:65px;} a.sweepstakes_buy {background:url(images/btn_buy_cc6600.gif) no-repeat; display:block; width:56px; height:26px; text-indent:-9999px; margin-bottom:2px; float:left;} a.sweepstakes_preview {background:url(images/btn_preview_cc6600.gif) no-repeat; display:block; width:76px; height:26px; text-indent:-9999px; margin-bottom:2px; margin-left:65px;} .overview {border-top:1px solid #ccc; font-size:11px; padding:0; margin:0; width:auto;} .overview tbody tr td {padding-top:5px;} .overview .metric {color:#009900; font-weight:bold; font-size:12px; vertical-align:top; text-align:right;} .overview .label {padding-left:5px;} /* #out_out_customer_link___opt_out_customers_container {background:url(images/ico_optout_customers.gif) no-repeat; display:block; height:15px; width:70px; padding-left:27px; float:left;} #add_customer {background:url(images/ico_add_customers.gif) no-repeat; display:block; height:15px; width:20px; padding-left:28px;} */ #opt_out_customers_container {background:#e1e1e1; padding:10px; font-size:11px; border:1px solid #ccc; margin-top:15px;} #opt_out_customers_container textarea {height:80px; width:153px !important; border:1px solid #ccc;} #sales-are-up {background:url(images/calloutbox-salesareup-bg-active.gif) no-repeat top left; padding:55px 10px 15px 10px; width:200px;} #sales-are-up.active {width:218px;} #email-uploads {background:url(images/calloutbox-easyupload.gif) no-repeat top left; padding:40px 10px 15px 10px; border:0px solid red; width:200px; height:65px;} #email-uploads.active {width:218px;} #make-more-money {background:url(images/calloutbox-makemoney-bg.gif) no-repeat top left; padding:10px 10px 15px 10px; width:220px; height:100px; border:0px solid red;} #make-more-money, #make-more-money p, #make-more-money a, #make-more-money h4 {color:#fff;} #make-more-money p {padding-right:50px;} #make-more-money h4 {font-size:bold; font-size:14px;} #active-account {margin-top:8px;} #more-customers {background:url(images/calloutbox-promote.gif) no-repeat top left; padding:40px 10px 15px 10px; border:0px solid red; width:200px; height:65px; margin-top:5px;} #more-customers.active {width:218px;} a:visited {text-decoration:underline !important;} .chicklet {width:220px; margin-bottom:15px;} .chicklet .top {height:43px; padding-left:18px; padding-top:10px; color:#fff; font-family:Trebuchet MS, Verdana; font-size:22px; padding-right:10px;} .chicklet .top a {color:#fff; display:block; text-decoration:none !important; width:200px;} .chicklet .bottom {margin-top:-10px; padding-left:18px; padding-right:20px; padding-bottom:2px; line-height:16px;} .chicklet .bottom a {text-decoration:none !important;} .chicklet .bottom ul {margin-left:14px; list-style-type:disc; margin-top:4px;} .chicklet .inactive .top {background:url(images/chic-top-grey-bg.gif) top left no-repeat;} .chicklet .inactive .top a {color:#004997;} .chicklet .inactive .top a:hover {color:#004997;} .chicklet .inactive .bottom {background:url(images/chic-bot-grey-bg.gif) bottom left no-repeat;} .chicklet .inactive .bottom a {color:#000 !important;} .chicklet .active .top {background:url(images/chic-top-blue-bg.gif) top left no-repeat;} .chicklet .active .bottom {background:url(images/chic-bot-blue-bg.gif) bottom left no-repeat; color:#fff;} .chicklet .active .bottom a {color:#fff !important;} .chicklet .active {border:0px solid red; width:236px !important;} a.PRreviewLink {border:0px solid red; background:url(images/write-review.gif); text-indent:-9999px; width:104px; height:22px; display:block; margin-top:4px;} #chic-reviews div.active .icon {width:39px; height:26px; background:url(images/chic-ico-reviews-active.gif) no-repeat; position:absolute; margin-top:-5px; margin-left:6px;} #chic-reviews div.inactive .icon {width:39px; height:26px; background:url(images/chic-ico-reviews-inactive.gif) no-repeat; position:absolute; margin-top:-5px; margin-left:6px;} #chic-newsletter div.active .icon {width:27px; height:22px; background:url(images/chic-ico-newsletter-active.gif) no-repeat; position:absolute; margin-top:-12px; margin-left:6px;} #chic-newsletter div.inactive .icon {width:27px; height:22px; background:url(images/chic-ico-newsletter-inactive.gif) no-repeat; position:absolute; margin-top:-12px; margin-left:6px;} #chic-subscribers div.active .icon {width:27px; height:22px; background:url(images/chic-ico-subscribers-active.gif) no-repeat; position:absolute; margin-top:-11px; margin-left:6px;} #chic-subscribers div.inactive .icon {width:27px; height:22px; background:url(images/chic-ico-subscribers-inactive.gif) no-repeat; position:absolute; margin-top:-11px; margin-left:6px;} /* ---------------------------------------------------- */ /* CONTENT FRAME */ /* ---------------------------------------------------- */ #working_wrapper {border:0px solid red; text-align:left; padding:4px; background-color:#54a24f; margin-bottom:10px; width: 640px;} #working_wrapper .working {background:url(images/ajax-loader_green.gif) no-repeat; padding:2px 2px 2px 20px; color:#fff; font-size:10px;} #working_wrapper .completed {background:url(images/tick.gif) no-repeat; padding:2px 2px 2px 20px;} #working_wrapper .completed a {font-size:10px; color:#fff;} #customize-color {width:650px; margin-top:6px; margin-bottom:10px;} #customize-color table {width:100%;} #customize-color td {font-size:11px; vertical-align:middle;} #customize-color td .color-preview {border:1px solid #ececec; height:16px; width:20px;} .newsletter ul {list-style:disc !important; padding-left:15px;} .article_box ul {list-style:disc !important; padding-left:15px;} #email_settings_form ul {list-style:none !important; margin:0 !important; padding:0 !important;} #help_container {position:absolute; margin-left:660px; height:16px; border:0px solid red; width:80px;} #help_container a {background:url(images/ico_help.gif) no-repeat; display:block; padding-left:15px; color:#336699; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:10px; height:20px; border:0px solid green;} #newsletter_banner {position:absolute;} #content_frame {background-color:#f7f3f7; margin:0; padding:0;} .content_top_bg {background:url(images/content_top_bg.gif) repeat-x;} #send_date_container {} #send_date_container input {width:70px; border:0px; color:red; font-weight:bold; font-size:11px;} #send_date_container img {border:0px;} #email_settings_overview {font-size:11px !important; width:430px;} #email_settings_overview tbody tr td.label {width:70px; vertical-align:top; font-weight:bold;} #email_settings_overview tbody tr td.edit {width:360px; font-size:11px !important;} #email_settings_overview tbody tr td.edit a {font-weight:normal !important;} #send_settings_curved {} #email_settings_curved {} #update_status_wrapper {width:651px; margin-bottom:10px; } #init_status_wrapper {width:651px; margin-bottom:10px; } #update_status_wrapper #update_status {padding:5px; text-transform:uppercase; font-size:10px;} #update_status_wrapper #update_status a {} #template_design {width:650px; height:116px; background-color:#e0ecff;} #template_design tr td {} #template_design tr td span {font-size: 46px; background:transparent; border:0px solid red;} #template_design #template_name {} #colorpicker-value {display:none;} #template_design_cell img {max-width:650px !important;} #preview-newsletter {margin-left:270px; padding-right:11px; background: transparent url(images/ico_close.gif) no-repeat right; color:#990000 !important;} #customize_banner_text .inside {height:100px;} #customize_banner_image .inside {height:100px;} #customize_banner_display {width:484px; padding:7px 4px 4px 4px;} #edit-banner {border:0px solid #ccc; background:#fff; padding:0px; width:700px;} #edit-banner table {} #edit-banner table tr td {font-size:11px;} #edit-banner table tr td select {font-size:12px;} #edit-banner table tr td input {font-size:12px;} .newsletter {padding:0px; margin-top:4px;} .newsletter .inline_edit {} .newsletter .email {width:450px; float:left; margin-bottom:10px !important;} .newsletter .email .formfields li {height:21px;} .newsletter .email .formfields li label {width:60px; height:19px;} .newsletter .email .formfields li input {float:left; width:330px !important;} .newsletter .email .formfields li a.help {margin-left:205px;} .newsletter .status {width:190px; float:left; line-height:20px; margin-left:10px;} .newsletter .status .send_date {color:red; font-weight:bold;} .newsletter a.edit {text-decoration:none;} .newsletter a.editable {text-decoration:none; color:#333; padding:3px 18px 3px 3px; display:block; line-height:13px; background:url(images/ico_edit_text.gif) no-repeat right transparent; border:0px solid green; width:350px;} .newsletter a.editable_noicon {text-decoration:none; color:#333; padding:3px 18px 3px 3px; display:block; line-height:13px; background:transparent; border:0px solid green; width:350px;} .newsletter a.editable:link:hover {background:url(images/ico_edit_text.gif) no-repeat right #ffffcc; font-weight:normal;} .newsletter a.editable:visited:hover {background:url(images/ico_edit_text.gif) no-repeat right #ffffcc; font-weight:normal;} .newsletter img {max-width:650px !important;} .article_box img {max-width:650px !important;} .inline_edit {background:#f1f2f4; padding:6px; margin-top:2px;} .ghost_content_wrapper {border:2px dashed #99cc66; padding:10px; color:#666; font-size:11px;} a.preview {background:url(images/ico_magnify.gif) no-repeat; padding-left:18px; padding-bottom:23px; font-weight:bold; color:#333; text-decoration:none !important; font-size:11px; display:block; margin-top:11px;} .tabbedcontent { width: 100%; background-color: #E3E3E3; } .tabbedcontenttabs { list-style: none; float: left; clear: both; width: 100%; background: #FFF bottom left repeat-x; border:0px solid green;} .tabbedcontenttabs ul { font-size: 1em !important; padding: 0em !important; margin: 0 !important; } .tabbedcontenttabs li { float: left !important; margin: 0 0.1em 0 0 !important; } .tabbedcontenttabs li a { float: left; font-weight: bold; font-size: 1.1em; padding: 0.3em 0.8em 0.1em 0.8em; border: solid 0.1em #C0C1C0; border-bottom: none; text-decoration: none !important; background: #FFF url(images/tabbedcontenttabs-bg.gif) bottom left repeat-x; color: #000; } .tabbedcontenttabs li a:hover { background: #FFF url(images/tabbedcontenttabs-bg.gif) bottom left repeat-x !important; text-decoration: none !important; } .tabbedcontenttabs li.on a { border: none; border-top: solid 0.2em #6699cc; background: #E3E3E3 !important; padding-top: 0.2em; padding-bottom: 0.4em; color: #000000 !important; } .tabbedcontenttabs li.on a:hover { background: #E3E3E3 !important; } .tabbedcontent div.tabbedcontentholder { display: none; padding: 3.4em .2em .2em .2em; background:#fff; border:0px solid #ccc;} .tabbedcontent div.on { display: block; border:0px solid #ccc;} .tabbedcontent p { margin: 0 0.8em 0.8em 0.8em; } .tabbedcontent div.tabbedcontentholder p { font-size: 1.2em !important; } #nav {border-top:1px solid #fff; margin-bottom:26px; margin-left:8px;} #tabnav {margin: 0; padding: 0; height: 28px; list-style: none; display: inline; overflow: hidden;} #tabnav li {margin: 0; padding: 0; list-style: none; display: inline; } #tabnav a {float: left; padding: 28px 0 0 0; overflow: hidden; height: 0px !important; height /**/:28px; /* for IE5/Win only */ } #tabnav a:hover {background-position: 0 -28px; } #tabnav a:active, #nav ul a.selected {background-position: 0 -56px; } #taccountsettings a {width: 140px; background: url(images/tab-account-settings.gif) top left no-repeat;} #tbillinginfo a {width: 152px; background: url(images/tab-billing-info.gif) top left no-repeat;} #tuploademails a {width: 187px; background: url(images/tab-upload-emails.gif) top left no-repeat;} #tutilities a {width: 80px; background: url(images/tab-utilities.gif) top left no-repeat;} #teasyimport a {width: 92px; background: url(images/tab-easy-import.gif) top left no-repeat;} #tadvancedimport a {width: 125px; background: url(images/tab-advanced-import.gif) top left no-repeat;} #product_search_fields {margin-bottom:2px;} #product_search_fields tbody tr td {font-size: 12px;} #product_search_box {width:250px;} #product_search_result {border:0px solid #3f87ac; font-size:12px; width:453px;} #product_search_result thead tr th {border:1px solid #3f87ac; padding:4px; text-transform:uppercase; text-align:left; font-size:11px;} #product_search_result tbody tr td {border-bottom:1px solid #3f87ac; padding:4px; border-left:1px solid #3f87ac; padding:4px; border-right:1px solid #3f87ac; padding:4px;} #product_search_result tbody tr td a {font-weight:normal; text-decoration:underline; color:#336699;} #save_initial_settings {} #save_initial_settings p.instructions {border-bottom:1px solid #6699cc; padding:4px;} .EditFromPreviewItem {border:0px solid red; position:absolute;} .EditFromPreviewItem_header {border:0px solid red; position:absolute; width:640px;} .EditFromPreviewItem_articles {border:0px solid red; position:absolute; width:310px;} .EditFromPreviewItem_products {border:0px solid red; position:absolute; width:160px;} .EditFromPreviewItem_products_empty {position:absolute; width:160px;} .EditFromPreviewItem_links {border:0px solid red; position:absolute; width:112px;} .EditFromPreviewItem_info {border:0px solid red; position:absolute; width:112px;} .EditFromPreviewTop {margin-bottom:10px;} .article_box a {color:#5684a4 !important;} body.edit_banner {padding-top:0px; padding-left:0px;} body.edit_first_time {padding-top:0px; padding-left:0px;} #lightbox_edit_first_time {padding:0px; background-color:#fff; width:85%; height:500px;} .required_field {background:url(images/required_star.gif) #fff no-repeat right; color:#000; font-weight:normal; } #pastehere {border-top:1px solid #cccc33; background-color:#ffffcc; padding:8px 10px 10px 10px; margin-bottom:10px; width:590px; float:left; margin-right:10px;} #pastehere textarea {border:1px solid #ccc; width:590px;} #pastehere h3 {margin:0; padding-bottom:5px; font-size:12px;} #pastehere #loading-emails {display:block; background:url(images/ajax-loader.gif) left center no-repeat; padding:2px 2px 2px 20px; font-style:italic; font-size:11px;} #validemails {border-top:1px solid #99cc33; background-color:#e6f5bc; padding:8px 10px 10px 10px; margin-bottom:10px; float:left; width:250px;} #validemails textarea {border:1px solid #ccc; width:250px; margin-bottom:5px;} #validemails h3 {margin:0; padding-bottom:10px; font-size:12px;} #validemails p {margin:0; padding:0; background-color:#efefef; margin-bottom:4px; padding:1px 4px; color:#333; font-size:11px;} #validemails .labels {font-weight:bold;} #processing-complete {border:3px solid #e6f5bc; padding:10px; width:588px; color:#339900; font-weight:bold;} #processing-email {} #utilities {border:0px solid red;} #utilities ul li {padding:5px 15px 15px 15px;} #utilities ul li.alt {background:url(images/grad-top-to-bottom-grey.gif) repeat-x top left;} .init-channel-select {padding:10px; border:1px solid #ccc; margin-bottom:4px; width:50%; margin-left:4px;} .init-channel-select .instruction {padding-bottom:8px;} .init-channel-select select {margin-bottom:8px;} /* ---------------------------------------------------- */ /* COLOR PICKER STYLES */ /* ---------------------------------------------------- */ .code { font-family: Courier New, Monospace; font-size:12px; font-weight:500; font-style:normal; text-decoration:none; font-variant:normal; color: #006F37; background: #FFFFF0; border: 1px dashed #008000; padding: 8px;} p.imp{color:crimson;font-weight:bold;} tr.rola{background-color:white;} td.rolb{cursor:pointer;text-align:center;border:dashed 1px white;background-color:white;} /* ---------------------------------------------------- */ /* TOOL TIP STYLES */ /* ---------------------------------------------------- */ .tooltip{ width: 200px; color:#000; font:lighter 11px/1.3 Arial,sans-serif; text-decoration:none;text-align:left; z-index:2 !important;} .tooltip span.top{padding: 30px 8px 0; background: url(images/tooltip_3.gif) no-repeat top; z-index:2 !important;} .tooltip b.bottom{padding:3px 8px 15px;color: #548912; background: url(images/tooltip_3.gif) no-repeat bottom; z-index:2 !important;} /* ---------------------------------------------------- */ /* PROMOTIONS */ /* ---------------------------------------------------- */ #promotions {width:670px;} #promotions #wrapper {width:670px;} #promotions #tools {margin-top:15px;} #promotions #tools li {padding:15px;} #promotions #tools li td {font-size:12px; vertical-align:top;} #promotions #tools li.alt {background:url(images/grad-top-to-bottom-grey.gif) repeat-x;} #subscribe-box {width: 160px; padding:10px; border:4px solid #004997;} #promotions .close-code {background-color:#dedede; text-align:right; margin-right:18px; padding:6px 8px; margin-top:4px;} #promotions textarea {border:1px solid #dedede; margin-top:-1px;} /* ---------------------------------------------------- */ /* ACCOUNT SETTINGS */ /* ---------------------------------------------------- */ #account_settings {width:670px;} #account_settings #wrapper {width:670px;} /* ---------------------------------------------------- */ /* UTILITIES */ /* ---------------------------------------------------- */ #library-status ul li {margin:0; padding:6px;} /* ---------------------------------------------------- */ /* ADD CONTENT */ /* ---------------------------------------------------- */ #add-content {width:670px;} #new-coupon {margin-bottom:30px;} #month-list {font-size:inherit;} #month-list tr td {vertical-align:top;} #month-list tr td.coupons {padding-left:15px; width:100%;} #month-list tr td.spacer {height:100px; vertical-align:bottom;} #month-list .empty-coupon {display:block; width:90px; height:90px; border:4px dashed #bbb; padding:10px; text-align:center; color:#bbb; text-decoration:none; font-weight:bold; font-size:18px; cursor:default;} #month-list .valid-coupon {width:130px; height:90px; border:3px dashed #bbb; padding:4px; float:left; margin-right:10px; margin-bottom:10px;} #month-list .valid-coupon .article_title {font-size: 14px; font-weight:bold; display:block; padding:4px;} #month-list .valid-coupon p.details {font-size:11px;} #month-list .valid-coupon p.expires {font-size:10px; font-style:italic; background-color:#ececec; padding:2px;} #month-list a.close {background-position:left; padding-left:12px; color:#cc0000;} .month-display {} .month-display td {vertical-align:middle !important; border:0px solid red; padding-right:4px; padding-bottom:8px;} .month-display td.month {font-weight:bold; font-family:Trebuchet MS; color:#004997; font-size:18px; padding-right:14px;} .coupon-form {font-size:12px; border:4px dashed #bbb; padding:2px 10px; background-color:#ececec;} .coupon-form tr.active {background-color:#ffffcc;} .coupon-form tr td{padding:8px 2px; vertical-align: top;} .modify-coupons {padding:10px;} .modify-coupons a.button {text-decoration:none !important;} a.coupon-selector {font-weight:normal; font-size:11px;} .coupon-selector {font-weight:normal; font-size:11px;} .month-nav {background-color:#ececec;} .month-nav li {float:left; border-bottom:4px solid #004997;} .month-nav li a {display:block; border:0px solid red; padding:4px 14px; color:#666; background-color:#ececec; border-right:2px solid #fff; text-decoration:none;} .month-nav li a.active {background-color:#004997; color:#fff; text-decoration:none;} .coupon-month-container {border:0px solid red; width:206px; float:left;} /* ---------------------------------------------------- */ /* LINKS */ /* ---------------------------------------------------- */ #manage-links {width:670px;} #manage-links #wrapper {width:670px;} .link-list {border:0px solid #ccc; width:400px; float:left; margin-right:10px;} .link-list table {font-size:11px; width:100%;} .link-list table tr td {vertical-align:top; border-bottom:1px solid #dedede; padding:4px;} .link-list table tr.last {border-bottom:0px} .link-list table tr td.edit {text-align:center; width:40px;} .link-list table tr td.content {width:270px;} .link-list table tr td.content a {font-size:10px;} .link-list table tr td.add {text-align:right; width:20px;} #link-preview {border:0px solid green; width:210px; float:right; font-size:inherit;} #link-preview ul li {margin-bottom:8px;} #link-preview .link-sort {margin-right:4px;} #link-preview .link-remove {margin-right:0px;} #link-preview .link-name {font-size:12px;} #add-custom-link-form {background-color:#ececec; margin-bottom:10px; padding-bottom:4px; padding-top:6px;} #add-custom-link-form .instruction {padding:10px; font-weight:bold;} #add-custom-link-form .form {padding:10px;} .link-list {height:400px; width:400px; overflow:auto;} .link-list table {table-layout:fixed; border-collapse:collapse;} .link-list th, div#scroll td {vertical-align:top; width:400px;} span.cancel a {font-size:11px; font-weight:bold !important; color:red !important; font-weight: underline !important;} /* ---------------------------------------------------- */ /* LOGIN */ /* ---------------------------------------------------- */ #login_box {background:url(images/login_box_bg.gif) no-repeat; width:240px; height:216px; padding:11px 21px 25px 25px; text-align:left; border:0px solid red; margin-top:100px;} #login_box h1 {font-size:12px; color:#333;} #login_box p {margin-top:5px; display:block; font-size:10px; text-align:right;} #login_box p a {color:#006699; font-weight:bold;} #login_msg {text-align:center; color:#d83232; font-weight:bold; font-size:8pt; border:0px solid red; padding:4px; background:url(images/icon-declined.gif) #ffdddd no-repeat; padding-left:15px;} /* ---------------------------------------------------- */ /* REGISTER */ /* ---------------------------------------------------- */ #register_container {margin:0 auto; margin-top:100px; margin-bottom:50px; border:0px solid red; align:left;} #register_marketing {margin-left:400px;} #register_form, #register_confirm {text-align:left; padding:11px 25px 25px 25px;} #register_form {background:url(images/register_box_bg.gif) no-repeat; width:760px;} #register_form table {width:760px; border:0px solid red;} #register_form table tr td {font-size:11px; valign:top;} #register_form table tr td.col_left {border:0px solid red; width:345px;} #register_form table tr td.col_right {border:0px solid green;} #register_form h1 {font-size:12px; color:#333; padding-bottom:4px;} #register_form p {margin-top:5px; display:block; font-size:10px;} #register_form p a {color:#006699; font-weight:bold;} #register_form #termsInfo {} #register_form .required {background:url(images/required_star.gif) no-repeat right; color:#000; font-weight:normal; } #register_form .help {text-indent:0; padding-left:15px; display:block; width:155px; height:25px;} #register_confirm {width:370px;} #register_form textarea {width:350px;} #status_message {border:0px solid red; width:700px; padding:4px; margin-bottom:10px; background:url(images/icon-declined.gif) #ffdddd no-repeat; padding-left:25px;} #register_confirm {background:url(images/register_confirm_box_bg.gif) no-repeat; height:510px; padding-top:40px; margin-top:100px;} #register_form .formfields a {text-decoration:none !important;} /* ---------------------------------------------------- */ /* BILLING INFORMATION */ /* ---------------------------------------------------- */ .billing {background:transparent url(images/grad-top-to-bottom-grey.gif) repeat-x scroll left top; padding:10px 14px;} .billing table {font-size:12px; width:50%;} .billing table tr th {border:1px solid #ccc; background-color:#ececec; padding:2px 8px; text-align:right;} .billing table tr td {padding:2px 8px; border-bottom:1px solid #ccc; text-align:right;} /* ---------------------------------------------------- */ /* CONNECT TO PROSTORES */ /* ---------------------------------------------------- */ #connect_steps {padding-left:10px; padding-top:10px;} #connect_steps dl {} #connect_steps dl dt {padding:5px;} #connect_steps dl dd {padding:5px; margin-bottom:20px; margin-left:15px;} /* ---------------------------------------------------- */ /* ICONS */ /* ---------------------------------------------------- */ .ico-delete {background:url(../lib/images/ico-graphics.gif) 0px -372px no-repeat; width:8px; height:8px; margin-right:2px;} .ico-drag {background:url(../lib/images/ico-graphics.gif) 4px -864px no-repeat; width:16px; height:16px; margin-right:2px; cursor:move; } .ico-edit {background:url(../lib/images/ico-graphics.gif) 0px -3px no-repeat; width:10px; height:10px; margin-right:5px;} .ico-add {background:url(../lib/images/ico-graphics.gif) 0px -404px no-repeat; width:8px; height:8px; margin-right:5px;} .ico-added {background:url(../lib/images/ico-graphics.gif) 0px -963px no-repeat; width:8px; height:8px; margin-right:5px; opacity:.2} .ico-remove {background:url(../lib/images/ico-graphics.gif) 4px -943px no-repeat; width:16px; height:16px; margin-right:5px; opacity:.6; border:1px solid #e1e1e1;} .ico-move-right {background:url(../lib/images/ico-graphics.gif) -16px -192px no-repeat; width:20px; height:16px;} .ico-moved-right {background:url(../lib/images/ico-graphics.gif) -16px -192px no-repeat; width:20px; height:16px; opacity:.2} .ico-move-left {background:url(../lib/images/ico-graphics.gif) -16px -208px no-repeat; width:20px; height:16px;} /* ---------------------------------------------------- */ /* ROUNDED FILLED CONTAINERS */ /* ---------------------------------------------------- */ .rounded_ffffff {} .rounded_ffffff .bl {background: url(images/bl_ffffff.gif) 0 100% no-repeat #fff; width: 100%;} .rounded_ffffff .br {background: url(images/br_ffffff.gif) 100% 100% no-repeat} .rounded_ffffff .tl {background: url(images/tl_ffffff.gif) 0 0 no-repeat} .rounded_ffffff .tr {background: url(images/tr_ffffff.gif) 100% 0 no-repeat; padding:3px 10px 3px 10px; } .rounded_e7e7e7 {} .rounded_e7e7e7 .bl {background: url(images/bl_e7e7e7.gif) 0 100% no-repeat #e7e7e7; width: 100%;} .rounded_e7e7e7 .br {background: url(images/br_e7e7e7.gif) 100% 100% no-repeat} .rounded_e7e7e7 .tl {background: url(images/tl_e7e7e7.gif) 0 0 no-repeat} .rounded_e7e7e7 .tr {background: url(images/tr_e7e7e7.gif) 100% 0 no-repeat; padding:10px; } .rounded_c6dbde {} .rounded_c6dbde .bl {background: url(images/bl_c6dbde.gif) 0 100% no-repeat #c6dbde; width: 100%;} .rounded_c6dbde .br {background: url(images/br_c6dbde.gif) 100% 100% no-repeat} .rounded_c6dbde .tl {background: url(images/tl_c6dbde.gif) 0 0 no-repeat;} .rounded_c6dbde .tr {background: url(images/tr_c6dbde.gif) 100% 0 no-repeat; padding:10px; } .rounded_cc0000 {color:#fff;} .rounded_cc0000 h1, .rounded_cc0000 h2 {color:#fff;} .rounded_cc0000 .cancel {color:white;} .rounded_cc0000 .bl {background: url(images/bl_cc0000.gif) 0 100% no-repeat #c00000; width: 100%;} .rounded_cc0000 .br {background: url(images/br_cc0000.gif) 100% 100% no-repeat} .rounded_cc0000 .tl {background: url(images/tl_cc0000.gif) 0 0 no-repeat;} .rounded_cc0000 .tr {background: url(images/tr_cc0000.gif) 100% 0 no-repeat; padding:10px; } .rounded_6699cc {color:#fff;} .rounded_6699cc h1, .rounded_6699cc h2 {color:#fff;} .rounded_6699cc .cancel {color:white;} .rounded_6699cc .bl {background: url(images/bl_6699cc.gif) 0 100% no-repeat #6699cc; width: 100%;} .rounded_6699cc .br {background: url(images/br_6699cc.gif) 100% 100% no-repeat} .rounded_6699cc .tl {background: url(images/tl_6699cc.gif) 0 0 no-repeat;} .rounded_6699cc .tr {background: url(images/tr_6699cc.gif) 100% 0 no-repeat; padding:10px; } .rounded_cc6600 {color:#fff;} .rounded_cc6600 h1, .rounded_cc6600 h2, .rounded_cc6600 h3, .rounded_cc6600 h4 {color:#fff;} .rounded_cc6600 a {color:#fff; font-weight:bold; font-size:10px;} .rounded_cc6600 .cancel {color:white;} .rounded_cc6600 .bl {background: url(images/bl_cc6600.gif) 0 100% no-repeat #cc6600; width: 100%;} .rounded_cc6600 .br {background: url(images/br_cc6600.gif) 100% 100% no-repeat} .rounded_cc6600 .tl {background: url(images/tl_cc6600.gif) 0 0 no-repeat;} .rounded_cc6600 .tr {background: url(images/tr_cc6600.gif) 100% 0 no-repeat; padding:10px; } .rounded_006666 {color:#fff;} .rounded_006666 h1, .rounded_006666 h2, .rounded_006666 h3, .rounded_006666 h4 {color:#fff;} .rounded_006666 a {color:#fff; font-weight:bold; font-size:10px;} .rounded_006666 .bl {background: url(images/bl_006666.gif) 0 100% no-repeat #006666; width: 100%;} .rounded_006666 .br {background: url(images/br_006666.gif) 100% 100% no-repeat} .rounded_006666 .tl {background: url(images/tl_006666.gif) 0 0 no-repeat;} .rounded_006666 .tr {background: url(images/tr_006666.gif) 100% 0 no-repeat; padding:10px; } .rounded_cccccc {} .rounded_cccccc .bl {background: url(images/bl_cccccc.gif) 0 100% no-repeat #cccccc; width: 100%;} .rounded_cccccc .br {background: url(images/br_cccccc.gif) 100% 100% no-repeat} .rounded_cccccc .tl {background: url(images/tl_cccccc.gif) 0 0 no-repeat;} .rounded_cccccc .tr {background: url(images/tr_cccccc.gif) 100% 0 no-repeat; padding:10px; } .rounded_99cccc {} .rounded_99cccc .bl {background: url(images/bl_99cccc.gif) 0 100% no-repeat #99cccc; width: 100%;} .rounded_99cccc .br {background: url(images/br_99cccc.gif) 100% 100% no-repeat} .rounded_99cccc .tl {background: url(images/tl_99cccc.gif) 0 0 no-repeat;} .rounded_99cccc .tr {background: url(images/tr_99cccc.gif) 100% 0 no-repeat; padding:10px; } .rounded_ffffcc {} .rounded_ffffcc .bl {background: url(images/bl_ffffcc.gif) 0 100% no-repeat #ffffcc; width: 100%;} .rounded_ffffcc .br {background: url(images/br_ffffcc.gif) 100% 100% no-repeat} .rounded_ffffcc .tl {background: url(images/tl_ffffcc.gif) 0 0 no-repeat;} .rounded_ffffcc .tr {background: url(images/tr_ffffcc.gif) 100% 0 no-repeat; padding:10px; } .rounded_d0e7a1 {} .rounded_d0e7a1 .bl {background: url(images/bl_d0e7a1.gif) 0 100% no-repeat #d0e7a1; width: 100%;} .rounded_d0e7a1 .br {background: url(images/br_d0e7a1.gif) 100% 100% no-repeat} .rounded_d0e7a1 .tl {background: url(images/tl_d0e7a1.gif) 0 0 no-repeat;} .rounded_d0e7a1 .tr {background: url(images/tr_d0e7a1.gif) 100% 0 no-repeat; padding:10px; } /* ---------------------------------------------------- */ /* ROUNDED OUTLINED CONTAINERS /* ---------------------------------------------------- */ .rounded_cc0000_1px {} .rounded_cc0000_1px .tl {margin-right: 9px; background-image: url('images/corners1280x18_1px_cc0000.gif'); height: 9px; font-size: 2px;} .rounded_cc0000_1px .tr {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_1px_cc0000.gif'); background-position: 100% 0; height: 9px; font-size: 2px;} .rounded_cc0000_1px .bl {margin-right: 9px; background-image: url('images/corners1280x18_1px_cc0000.gif'); background-position: 0 -9px; height: 9px; font-size: 2px; } .rounded_cc0000_1px .br {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_1px_cc0000.gif'); background-position: 100% -9px; height: 9px; font-size: 2px;} .rounded_cc0000_1px .inside {border-left: 1px solid #C00000; border-right: 1px solid #C00000; color: #000000; padding-left: 10px; padding-right: 10px;} .rounded_cc0000_2px {} .rounded_cc0000_2px div.active_box {border:0px solid red; background:url(images/corners1280x18_2px_cc0000_active.gif) no-repeat; width:16px;height:56px; position:absolute; margin-left:206px;} .rounded_cc0000_2px .tl {margin-right: 9px; background-image: url('images/corners1280x18_2px_cc0000.gif'); height: 9px; font-size: 2px;} .rounded_cc0000_2px .tr {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_2px_cc0000.gif'); background-position: 100% 0; height: 9px; font-size: 2px;} .rounded_cc0000_2px .bl {margin-right: 9px; background-image: url('images/corners1280x18_2px_cc0000.gif'); background-position: 0 -9px; height: 9px; font-size: 2px; } .rounded_cc0000_2px .br {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_2px_cc0000.gif'); background-position: 100% -9px; height: 9px; font-size: 2px;} .rounded_cc0000_2px .inside {border-left: 2px solid #C00000; border-right: 2px solid #C00000; color: #000000; padding-left: 10px; padding-right: 10px;} .rounded_6699cc_1px {} .rounded_6699cc_1px .tl {margin-right: 9px; background-image: url('images/corners1280x18_1px_6699cc.gif'); height: 9px; font-size: 2px;} .rounded_6699cc_1px .tr {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_1px_6699cc.gif'); background-position: 100% 0; height: 9px; font-size: 2px;} .rounded_6699cc_1px .bl {margin-right: 9px; background-image: url('images/corners1280x18_1px_6699cc.gif'); background-position: 0 -9px; height: 9px; font-size: 2px; } .rounded_6699cc_1px .br {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_1px_6699cc.gif'); background-position: 100% -9px; height: 9px; font-size: 2px;} .rounded_6699cc_1px .inside {border-left: 1px solid #6699cc; border-right: 1px solid #6699cc; color: #000000; padding-left: 10px; padding-right: 10px;} .rounded_6699cc_2px {} .rounded_6699cc_2px div.active_box {border:0px solid red; background:url(images/corners1280x18_2px_6699cc_active.gif) no-repeat; width:16px;height:56px; position:absolute; margin-left:206px;} .rounded_6699cc_2px .tl {margin-right: 9px; background-image: url('images/corners1280x18_2px_6699cc.gif'); height: 9px; font-size: 2px;} .rounded_6699cc_2px .tr {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_2px_6699cc.gif'); background-position: 100% 0; height: 9px; font-size: 2px;} .rounded_6699cc_2px .bl {margin-right: 9px; background-image: url('images/corners1280x18_2px_6699cc.gif'); background-position: 0 -9px; height: 9px; font-size: 2px; } .rounded_6699cc_2px .br {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_2px_6699cc.gif'); background-position: 100% -9px; height: 9px; font-size: 2px;} .rounded_6699cc_2px .inside {border-left: 2px solid #6699cc; border-right: 2px solid #6699cc; color: #000000; padding-left: 10px; padding-right: 10px;} .rounded_cccccc_1px {} .rounded_cccccc_1px .tl {margin-right: 9px; background-image: url('images/corners1280x18_1px_cccccc.gif'); height: 9px; font-size: 2px;} .rounded_cccccc_1px .tr {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_1px_cccccc.gif'); background-position: 100% 0; height: 9px; font-size: 2px;} .rounded_cccccc_1px .bl {margin-right: 9px; background-image: url('images/corners1280x18_1px_cccccc.gif'); background-position: 0 -9px; height: 9px; font-size: 2px; } .rounded_cccccc_1px .br {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_1px_cccccc.gif'); background-position: 100% -9px; height: 9px; font-size: 2px;} .rounded_cccccc_1px .inside {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; color: #000000; padding-left: 10px; padding-right: 10px;} .rounded_cccccc_2px {} .rounded_cccccc_2px .tl {margin-right: 9px; background-image: url('images/corners1280x18_2px_cccccc.gif'); height: 9px; font-size: 2px;} .rounded_cccccc_2px .tr {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_2px_cccccc.gif'); background-position: 100% 0; height: 9px; font-size: 2px;} .rounded_cccccc_2px .bl {margin-right: 9px; background-image: url('images/corners1280x18_2px_cccccc.gif'); background-position: 0 -9px; height: 9px; font-size: 2px; } .rounded_cccccc_2px .br {margin-top: -9px; margin-left: 9px; background-image: url('images/corners1280x18_2px_cccccc.gif'); background-position: 100% -9px; height: 9px; font-size: 2px;} .rounded_cccccc_2px .inside {border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; color: #000000; padding-left: 20px; padding-right: 20px; padding-top:10px;} .notopgap {margin-top: 0;} .nobottomgap {margin-bottom: 0;} p.nobottomgap {margin:0; padding:0;} /* ---------------------------------------------------- */ /* CORE OVERRIDES /* ---------------------------------------------------- */ input {cursor:text !important;} textarea {cursor:text !important;} /* FCKEDITOR OVERRIDES */ #divLinkTypeArticle {display: none;} #divLinkTypeTopic {display: none;} #divLinkTypeArticleOption {display:none;} #divLinkTypeTopicOption {display:none;} .ghost_content_wrapper {} .EditFromPreviewItem {border:0px solid red; position:relative; max-height:70px;} .EditFromPreviewItem_articles {} /* ---------------------------------------------------- */ /* BUTTON STYLING /* ---------------------------------------------------- */ a.button, span.button, del.button{ display:-moz-inline-box; display:inline-block; cursor:pointer; border:none; font-size:0; line-height:0; /* for Safari, read this first http://creativebits.org/webdev/safari_background_repeat_bug_fix */ background-position:0 0; background-repeat:no-repeat; height:30px; text-decoration:none; color:#2e523b; font-style:normal; margin:0 6px 0px 0; padding:0 10px 0 0; vertical-align:middle; padding-top:-2px; _position:relative; _width:10px; _overflow-y:hidden; } a.button, span.button, del.button, a.button span, span.button button, span.button input, del.button span{ background-image:url(images/form_buttons.png); _background-image:url(images/form_buttons.gif); } a.button span, span.button button, span.button input, del.button span{ white-space:nowrap; cursor:pointer; color:#222; display:-moz-inline-box; display:inline-block; line-height:1; letter-spacing:0 !important; font-family:"Arial" !important; font-size:12px !important; font-style:normal; background-color:transparent; background-position:100% 0; background-repeat:no-repeat; height:30px; padding:8px 20px 0 10px; margin:0 -16px 0 10px; border:none; vertical-align:text-top; zoom:1; _position:relative; _padding-left:0px; _padding-right:12px; _margin-right:-10px; _display:block; _top:0; _right:-5px; } span.button button{ line-height:2.5;/*Opera need this*/ } html.safari a.button span, html.safari del.button span{line-height:1.3;} html.safari span.button button{line-height:2.6;} html.safari a.button:focus, html.safari span.button button:focus{outline:none;} del.button{/* cursor:not-allowed; */ background-position:0 -120px;} del.button span{cursor:default; color:#aaa !important; background-position:100% -120px;} span.button button, span.button input{padding-top:0px; line-height:2.5;/*Opera need this*/ } /** optional **/ /* a.button:visited{ color:#aaa; } */ /*Hover Style*/ a.button:hover, span.button:hover, a.button:focus, a.dom-button-focus, span.button-behavior-hover{background-position:0 -60px; color:#222; text-decoration:none;} a.button:hover span, span.button:hover button, a.button:focus span, span.button-behavior-hover button, span.button-behavior-hover input{background-position:100% -60px;} a.button:active, a.button:focus span{color:#444;} del.button-behavior-hover, del.button:hover{background-position:0 -180px; /* cursor:not-allowed; */ } del.button-behavior-hover span, del.button:hover span{background-position:100% -180px; /* cursor:not-allowed; */ } /*Optional hack for IE6 to simulate :hover selector*/ span.button button, del.button span, span.button input{ _behavior:expression( (function(el){ if( typeof( behavior_onMouseEnter) == 'undefined'){ behavior_onMouseEnter = function(el){ var dEl = this.parentNode; var sClass = dEl.className ; dEl.__defaultClassName = sClass ; dEl.className = sClass + ' button-behavior-hover'; this.setCapture(); }; behavior_onMouseLeave = function(el) { var dEl = this.parentNode; dEl.className = dEl.__defaultClassName ; dEl.__defaultClassName = undefined; this.releaseCapture(); }; }; el.runtimeStyle.behavior = 'none'; el.onmouseenter = behavior_onMouseEnter; el.onmouseleave = behavior_onMouseLeave; })(this)); } a.button span, span.button button, span.button input, del.button span { }