/* ---------------------------------------------------- */ /* GLOBAL RESETS */ /* ---------------------------------------------------- */ /* body, h1, h2, h3, h4, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, input, textarea, blockquote, th, p, td {margin:0px; padding:0px;} html, div, map, dt, isindex, form {display:block;} */ body {margin:0; padding:0;} h1 {font-size:15px;} h2 {font-size:13px;} br.clear-left {clear: left;} br.clear {clear: both;} /* p {padding:4px 0px;} */ table {} table tr td {} table.data {font-size:11px; width:94%;} table.data thead tr th {text-align:left; background:url(images/bg-table-header.gif) repeat-x; height:28px; padding:0px 6px; border-bottom:1px solid #eaeaea;} table.data tbody tr td {vertical-align:top; padding: 4px 6px;} table.data tbody tr {background-color:#fff;} table.data tbody tr.alt {background-color:#eaeaea;} table.data tbody tr td table tr {background-color:transparent;} .hide {display:none;} .href-btn {height:25px; border:0px; cursor:pointer;} .save-btn {background:url(images/btns.gif) 0px -798px no-repeat; width:60px; border:1px solid red;} .cancel-btn {background:url(images/btns.gif) 0px -400px no-repeat; width:71px;} .preview-btn {background:url(images/btns.gif) 0px -823px no-repeat; width:92px;} .red {color:red;} .columns {float:left; margin-right:15px; width:40%;} .first-column {} .step {font-size:16px; font-weight:bold;} .error {color:#ff0000; font-weight:bold;} /* ---------------------------------------------------- */ /* BODY DEFINITIONS */ /* ---------------------------------------------------- */ #self-service {background-color:#f2f3f5; padding-left:10px; padding-top:5px;} #self-service #menu_background table {margin-left:13px;} #self-service .nav-menu {margin-left:12px;} #self-service .box-curved-trans {margin-top:15px;} /* ---------------------------------------------------- */ /* PAGE LAYOUT */ /* ---------------------------------------------------- */ .layout-actions {width:100%;} .layout-actions img {border:0px;} .layout-actions .msg {font-size:11px; padding-top:1px;} .layout-actions .btns {text-align:right; padding-right:0px;} .email-format-tabs {margin-left:30px; margin-bottom:15px;} .email-format-tabs img {border:0px;} .email-format-tabs tr td {padding-right:6px;} /* ---------------------------------------------------- */ /* ADMIN_BRAND_BAR.CFM */ /* ---------------------------------------------------- */ #global-nav {background:url(images/welcome-bg.gif) top right no-repeat; height:30px; padding:0; margin:0; font-family:verdana,helvetica;} #global-nav .branding {float:left; width:40%; padding:0; margin:0; margin-top:4px; font-size:10px;} #global-nav .branding .brand-name {border-bottom:0px solid red; font-size:14px; font-weight:bold; color:#666;} #global-nav .menu {float:right; text-align:right; width:500px; padding:0; margin:0; padding-top:6px; color:#000; font-size:11px;} #global-nav .menu .user-info {padding-right:20px;} #global-nav .menu a {color:#000; font-size:11px; margin-right:12px;} /* ---------------------------------------------------- */ /* ADMIN_MENU_LOYALTYDRIVER_NAV.CFM */ /* ---------------------------------------------------- */ #admin-menu-loyalty-nav .current-issue {padding-top:4px;} #admin-menu-loyalty-nav .current-issue a {text-decoration:none; font-size:14px; font-weight:bold; color:#000;} #admin-menu-loyalty-nav .actions {margin-bottom:10px;} #admin-menu-loyalty-nav .primary-actions {} #admin-menu-loyalty-nav .primary-actions img {border:0px;} #admin-menu-loyalty-nav .primary-actions p {padding:0px; margin:0px; background-color:#f3f3f3; margin-bottom:12px; padding:4px 4px 4px 6px; font-size:10px; width:146px;} #admin-menu-loyalty-nav .secondary-actions {margin-bottom:10px; margin-top:10px; padding-left:4px; list-style:none;} #admin-menu-loyalty-nav .secondary-actions li {margin-bottom:8px;} /* ---------------------------------------------------- */ /* ADMIN_MENU_PREVIEW_NAV.CFM */ /* ---------------------------------------------------- */ #legal {font-size:10px;} #admin-menu-preview-nav {} #admin-menu-preview-nav em {font-size:10px;} #admin-menu-preview-nav img {border:0px;} #admin-menu-preview-nav ul {list-style:none;} #admin-menu-preview-nav ul li {background-color:#ececec; margin-bottom:2px;} #admin-menu-preview-nav ul li strong {font-size:10px;} #admin-menu-preview-nav ul li a {text-decoration:none; color:#000; font-weight:bold; font-size:10px; border:0px solid red; display:block; padding:4px 6px; } #admin-menu-preview-nav ul li a:hover {background-color:#ffffcc;} #admin-menu-preview-nav .toggle {display:inline; border:0px solid red; padding:0px; float:right; margin-top:4px; margin-right:6px;} #admin-menu-preview-nav .section {margin-bottom:10px; border:0px solid red;} #admin-menu-preview-nav .issues {width:95%; background-color:#fff; padding:6px; margin:4px;} #admin-menu-preview-nav .issues .active {background-color:#ccff99;} #admin-menu-preview-nav .issues td {padding: 2px 4px; border-bottom:1px solid #ececec;} #admin-menu-preview-nav .issues td a {font-weight:normal; padding:0px;} #admin-menu-preview-nav .issues td a:hover {background-color:transparent;} #admin-menu-preview-nav .issues td a img {margin-bottom:4px;} #admin-menu-preview-nav .issues td.icons {width:15px;} #admin-menu-preview-nav .issues .paging {background-color:#dddddd; padding:0px; border-top:0px !important; text-align:right; vertical-align:center;} #admin-menu-preview-nav .issues .paging a {display:inline; margin-top:5px; display:block; float:right; margin-right:6px;} #admin-menu-preview-nav .issues .date {font-size:10px;} #admin-menu-preview-nav .issues em {font-style:italic; font-size:10px;} #admin-menu-preview-nav ul li ul {background-color:#fff; list-style:none;} #admin-menu-preview-nav ul li ul li {background-color:#fff;} #admin-menu-preview-nav ul li ul li a {font-weight:normal; display:block;} #admin-menu-preview-nav ul li ul li:hover {background-color:#ececec;} #admin-menu-preview-nav ul li ul li.spacer {border:0px solid red; height:2px; background-color:#ececec; padding:0;} #system-messages {background:#ff0000; padding:4px; margin-bottom:10px; color:#fff; font-weight:bold; font-size:10px;} #system-messages a {color:#fff; font-weight:bold; font-size:10px;} #system-admin-tools {margin-top:160px;} #system-admin-tools, #system-admin-tools a {font-size:11px;} #system-admin-tools h3 {font-size:11px; background:#ececec; padding:4px 8px;} #system-admin-tools ul {padding:4px 8px; list-style:none; margin-top:0px;} #system-admin-tools ul li {padding-bottom:10px;} /* ---------------------------------------------------- */ /* MANAGE ARTICLES */ /* ---------------------------------------------------- */ #manage-articles {} #manage-articles tbody tr td {font-size:11px; padding:2px 1px; vertical-align:middle;} #manage-articles a {font-size:11px;} #manage-articles tbody tr td a {color:#000; font-size:12px !important;} #manage-articles .section span {text-transform:uppercase; font-weight:bold; font-size:10px; color:#91b155; padding:4px 8px; border-bottom:2px solid #91b155; width:200px;} /* ---------------------------------------------------- */ /* REPORTING */ /* ---------------------------------------------------- */ .report-tabs td {border-bottom:1px solid #666666;} #generate-report {} /* ---------------------------------------------------- */ /* MENU */ /* ---------------------------------------------------- */ #menu_background {border:0px solid red;} #menu_background table {border:0px solid red; margin-top:8px; margin-left:9px; height:20px;} #menu_background table tr td {background-color:#91a3c2 !important;} #menu_background table tr td.image {background-color:transparent !important; border:0px solid red;} .nav-menu {border:0px solid red; margin-top:11px; margin-left:12px; background-color:#91a3c2 !important;} .nav-menu a {background-color:#91a3c2; color:#000; font-size:11px;} .box-curved-trans .interior div.content {padding-top:10px;} /* ---------------------------------------------------- */ /* PAGE SPECIFIC RULES */ /* ---------------------------------------------------- */ #publishing-options {} #publishing-options .content .content h2 {border-bottom:2px solid #91b155; color:#333; padding:4px 6px} #add-new-content .content .content h2 {border-bottom:2px solid #91b155; color:#333; padding:4px 0px; margin:8px 0px; width:75%;} #layout-actions {margin-left:8px; margin-top:20px;} #confirmation {width:500px; text-align:left;} #error-display {width:500px; text-align:left;} #get-password {width:500px; text-align:left;} /* ---------------------------------------------------- */ /* COMMON MISC TREATMENTS */ /* ---------------------------------------------------- */ .article-title-bullet-sq {background:url(images/bullet-sq.gif) left no-repeat; padding-left:14px; padding-top:2px; line-height:14px;} .article-title-bullet-circ {background:url(images/bullet-circ.gif) left no-repeat; padding-left:14px; padding-top:2px; line-height:14px;} /* ---------------------------------------------------- */ /* CHARTS */ /* ---------------------------------------------------- */ .v-graph {position: relative; width: 600px; height: 300px; margin: 1.1em 0 3.5em; padding: 0; background: #f1f1f1; border: 2px solid gray; list-style: none; font: 10px Helvetica, Geneva, sans-serif;} .v-graph ul {margin: 0; padding: 0; list-style: none;} .v-graph li {position: absolute; bottom: 0; width: 150px; z-index: 2; margin: 0; padding: 0; text-align: center; list-style: none;} .v-graph li.qtr {height: 298px; padding-top: 2px; border-right: 1px dotted #C4C4C4; color: #AAA;} .v-graph li.bar {width: 60px; border: 1px solid; border-bottom: none; color: #000; font-size:11px; letter-spacing:1px;} .v-graph li.bar p {margin: 5px 0 0; padding: 0;} .v-graph li.ds1 {left: 13px; background: #95b3d7; border-color: #cee0f6 #7ca4d4 #000 #cee0f6;} .v-graph li.ds2 {left: 77px; background: #c3d69b; border-color: #dfe9cb #b2ca80 #000 #dfe9cb;} .v-graph #q1 {left: 0;} .v-graph #q2 {left: 150px;} .v-graph #q3 {left: 300px;} .v-graph #q4 {left: 450px; border-right: none;} .v-graph #ticks {width: 600px; height: 300px; z-index: 1;} .v-graph #ticks .tick {position: relative; border-bottom: 1px solid #BBB; width: 600px;} .v-graph #ticks .tick p {position: absolute; left: 100%; top: -0.67em; margin: 0 0 0 0.5em;} table.h-graph {background-image:url(bg_fade.png); background-repeat:repeat-x; background-position:left top; width: 33em; font: 11px Helvetica, Geneva, sans-serif; white-space:nowrap;} table.h-graph td.value {background-image: url(gridline58.gif); background-repeat: repeat-x; background-position: left top; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding:0; border-bottom: none; background-color:transparent;} table.h-graph td {padding: 4px 6px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background-color:#fff; } table.h-graph td.value img {vertical-align: middle; margin: 5px 5px 5px 0; background-color:#d99694;} table.h-graph th {text-align: left; vertical-align:top;} table.h-graph td.last {border-bottom:1px solid #e5e5e5;} table.h-graph td.first {border-top:1px solid #e5e5e5;} table.h-graph caption {font-size:100%; text-align:left;} /* ---------------------------------------------------- */ /* ROUNDED CONTAINERS (box-corners.gif) */ /* ---------------------------------------------------- */ .color-d1d7e1 {background-color:#d1d7e1; margin:8px 4px;} .color-a60000 {background-color:#a60000; margin:16px 10px;} .color-ccc {background-color:#ccc; margin:16px 10px;} .color-f2f3f5 {background-color:#f2f3f5;} .interior {font-size:12px; font-family:verdana;} .interior h1, .interior h2 {padding:8px 0px;} .box-curved-trans {font-family:verdana, helvetica;} .content {font-size:12px;} .content img {border:0px;} .content table tr td {font-size:12px;} .box-curved-1px-d1d7e1 {background-color:#d1d7e1; margin:16px 10px; padding:0;} .box-curved-1px-d1d7e1 .top .cnr {height:4px; border-style:solid; border-width:1px 0 0; border-color:#d1d7e1;} .box-curved-1px-d1d7e1 .top .cnr .rgt, .box-curved-1px-d1d7e1 .top .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px; margin-top:-1px !important;} .box-curved-1px-d1d7e1 .top .cnr .lft {background-position:-15px -43px; float:left;} .box-curved-1px-d1d7e1 .top .cnr .rgt {background-position:-9px -43px; float:right;} .box-curved-1px-d1d7e1 .interior {border-width:0 1px; border-color:#d1d7e1; border-style:solid; margin:0; padding:0 12px !important} .box-curved-1px-d1d7e1 .btm .cnr {height:4px; border-style:solid; border-width:0 0 1px; border-color:#d1d7e1;} .box-curved-1px-d1d7e1 .btm .cnr .rgt, .box-curved-1px-d1d7e1 .btm .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px; margin-bottom:-1px !important; margin-top:0 !important;} .box-curved-1px-d1d7e1 .btm .cnr .lft {background-position:-15px -49px; float:left;} .box-curved-1px-d1d7e1 .btm .cnr .rgt {background-position:-9px -49px; float:right;} .box-curved-1px-3074b8 {background-color:#3074b8; margin:16px 10px; padding:0;} .box-curved-1px-3074b8 .top .cnr {height:4px; border-style:solid; border-width:1px 0 0; border-color:#3074b8;} .box-curved-1px-3074b8 .top .cnr .rgt, .box-curved-1px-3074b8 .top .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px; margin-top:-1px !important;} .box-curved-1px-3074b8 .top .cnr .lft {background-position:-15px -85px; float:left;} .box-curved-1px-3074b8 .top .cnr .rgt {background-position:-9px -85px; float:right;} .box-curved-1px-3074b8 .interior {border-width:0 1px; border-color:#3074b8; border-style:solid; margin:0; padding:0 12px !important} .box-curved-1px-3074b8 .btm .cnr {height:4px; border-style:solid; border-width:0 0 1px; border-color:#3074b8;} .box-curved-1px-3074b8 .btm .cnr .rgt, .box-curved-1px-3074b8 .btm .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px; margin-bottom:-1px !important; margin-top:0 !important;} .box-curved-1px-3074b8 .btm .cnr .lft {background-position:-15px -91px; float:left;} .box-curved-1px-3074b8 .btm .cnr .rgt {background-position:-9px -91px; float:right;} .box-curved-1px-91b155 {background-color:#91b155; margin:16px 10px; padding:0;} .box-curved-1px-91b155 .top .cnr {height:4px; border-style:solid; border-width:1px 0 0; border-color:#91b155;} .box-curved-1px-91b155 .top .cnr .rgt, .box-curved-1px-91b155 .top .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px; margin-top:-1px !important;} .box-curved-1px-91b155 .top .cnr .lft {background-position:-15px -67px; float:left;} .box-curved-1px-91b155 .top .cnr .rgt {background-position:-9px -67px; float:right;} .box-curved-1px-91b155 .interior {border-width:0 1px; border-color:#91b155; border-style:solid; margin:0; padding:0 12px !important} .box-curved-1px-91b155 .btm .cnr {height:4px; border-style:solid; border-width:0 0 1px; border-color:#91b155;} .box-curved-1px-91b155 .btm .cnr .rgt, .box-curved-1px-91b155 .btm .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px; margin-bottom:-1px !important; margin-top:0 !important;} .box-curved-1px-91b155 .btm .cnr .lft {background-position:-15px -73px; float:left;} .box-curved-1px-91b155 .btm .cnr .rgt {background-position:-9px -73px; float:right;} .box-curved-1px-fff {background-color:#fff; margin:16px 10px 0px 10px; padding:0;} .box-curved-1px-fff .top .cnr {height:4px; border-style:solid; border-width:1px 0 0; border-color:#fff;} .box-curved-1px-fff .top .cnr .rgt, .box-curved-1px-fff .top .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px; margin-top:-1px !important;} .box-curved-1px-fff .top .cnr .lft {background-position:-15px -13px; float:left;} .box-curved-1px-fff .top .cnr .rgt {background-position:-9px -13px; float:right;} .box-curved-1px-fff .interior {border-width:0 1px; border-color:#fff; border-style:solid; margin:0; padding:0 12px !important;} .box-curved-1px-fff .btm .cnr {height:4px; border-style:solid; border-width:0 0 1px; border-color:#fff;} .box-curved-1px-fff .btm .cnr .rgt, .box-curved-1px-fff .btm .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px; margin-bottom:-1px !important; margin-top:0 !important;} .box-curved-1px-fff .btm .cnr .lft {background-position:-15px -19px; float:left;} .box-curved-1px-fff .btm .cnr .rgt {background-position:-9px -19px; float:right;} .box-curved-1px-fff-edf0f4 {background-color:#fff; margin:0px; padding:0;} .box-curved-1px-fff-edf0f4 .top .cnr {height:4px; border-style:solid; border-width:1px 0 0; border-color:#cde0f3;} .box-curved-1px-fff-edf0f4 .top .cnr .rgt, .box-curved-1px-fff-edf0f4 .top .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px; margin-top:-1px !important;} .box-curved-1px-fff-edf0f4 .top .cnr .lft {background-position:-27px -31px; float:left;} .box-curved-1px-fff-edf0f4 .top .cnr .rgt {background-position:-21px -31px; float:right;} .box-curved-1px-fff-edf0f4 .interior {border-width:0 1px; border-color:#cde0f3; border-style:solid; margin:0; padding:0 12px !important;} .box-curved-1px-fff-edf0f4 .btm .cnr {height:4px; border-style:solid; border-width:0 0 1px; border-color:#cde0f3;} .box-curved-1px-fff-edf0f4 .btm .cnr .rgt, .box-curved-1px-fff-edf0f4 .btm .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px; margin-bottom:-1px !important; margin-top:0 !important;} .box-curved-1px-fff-edf0f4 .btm .cnr .lft {background-position:-27px -37px; float:left;} .box-curved-1px-fff-edf0f4 .btm .cnr .rgt {background-position:-21px -37px; float:right;} .box-curved-2px-sqbtm-e3e3e3 {margin:2px 0px;} .box-curved-2px-sqbtm-e3e3e3 div , .box-curved-2px-sqbtm-e3e3e3 p , .box-curved-2px-sqbtm-e3e3e3 ul , .box-curved-2px-sqbtm-e3e3e3 ul {margin:0px; padding:0px;} .box-curved-2px-sqbtm-e3e3e3 .top .cnr {border-top:2px solid #e3e3e3; height:3px;} .box-curved-2px-sqbtm-e3e3e3 .top .cnr .lft, .box-curved-2px-sqbtm-e3e3e3 .top .cnr .rgt {background-image:url(images/box-corners.gif); background-repeat:no-repeat; height:5px; width:5px;} .box-curved-2px-sqbtm-e3e3e3 .top .cnr .lft {background-position:-15px -25px; margin-top:-2px; float:left;} .box-curved-2px-sqbtm-e3e3e3 .top .cnr .rgt {background-position:-9px -25px; margin-top:-2px; float:right;} .box-curved-2px-sqbtm-e3e3e3 .interior {border-color:#e3e3e3; border-style:solid; border-width:0 2px 2px; padding:3px 6px 5px;} .box-curved-2px-sqbtm-d1d7e1 {margin:5px 10px;} .box-curved-2px-sqbtm-d1d7e1 div , .box-curved-2px-sqbtm-d1d7e1 p , .box-curved-2px-sqbtm-d1d7e1 h1 , .box-curved-2px-sqbtm-d1d7e1 h2 , .box-curved-2px-sqbtm-d1d7e1 table , .box-curved-2px-sqbtm-d1d7e1 ul , .box-curved-2px-sqbtm-d1d7e1 li {margin:0; padding:0;} .box-curved-2px-sqbtm-d1d7e1 .top .cnr {border-top:2px solid #d1d7e1; height:3px;} .box-curved-2px-sqbtm-d1d7e1 .top .cnr .lft, .box-curved-2px-sqbtm-d1d7e1 .top .cnr .rgt {background-image:url(images/box-corners.gif); background-repeat:no-repeat; height:5px; width:5px;} .box-curved-2px-sqbtm-d1d7e1 .top .cnr .lft {background-position:-15px -61px; margin-top:-2px; float:left;} .box-curved-2px-sqbtm-d1d7e1 .top .cnr .rgt {background-position:-9px -61px; margin-top:-2px; float:right;} .box-curved-2px-sqbtm-d1d7e1 .interior {border-color:#d1d7e1; border-style:solid; border-width:0 2px 2px; padding:6px 13px 10px;} .box-curved-2px-004997 {margin:5px 10px;} .box-curved-2px-004997 .top .cnr {border-top:2px solid #004997; height:3px;} .box-curved-2px-004997 .top .cnr .lft, .box-curved-2px-004997 .top .cnr .rgt {background-image:url(images/box-corners.gif); background-repeat:no-repeat; height:5px; width:5px;} .box-curved-2px-004997 .top .cnr .lft {background-position:-15px -37px; margin-top:-2px; float:left;} .box-curved-2px-004997 .top .cnr .rgt {background-position:-9px -37px; margin-top:-2px; float:right;} .box-curved-2px-004997 .interior {border-color:#004997; border-style:solid; border-width:0 2px 2px; padding:6px 13px 10px;} .box-curved-2px-3183ba {margin:5px 10px;} .box-curved-2px-3183ba .top .cnr {border-top:2px solid #3183ba; height:3px;} .box-curved-2px-3183ba .top .cnr .lft, .box-curved-2px-3183ba .top .cnr .rgt {background-image:url(images/box-corners.gif); background-repeat:no-repeat; height:5px; width:5px;} .box-curved-2px-3183ba .top .cnr .lft {background-position:-15px -55px; margin-top:-2px; float:left;} .box-curved-2px-3183ba .top .cnr .rgt {background-position:-9px -55px; margin-top:-2px; float:right;} .box-curved-2px-3183ba .interior {border-color:#3183ba; border-style:solid; border-width:0 2px 2px; padding:6px 13px 10px;} .box-curved-trans {padding-bottom:4px;} .box-curved-trans p , .box-curved-trans form , .box-curved-trans ul , .box-curved-trans li {margin:0; padding:0;} .box-curved-trans p {padding-bottom:5px;} .box-curved-trans h1, .box-curved-trans h2 {padding:0; margin:0; padding:2px 10px 4px 10px;} .box-curved-trans .cnr {height:5px;} .box-curved-trans .cnr .rgt, .box-curved-trans .cnr .lft {background:url(images/box-corners.gif) no-repeat; width:5px; height:5px;} .box-curved-trans .cnr .lft {background-position:-15px -7px; float:left;} .box-curved-trans .cnr .rgt {background-position:-9px -7px; float:right;} .box-curved-trans span {padding-left:10px; padding-bottom:6px; display:block;} .box-curved-trans .interior {background-color:#fff; margin:0 4px;} .box-curved-trans .interior .content {padding:0 10px;} .box-curved-trans .interior .cnr {height:3px;} .box-curved-trans .interior .cnr .lft, .box-curved-trans .interior .cnr .rgt {background:url(images/box-corners.gif) no-repeat; width:3px; height:3px;} .color-d1d7e1 .interior .cnr .lft {background-position:-5px -9px !important; float:left;} .color-d1d7e1 .interior .cnr .rgt {background-position:-1px -9px !important; float:right;} .color-a60000 .interior .cnr .lft {background-position:-5px -37px; float:left;} .color-a60000 .interior .cnr .rgt {background-position:-1px -37px; float:right;} .color-ccc .interior .cnr .lft {background-position:-5px -33px; float:left;} .color-ccc .interior .cnr .rgt {background-position:-1px -33px; float:right;} .color-f2f3f5 .interior .cnr .lft {background-position:-5px -13px; float:left;} .color-f2f3f5 .interior .cnr .rgt {background-position:-1px -13px; float:right;} .box-curved-1px-d1d7e1 , .box-curved-1px-fff-edf0f4 , .box-curved-1px-3074b8 , .box-curved-1px-91b155 , .box-curved-1px-fff , .box-curved-2px-sqbtm-e3e3e3 , .box-curved-2px-sqbtm-d1d7e1 , .box-curved-2px-ccc , .box-curved-2px-004997 , .box-curved-2px-3183ba , .box-curved-trans {overflow:hidden !important;} /* ---------------------------------------------------- */ /* FORM STYLING */ /* ---------------------------------------------------- */ fieldset {border:0px;} fieldset legend {color:#666; font-size:10px; padding-bottom:20px;} fieldset label {display: block; width: 120px; float: left; margin-bottom: 10px;} fieldset input.textbox {border:1px solid #666; width:200px; display:block; float:left; margin-bottom:10px;} fieldset select {border:1px solid #666; float:left; margin-bottom:10px;} fieldset label {text-align: right; width: 120px; padding-right:4px;} fieldset span.status {width:12px; height:15px; display:block; float:left; margin-right:4px; margin-left:4px;} fieldset span.valid {background:url(images/ico-graphics.gif) 0px -68px no-repeat; width:9px; height:7px; margin-top:4px; padding:0px;} fieldset span.required {background:url(images/ico-graphics.gif) 0px -53px no-repeat; width:9px; height:7px; margin-top:4px; padding:0px;} fieldset span.help, fieldset span.msg {font-size:11px; border:0px solid red; line-height:15px; font-style:italic;} fieldset span.help {background:url(images/ico-alert.gif) 2px 6px no-repeat; padding:4px 6px 4px 18px; margin-left:4px; border-bottom:1px dashed red;} fieldset span.msg {padding:4px 2px; margin-left:0px; color:#666;} fieldset .actions {margin-top:10px;} /* ---------------------------------------------------- */ /* START: BUTTON STYLING /* ---------------------------------------------------- */ span.button {pointer:cursor !important;} 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 2px 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:10px 12px 0 4px; margin:0 -16px 0 10px; border:none; vertical-align:text-top; zoom:1; _position:relative; _padding-left:0px; _padding-right:8px; _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 { } /* ---------------------------------------------------- */ /* GRAPHICS AND ICONS */ /* ---------------------------------------------------- */ .ico-alert {background:url(images/ico-graphics.gif) 0px -275px no-repeat; width:10px; height:10px; margin-right:5px; border:0px;} .ico-alert-reverse {background:url(images/ico-graphics.gif) 0px -979px no-repeat; width:10px; height:10px; margin-right:5px; border:0px;} .ico-delete {background:url(images/ico-graphics.gif) 0px -372px no-repeat; width:8px; height:8px; margin-right:5px; border:0px;} .ico-check-green {background:url(images/ico-graphics.gif) 0px -68px no-repeat; width:9px; height:7px; margin-right:5px; border:0px;} .ico-check-red {background:url(images/ico-graphics.gif) 0px -53px no-repeat; width:9px; height:7px; margin-right:5px; border:0px;} .ico-help {background:url(images/ico-graphics.gif) 0px -83px no-repeat; width:6px; height:10px; margin-right:5px; border:0px;} .ico-red-dot {background:url(images/ico-graphics.gif) -21px -147px no-repeat; width:11px; height:11px; border:0px;} .ico-external-link {background:url(images/ico-graphics.gif) -20px -178px no-repeat; width:12px; height:12px; border:0px;} .ico-first-page {background:url(images/ico-graphics.gif) 0px -180px no-repeat; width:6px; height:8px; margin-right:5px; border:0px;} .ico-last-page {background:url(images/ico-graphics.gif) 0px -196px no-repeat; width:6px; height:8px; margin-right:5px; border:0px;} .ico-next {background:url(images/ico-graphics.gif) 0px -212px no-repeat; width:6px; height:8px; margin-right:5px; border:0px;} .ico-previous {background:url(images/ico-graphics.gif) 0px -228px no-repeat; width:6px; height:8px; margin-right:5px; border:0px;} .ico-play {background:url(images/ico-graphics.gif) 0px -244px; no-repeat; width:5px; height:8px; margin-right:5px; border:0px;} .ico-expand {background:url(images/ico-graphics.gif) 0px -34px no-repeat; width:12px; height:12px; margin-right:5px; border:0px;} .ico-collapse {background:url(images/ico-graphics.gif) 0px -386px no-repeat; width:12px; height:12px; margin-right:5px; border:0px;} .ico-edit {background:url(images/ico-graphics.gif) 0px -3px no-repeat; width:10px; height:10px; margin-right:5px; border:0px;} .ico-magnify {background:url(images/ico-graphics.gif) 0px -99px no-repeat; width:10px; height:10px; margin-right:5px; border:0px;} .ico-arrow-up-right-green {background:url(images/ico-graphics.gif) 0px -356px no-repeat; width:8px; height:8px; margin-right:5px; border:0px;} .ico-arrow-down-green {background:url(images/ico-graphics.gif) -22px -163px no-repeat; width:10px; height:10px; margin-right:5px; border:0px;} .ico-add-green {background:url(images/ico-graphics.gif) 0px -404px no-repeat; width:8px; height:8px; margin-right:5px; border:0px;} .ico-copy-paste-mini {background:url(images/ico-graphics.gif) 0px -418px no-repeat; width:10px; height:10px; margin-right:5px; border:0px;} .ico-folder-mini {background:url(images/ico-graphics.gif) 0px -436px no-repeat; width:10px; height:8px; margin-right:5px; border:0px;} .ico-save-mini {background:url(images/ico-graphics.gif) 0px -819px no-repeat; width:10px; height:10px; margin-right:5px; border:0px;} .ico-doc-mini-green {background:url(images/ico-graphics.gif) 0px -883px no-repeat; width:8px; height:10px; margin-right:5px; border:0px;} .ico-doc-mini-red {background:url(images/ico-graphics.gif) 0px -899px no-repeat; width:8px; height:10px; margin-right:5px; border:0px;} .ico-doc-mini-white {background:url(images/ico-graphics.gif) 0px -915px no-repeat; width:8px; height:10px; margin-right:5px; border:0px;} .ico-doc-mini-yellow {background:url(images/ico-graphics.gif) 0px -931px no-repeat; width:8px; height:10px; margin-right:5px; border:0px;} .ico-save {background:url(images/ico-graphics.gif) 0px -832px no-repeat; width:16px; height:16px; margin-right:5px; border:0px;} .ico-user {background:url(images/ico-graphics.gif) 0px -849px no-repeat; width:14px; height:14px; margin-right:5px; border:0px;} .ico-add-user {background:url(images/ico-graphics.gif) 0px -800px no-repeat; width:15px; height:16px; margin-right:5px; border:0px;} .ico-chart {background:url(images/ico-graphics.gif) 0px -785px no-repeat; width:16px; height:14px; margin-right:5px; border:0px;} .ico-email {background:url(images/ico-graphics.gif) 0px -450px no-repeat; width:15px; height:12px; margin-right:5px; border:0px;} .ico-flag-red {background:url(images/ico-graphics.gif) 0px -465px no-repeat; width:14px; height:15px; margin-right:5px; border:0px;} .ico-flag-green {background:url(images/ico-graphics.gif) 0px -481px no-repeat; width:14px; height:15px; margin-right:5px; border:0px;} .ico-flag-orange {background:url(images/ico-graphics.gif) 0px -497px no-repeat; width:14px; height:15px; margin-right:5px; border:0px;} .ico-print {background:url(images/ico-graphics.gif) 0px -512px no-repeat; width:16px; height:16px; margin-right:5px; border:0px;} .ico-copy-paste {background:url(images/ico-graphics.gif) 0px -528px no-repeat; width:16px; height:16px; margin-right:5px; border:0px;} .ico-copy-issue {background:url(images/ico-graphics.gif) -20px -228px no-repeat; width:12px; height:10px; margin-right:5px; border:0px;} .ico-folder {background:url(images/ico-graphics.gif) 0px -544px no-repeat; width:16px; height:16px; margin-right:5px; border:0px;} .ico-doc-pdf {background:url(images/ico-graphics.gif) 0px -560px no-repeat; width:16px; height:16px; margin-right:5px; border:0px;} .ico-move-up {background:url(images/ico-graphics.gif) 0px -161px no-repeat; width:14px; height:14px; margin-right:5px; border:0px;} .ico-move-down {background:url(images/ico-graphics.gif) 0px -113px no-repeat; width:14px; height:14px; margin-right:5px; border:0px;} .ico-move-right {background:url(images/ico-graphics.gif) 0px -145px no-repeat; width:14px; height:14px; margin-right:5px; border:0px;} .ico-move-left {background:url(images/ico-graphics.gif) 0px -129px no-repeat; width:14px; height:14px; margin-right:5px; border:0px;} .article-remove {width:16px; height:64px; background:url(images/ico-graphics.gif) 0px -624px; border:0px;} .article-restore {width:16px; height:62px; background:url(images/ico-graphics.gif) 0px -720px; border:0px;} .article-edit-vert {width:16px; height:42px; background:url(images/ico-graphics.gif) 0px -576px; margin-bottom:1px; border:0px;} .article-edit-vert-left {width:16px; height:42px; background:url(images/ico-graphics.gif) -18px -576px; border:0px;} .article-edit-hor {width:42px; height:16px; background:url(images/ico-graphics.gif) -36px -576px; border:0px;} .article-move-up {width:14px; height:14px; background:url(images/ico-graphics.gif) 0px -161px; margin:1px; border:0px;} .article-move-down {width:14px; height:14px; background:url(images/ico-graphics.gif) 0px -113px; margin:1px; border:0px;} .article-delete {width:14px; height:14px; background:url(images/ico-graphics.gif) 3px -368px; margin-left:1px; border:0px;} .article-change-reject {} .article-change-approve {} .article-add-hor {width:80px; height:16px; background:url(images/ico-graphics.gif) 0px -688px; border:0px;} .survey-add-hor {width:84px; height:16px; background:url(images/ico-graphics.gif) 0px -704px; border:0px;} .header-add-hor {width:87px; height:16px; background:url(images/ico-graphics.gif) 0px -1216px; border:0px;} .footer-add-hor {width:82px; height:16px; background:url(images/ico-graphics.gif) 0px -1232px; border:0px;} .header-edit-hor {width:87px; height:16px; background:url(images/ico-graphics.gif) 0px -1248px; border:0px;} .footer-edit-hor {width:82px; height:16px; background:url(images/ico-graphics.gif) 0px -1264px; border:0px;} .admin-layout-add {width:47px; height:12px; background:url(images/ico-graphics.gif) 0px -258px; margin:4px 4px; border:0px;} .admin-layout-edit {width:14px; height:12px; background:url(images/ico-graphics.gif) 0px -18px; margin:2px; border:0px;} .admin-layout-bracket-tr {width:13px; height:8px; background:url(images/ico-graphics.gif) 0px -291px; margin:4px; border:0px;} .admin-layout-bracket-br {width:13px; height:8px; background:url(images/ico-graphics.gif) 0px -308px; margin:4px; border:0px;} .admin-layout-bracket-tl {width:13px; height:8px; background:url(images/ico-graphics.gif) 0px -324px; margin:4px; border:0px;} .admin-layout-bracket-bl {width:13px; height:8px; background:url(images/ico-graphics.gif) 0px -340px; margin:4px; border:0px;} .admin-layout-move-up {background:url(images/ico-graphics.gif) 0px -161px no-repeat; width:14px; height:14px; margin-right:4px; margin-top:4px; border:0px; border:0px;} .admin-layout-move-down {background:url(images/ico-graphics.gif) 0px -113px no-repeat; width:14px; height:14px; margin-right:4px; margin-top:4px; border:0px; border:0px;} .admin-layout-move-right {background:url(images/ico-graphics.gif) 0px -145px no-repeat; width:14px; height:14px; margin-right:4px; margin-top:4px; border:0px;} .admin-layout-move-left {background:url(images/ico-graphics.gif) 0px -129px no-repeat; width:14px; height:14px; margin-right:4px; margin-top:4px; border:0px;} .admin-layout-delete {background:url(images/ico-graphics.gif) 0px -372px no-repeat; width:8px; height:8px; margin-top:7px; margin-left:2px; border:0px;} /* ---------------------------------------------------- */ /* TCC */ /* ---------------------------------------------------- */ .tcc-layout-announce {height:16px; width:120px; background:url(images/ico-graphics.gif) 0px -992px; margin:2px; border:0px;} .tcc-layout-banner {height:16px; width:76px; background:url(images/ico-graphics.gif) 0px -1008px; margin:2px; border:0px;} .tcc-layout-blogger {height:16px; width:79px; background:url(images/ico-graphics.gif) 0px -1024px; margin:2px; border:0px;} .tcc-layout-button {height:16px; width:72px; background:url(images/ico-graphics.gif) 0px -1040px; margin:2px; border:0px;} .tcc-layout-details {height:16px; width:74px; background:url(images/ico-graphics.gif) 0px -1056px; margin:2px; border:0px;} .tcc-layout-image {height:16px; width:73px; background:url(images/ico-graphics.gif) 0px -1072px; margin:2px; border:0px;} .tcc-layout-invite {height:16px; width:89px; background:url(images/ico-graphics.gif) 0px -1088px; margin:2px; border:0px;} .tcc-layout-link {height:16px; width:59px; background:url(images/ico-graphics.gif) 0px -1104px; margin:2px; border:0px;} .tcc-layout-logo {height:16px; width:63px; background:url(images/ico-graphics.gif) 0px -1120px; margin:2px; border:0px;} .tcc-layout-masthead {height:16px; width:90px; background:url(images/ico-graphics.gif) 0px -1136px; margin:2px; border:0px;} .tcc-layout-personalmsg {height:16px; width:159px; background:url(images/ico-graphics.gif) 0px -1152px; margin:2px; border:0px;} .tcc-layout-promotion {height:16px; width:93px; background:url(images/ico-graphics.gif) 0px -1168px; margin:2px; border:0px;} .tcc-layout-relatedlinks {height:16px; width:106px; background:url(images/ico-graphics.gif) 0px -1184px; margin:2px; border:0px;} .tcc-layout-summary {height:16px; width:89px; background:url(images/ico-graphics.gif) 0px -1200px; margin:2px; border:0px;} .tcc-layout-coupon {height: 16px; width:90px; background:url(images/ico-graphics.gif) 0px -1280px; margin:2px; border:0px;} /* ---------------------------------------------------- */ /* AUTO */ /* ---------------------------------------------------- */ .auto-checked {height:25px; width:24px; background:url(images/ico-graphics.gif) -21px -35px; border:0px;} .auto-unchecked {height:25px; width:24px; background:url(images/ico-graphics.gif) -21px -68px; border:0px;} /* ---------------------------------------------------- */ /* TABS */ /* ---------------------------------------------------- */ .reports-issues-on {width:78px; height:20px; background:url(images/tab-graphics.gif) 0px 0px; margin-right:2px; border:0px;} .reports-issues-off {width:78px; height:20px; background:url(images/tab-graphics.gif) 0px -20px; margin-right:2px; border:0px;} .reports-mailings-on {width:85px; height:20px; background:url(images/tab-graphics.gif) 0px -40px; margin-right:2px; border:0px;} .reports-mailings-off {width:85px; height:20px; background:url(images/tab-graphics.gif) 0px -60px; margin-right:2px; border:0px;} .reports-data-on {width:62px; height:20px; background:url(images/tab-graphics.gif) 0px -80px; margin-right:2px; border:0px;} .reports-data-off {width:62px; height:20px; background:url(images/tab-graphics.gif) 0px -100px; margin-right:2px; border:0px;} .reports-snapshot-on {width:93px; height:20px; background:url(images/tab-graphics.gif) 0px -120px; margin-right:2px; border:0px;} .reports-snapshot-off {width:93px; height:20px; background:url(images/tab-graphics.gif) 0px -140px; margin-right:2px; border:0px;} .reports-overview-on {width:93px; height:20px; background:url(images/tab-graphics.gif) 0px -160px; margin-right:2px; border:0px;} .reports-overview-off {width:93px; height:20px; background:url(images/tab-graphics.gif) 0px -180px; margin-right:2px; border:0px;} .reports-subscriberqa-on {width:142px; height:20px; background:url(images/tab-graphics.gif) 0px -200px; margin-right:2px; border:0px;} .reports-subscriberqa-off {width:142px; height:20px; background:url(images/tab-graphics.gif) 0px -220px; margin-right:2px; border:0px;} .reports-performancetrends-on {width:165px; height:20px; background:url(images/tab-graphics.gif) 0px -240px; margin-right:2px; border:0px;} .reports-performancetrends-off {width:165px; height:20px; background:url(images/tab-graphics.gif) 0px -260px; margin-right:2px; border:0px;} .reports-surveys-on {width:85px; height:20px; background:url(images/tab-graphics.gif) 0px -280px; margin-right:2px; border:0px;} .reports-surveys-off {width:85px; height:20px; background:url(images/tab-graphics.gif) 0px -300px; margin-right:2px; border:0px;} .reports-subscriberdetail-on {width:144px; height:20px; background:url(images/tab-graphics.gif) 0px -320px; margin-right:2px; border:0px;} .reports-subscriberdetail-off {width:144px; height:20px; background:url(images/tab-graphics.gif) 0px -340px; margin-right:2px; border:0px;} .reports-mailinghistory-on {width:129px; height:20px; background:url(images/tab-graphics.gif) 0px -360px; margin-right:2px; border:0px;} .reports-mailinghistory-off {width:129px; height:20px; background:url(images/tab-graphics.gif) 0px -380px; margin-right:2px; border:0px;} .reports-timespent-on {width:106px; height:20px; background:url(images/tab-graphics.gif) 0px -400px; margin-right:2px; border:0px;} .reports-timespent-off {width:106px; height:20px; background:url(images/tab-graphics.gif) 0px -420px; margin-right:2px; border:0px;} .reports-performancehistogram-on {width:187px; height:20px; background:url(images/tab-graphics.gif) 0px -440px; margin-right:2px; border:0px;} .reports-performancehistogram-off {width:187px; height:20px; background:url(images/tab-graphics.gif) 0px -460px; margin-right:2px; border:0px;} .reports-contentpopularity-on {width:153px; height:20px; background:url(images/tab-graphics.gif) 0px -480px; margin-right:2px; border:0px;} .reports-contentpopularity-off {width:153px; height:20px; background:url(images/tab-graphics.gif) 0px -500px; margin-right:2px; border:0px;} .reports-chart-on {width:68px; height:20px; background:url(images/tab-graphics.gif) 0px -520px; margin-right:2px; border:0px;} .reports-chart-off {width:68px; height:20px; background:url(images/tab-graphics.gif) 0px -540px; margin-right:2px; border:0px;} .reports-wcu-on {width:142px; height:20px; background:url(images/tab-graphics.gif) 0px -560px; margin-right:2px; border:0px;} .reports-wcu-off {width:142px; height:20px; background:url(images/tab-graphics.gif) 0px -580px; margin-right:2px; border:0px;} .reports-share-on {width:182px; height:20px; background:url(images/tab-graphics.gif) 0px -600px; margin-right:2px; border:0px;} .reports-share-off {width:182px; height:20px; background:url(images/tab-graphics.gif) 0px -620px; margin-right:2px; border:0px;}