/* Module Helper Classes */
.filter { margin-top:10px;}
.half { width:495px; float:left;}
.third { width:330px; float:left;}
a.cart { background:transparent url(../images/cart.png) no-repeat scroll right -100px; padding:0 32px 0 0; line-height:16px;}
.bg-red a.cart, .bg-black a.cart { background-position:right 0;}
.note { font-size:12px; font-style:italic;}
.spacer { padding:0 7px;}

/* Rando */
.profile .actions, .password .actions { margin:10px 0 0;}
.profile .col1 { float:left; width:180px; margin:0 10px 0 0;}
.profile .col2 { float:left; width:410px;}
.edit_profile .profile .riTextBox, .report .size-2x2 .riTextBox { width:176px !important;}
.bg-red.welcome { font-size:18px; background:#c9282d url(../images/welcome_bg.jpg) no-repeat; text-align:left;}
.welcome h1 { font-size:50px; font-weight:normal;}
.welcome p.lg { font-size:25px;}
.home-articles { float:left; margin:10px 10px 0 0; width:620px;}
.my_roles div.img { float:left; margin:5px 10px 0 0; width:17px; height:15px;}
.my_roles div.link { float:left; margin:5px 0 0; width:500px; font-size:12px;}
.help-page { margin:10px 10px 0 0;}
.help-page h2 { float:left; width:730px;}
.help-page a.link-top { float:left; width:100px; text-align:right;}
.points_granting .right { text-align:left;}
.points_granting div.actions { margin:7px 0 0;}
.story_redirect-comment { padding:10px;}
.story_redirect-comment .actions { padding:10px 0 0;}

/* Login */
.login h2 { margin:0;}
.login .actions, .forgot_password .actions, .registration .actions { margin-top:7px; font-size:12px;}
.login .actions input[type="button"], .forgot_password .actions input[type="button"] { display:block; margin-bottom:7px;}
.forgot_password .riTextBox { width:200px !important;}
.login .actions .register { padding-top:5px; font-weight:bold;}

/* Stories */
.story.launcher .link { background:#c9282d url(../images/widget_bg.png) no-repeat scroll center center; text-align:center;}
.story.launcher .link a { display:block; text-decoration:none; margin:40px 0 0;}
.story.launcher .link b.lg { display:block; font-size:40px; margin:10px 0;}
.story .actions { margin-top:10px;}
.story p.review { margin:10px 0; font-size:12px;}

/* Catalog */
.catalog .header h1 { margin:0;}
.catalog .header .actions, .catalog .header .search { float:left; width:405px; margin:19px 0 0;}
.catalog .header .actions { text-align:right; margin:5px 0 0;}
.catalog .header .avail_points { font-size:16px; font-weight:bold;}
.catalog .catagories table td { padding:4px 0 0;}
.catalog .catagories a { font-weight:normal;}
.catalog .catagories .sel a { font-weight:bold; color:#000; text-decoration:none;}
.catalog .contents { float:left; width:630px;}
.catalog .contents .catagory_nm { margin:0 0 10px;}
.catalog .item { float:left; padding:5px !important; width:293px; height:83px;}
.ie7 .catalog .item { margin-top:10px;}
.catalog .item .img { float:left; width:81px; height:81px; margin-right:10px; border:1px solid #ddd; background-color:#fff; text-align:center;}
.catalog .item .desc { float:left; margin:0 5px 0 0; width:195px; height:80px; font-size:12px;}
.catalog .item .desc h3.name { font-size:12px; font-weight:bold; color:#c9282d;}
.catalog .item .desc span.price, .catalog .item .desc .unit { font-weight:bold;}
.catalog .item .desc p.price, .catalog .item .desc p.details { margin:3px 0 0;}
.catalog.detail .desc h2 { margin:0 0 5px;}
.catalog.detail .desc p { font-size:12px; margin:0;}
.catalog.detail .desc .img { float:left; width:388px; height:388px; margin:0 10px 0 0; border:1px solid #bbb; background-color:#fff; text-align:center;}
.catalog.detail .order { position:relative; z-index:0;}
.catalog.detail .order p:first-child { margin-top:0; font-size:12px;}
.catalog.detail .order p.price { font-size:26px;}
.catalog.detail .order td { font-size:12px; padding:1px 0; vertical-align:middle;}
.catalog.detail .order td.val { padding-left:20px;}
.catalog.detail .order td.val select { width:50px;}
.catalog .add { position:absolute; bottom:10px; left:10px;}
.catalog .add .quantity, .catalog .add .actions { float:left; width:90px;}
.catalog .add .actions { text-align:right;}
.cart .rg { margin:3px 0 0;}
.cart .actions { margin:7px 0 0;}
.cart .size-8 .actions .left, .cart .size-8 .actions .right { float:left; width:405px;}
.cart .size-6 .actions .left, .cart .size-6 .actions .right { float:left; width:300px;}
.cart .actions .right { text-align:right;}
.cart a.checkout { font-weight:bold;}
.cart .grid p.note { margin:10px 0 0; font-weight:bold;}

/* Service Anniversary */
.service_anniversary img, .service_anniversary object { display:block;}
.service_anniversary .callout { text-align:center; font-size:17px;}
.service_anniversary .callout b { text-transform:uppercase;}
.service_anniversary .callout b.num { display:block; font-size:100px;}

/* Featured Products */
div.featured_products > h2:first-child { margin:10px 0 0;}
.featured_products .catagory .copy { float:left;}
.featured_products .catagory .item { text-align:center;}
.featured_products .catagory .item img { border:1px solid #ddd;}
.featured_products .catagory .item a.link { line-height:20px;}

/* Charity */
.charity .submit_new { float:right;}
.charity table.links { width:830px;}
.charity table.links td { padding:0; width:207.5px; height:207.5px; vertical-align:middle; text-align:center;}
.charity.submit .col { width:400px; float:left;}

/* Messages */
ul.message_summary { padding:0;}
.message_summary * { vertical-align:top;}
.my_messages .nav { margin:10px 0;}
.my_messages table thead th, .create_message table thead th, .user_search table thead th, .tool_trading-find table thead th, .tool_trading-trades table thead th { font-weight:bold !important; font-size:12px;}
.my_messages .nav a { display:inline-block; width:64px; height:15px; padding:7px 0 7px; background:transparent url(../images/message_button.png) no-repeat; font-size:14px; font-weight:bold; text-decoration:none; text-align:center; text-shadow:0 1px 1px #fff;}
.my_messages .nav a:hover { background-position:0 -35px;}
.my_messages .nav a.selected { background-position:0 bottom; color:#fff; text-shadow:0 1px 1px #c9c9c9;}
.my_messages .actions, .create_message .actions, .message_view .actions { margin:7px 0; text-align:right;}
.create_message .label { display:inline-block;}
.create_message .recipient .label { margin-right:5px;}
.create_message .actions { padding:2px 4px; margin-bottom:0;}
.message_view .actions { margin-bottom:0;}
.message_view .actions a { margin-left:10px;}
.message_view table img { display:block; margin:0 Auto;}
.message_view table table td[bgcolor="#efefef"] { padding:5px;}

/* Transaction History */
.transaction_history table.details { width:50%;}
.report table.details .th { font-weight:bold; font-size:11px;}
.report table.details td { padding:0 15px 0 0; font-size:12px;}
table.details.dl tr > td:first-child { padding:0;}

/* Widgets */
.widget { text-align:center; font-size:12px; color:#fff;}
.widget.bg-red { background:#c21b32 url(../images/widget_bg.png) no-repeat scroll center center;}
.widget.admin { background:#888 url(../images/widget-admin-bg-1.gif) no-repeat;}
.widget.admin a { color:#eee;}
.widget.admin a:hover { color:#fff;}
.widget.admin a.btn, .magic_code .widget a.btn { display:table; padding-left:10px; padding-right:10px; margin:0 Auto;}
.widget h2 { font-size:18px; font-weight:normal; text-align:left; color:#fff;}
.widget b.val { display:block; font-size:72px;}
.widget.current-ecards h2 { float:left; width:100px; }
.widget.current-ecards b.val, .widget.current-stories b.val, .widget.total-stories b.val { float:left; width:110px; text-align:right;}
.widget.current-ecards a, .widget.current-stories a, .widget.current-stories .lbl, .widget b.val + span.lbl { display:block; float:left; padding:36px 0 0 10px; width:60px; text-align:left;}
.widget.current-ecards .directreports { display:none; float:left; width:80px; text-align:right; padding:4px 0 0;}
.widget.current-ecards .directreports a { display:inline; float:none; padding:0; width:auto;}
.stories-to-ballot b.val + span.lbl { float:none; margin:0 0 7px; padding:0; width:auto; text-align:center;}
.widget.current-stories h2, .widget.current-ecards h2 { float:left; width:110px;}
.widget .drafts { float:left; width:70px; text-align:right; padding:4px 0 0;}
.widget .drafts a { display:inline; float:none; padding:0; width:auto;}
.widget .actions { margin:10px 0 0;}
.widget .mini_report { margin:10px Auto 0; width:95px;}
.widget .mini_report td { padding:0;}
.widget .mini_report td.img { vertical-align:bottom; height:61px;}
.widget .mini_report td.img img { width:15px;}
.tell_story, .ballot, .winners-coming_soon { background:#e3e3e3 url(../images/story-promo-bg.gif) no-repeat; color:#c21b32;}
.tell_story h2 { color:#c21b32;}
.tell_story b.lg { padding:10px 0 10px; display:block; font-size:40px;}
.tell_story a { text-decoration:none; font-weight:bold;}
.widget.ecard{background:#e3e3e3 url(../images/widget-ecard.png) no-repeat; }
.widget.ecard span.lg{padding:50px 0; display:block; font-size:25px;color:#fff;}
.widget.ecard span.lg b{font-size:48px;}
.widget.ecard a{text-decoration:none;}
.dashboard .new-stories b.val { margin:21px 0 0;}
a.ecardlink{background:url(../images/eCard_Icon.png) no-repeat;padding:6px 0 6px 32px;display:block;}
.size-2x2.ballot { padding-top:38px; height:152px;}
.ballot a { text-decoration:none; color:#000 !important;}
.ballot b.lg { font-size:26px;}
.ballot span.mm6 { display:block;}
.winners-coming_soon { font-size:26px; font-weight:bold; color:#000 !important;}
.winners-coming_soon span.mm6 { color:#c21b32;}
.spin_announcement-salesassocaites { text-transform:uppercase; font-size:37px; font-weight:bold; text-align:center;}

/*General Mosaic Styles*/
.mosaic-block { float:left; position:relative; overflow:hidden; width:200px; height:200px; margin:10px 0 0;}
.mosaic-overlay, .mosaic-backdrop { display:none; position:absolute; padding:10px; width:180px; height:180px;}
.ie7 .mosaic-backdrop{position:static;}
.mosaic-overlay { z-index:5; background:#888 url(../images/widget-animate-admin-bg-1.gif) no-repeat;}
.mosaic-backdrop { top:0; background:#555 url(../images/widget-animate-admin-bg-2.gif) no-repeat;}
.widget.my_anniversariess .actions, .widget.my_birthdays .actions {}

/* Storybook */
.storybook .body { font-size:11px; line-height:17px;}
.storybook .story .from { font-weight:bold; display:none;}
.storybook .story .feat { font-weight:bold;}
.storybook .story .body { padding:5px 0;}
.storyprint .feat { font-weight:bold; font-size:20px;}
.storyprint .from { display:none;}
.printLink { padding:10px 0; font-weight:bold;}
.home-storybook { background-color:#f2f2f2; border:1px solid #d9d9d9; padding:9px !important; float:right !important;}
.storybook.latest h2 { font-weight:normal; color:#c21b32;}
.storybook.latest .body { overflow:auto; height:290px; margin:10px 0 0;}
.storybook.latest .RadRotator.RadRotator_Default { padding:0 !important;}
.storybook.latest .RadRotator_Default .rrClipRegion { border:none;}
.storybook.latest .rrButton.rrButtonLeft, .storybook.latest .rrButton.rrButtonRight { top:auto; margin-top:0; outline:none;}
.storybook.latest .rrButton.rrButtonLeft { left:0;background:url('../images/previousstory.png') no-repeat;width:110px;height:22px;}
.storybook.latest .rrButton.rrButtonRight { right:0;background:url('../images/nextstory.png') no-repeat;width:89px;height:22px;}
.storybook.latest a.btn{width:70px;float:right;margin:0 0 0 10px;}
.storybook.list h1, .storybook.search h1 { width:706px; float:left;}
.storybook.list .nav-search, .storybook.search .nav-search { float:left; margin:0 0 0 10px; width:94px;}
.storybook.list a.btn { display:table; padding:5px 10px;}
.storybook.list .search-count { margin:0 0 5px;}
.storybook.list .search { padding:5px 5px 7px; margin:0 0 10px;}
.storybook.list .search .item { padding:5px 0px 4px 0px;}
.storybook.list .story { margin:25px 0 0;}
.storybook .sendecard { background: #4c4c4c; /* Old browsers */
background: url('../images/ecardsendbutton.gif'); -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; color:#fff;text-decoration:none;padding:3px 40px;position:relative;margin:0;left:120px;top:3px;}
.storybook.detail .body, .storyprint .body { margin:10px 0 0;}
.storyprint .group { display:none;}

/* Story Process */
.dashboard.supervisor .header, .dashboard.supervisor .comments .body { font-size:12px;}
.dashboard.supervisor .comments { margin:25px 0 0;}
.dashboard .edit .team_members td.team_lead, .dashboard .edit .team_members th.team_lead { text-align:center;}
.dashboard .edit .team_members td.team_lead span.yes { display:block; margin:0 auto; width:16px; height:16px; text-indent:-9999px; background:url(../images/indicator.png) no-repeat;}
.dashboard .report .edit .team_members .grid { margin:10px 0 0 0; width:auto;}
.dashboard .actions { clear:both;}
.dashboard.store_manager .standing h3, .dashboard.store_manager .standing span.req.note { float:left;}
.dashboard.store_manager .standing span.req.note { margin-left:10px; font-size:95%;}

/* E-Cards */
.ecard.preview { margin:10px 10px 0 0;}
.ecard.preview .center { width:585px; margin:0 Auto; text-align:left;}
.ecard.preview .stamp { float:right; margin:0 0 10px 15px;}
.ecard.preview .back, .ecard.preview .print { margin:10px 0 10px; padding:10px; border:1px solid #ddd;}
.ecard.preview .message {font-size:12px; padding:20px 10px 0 20px;}
.ecard.preview .message div { margin:0 0 10px;}
.ecard.preview .print { font-size:12px;}
.ecard.create .to h2, .ecard.create .cc h2 { display:inline; margin:0 10px 0 0;}
.ecard.create .to .RadGrid, .ecard.create .cc .RadGrid { margin-top:5px;}
.ecard.create .cc, .ecard.create .card-select, .ecard .myecards { margin:10px 10px 0 0;}
.ecard.create .actions { margin:5px 0 0;}
.ecard.create .card-select .cf > h2:first-child { margin:0 0 5px;}
.ecard.create .card-select div.label { margin:3px 0; font-size:12px; text-align:center;}
.ecard.create .card-select div.radiobutton { text-align:center;}
.ecard.create .card-select .option { width:186px; float:left; padding:0px 10px 10px 0px;}
.ecard.create .card-select .option img { width:186px; height:116px; display:block;}

/* Ticker */
.liScroll-container  { /* the outer div with the black border */border: 1px solid #000; background: url('../images/ticker.png'); width: 828px; height: 27px; margin: 10px 0 0; padding: 0; overflow: hidden;} 
.liScroll-container .liScroll-mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; width: 810px; overflow: hidden;} 
.liScroll-ticker { /* that's your list */ position: relative; left: 750px; font: bold 12px Verdana; list-style-type: none; margin: 0; padding: 0;color:#fff;top:-3px;} 
.liScroll-ticker ul{list-style: none;list-style-image: none;margin: 0;padding: 0;}
.liScroll-ticker li {float: left; /* important: display inline gives incorrect results when you check for elem's width */  padding:8px 0;} 
.liScroll-ticker li.star{padding:0;margin:0;}

/* Rotator */
.rc { height: 200px;}
.rc .img { display:block; float:left; margin:0 10px 0 0; width:410px; height:200px;}
.rc .content { float:left; padding:10px; width:180px; height:180px; background:#262626;color:#fff;font-weight:bold;font-size:12px;}
.rc .content h3{color:#fff;font-size:19px;padding-bottom:7px;}
.banner-nav-container { position:relative; margin:-29px 75px 10px Auto; width:50px; height:19px; text-align:center;} /* REMOVED: bottom:30px;left:494px; (-2 points for ADA) CB */
.banner-nav-container a{text-decoration:none;color:#c1c1c1 !important;font-weight:bold;}
.banner-nav-container a:hover, .banner-nav-container a:focus{color:#fff !important;outline:none;}

/* Magic Code */
.magic_code { background:#fff url(../images/widget_bg.png) no-repeat scroll center center;}
.magic_code .enter .textbox { margin:20px Auto 0; width:160px; height:25px; text-align:center; font-size:15px; font-weight:bold;}
.magic_code .enter .actions { margin:10px 0 0;}
.magic_code .widget.winner, .magic_code .widget.non_winner { text-align:left;}
.magic_code .msg_panel.error { margin:0; padding:0; border:none; font-size:11px; line-height:normal; background:transparent;}
.magic_code .widget { background:#e3e3e3 url(../images/story-promo-bg.gif) no-repeat; color:#c21b32;}
.magic_code .widget h2 { color:#c21b32; text-align:center;}