/* Title: Virtual Office 2 Start Date: 1.08 Reset Begins Below */ HTML, BODY, DIV, SPAN, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, CODE, DEL, IMG, Q, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD { margin: 0; padding: 0; border: 0; font-style: inherit; font-size: 99%; font-family: inherit; vertical-align: baseline; } BODY { background: #FFF; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; line-height: 1.4; } A IMG, A { outline: none; border: none; color: #0679B9; } #container:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } #content:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; /*[empty]margin-bottom:;*/ } /*Hides from IE-mac \*/ * HTML .clearfix { height: 1%; } * HTML #container { height: 1%; } * HTML #content { height: 1%; } /*End hide from IE-mac */ /* Framework Begins Below */ #body-wrap { position: absolute; overflow-y: scroll; min-height: 100%; width: 100%; height: 100%; z-index: 1; } /*button.ui-button-icon-only { padding:4px 0; }*/ button.ui-button-text-only .ui-button-text { padding:4px; line-height:inherit; } .ui-widget { font-size: 0.9em !important; } #column1 { top: 14px; height: 500px; position: absolute; width: 217px; } #column1 .user-list { height: 400px; } #column1 UL { padding-left: 21px; margin-top: 10px; } #column2 { position: absolute; width: 672px; height: 424px; top: 13px; left: 239px; } BODY { background: #FFF url(../../img/body-bg.png) repeat-x; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; } BODY#login { background: none; } #header-wrap { background: url(../../img/header-bg2.png) repeat-x; } #header { margin: 0 auto; width: 960px; position: relative; height: 70px; } #header H1 A { display: block; position: absolute; top: 0; left: -3px; height: 31px; width: 219px; text-indent: -13370px; background: url(../../img/logo.png); } #header .controls { position: absolute; top: 7px; right: 10px; display: block; height: 20px; padding: 0 5px; font-size: 0.8em; color: #FFF; text-align: center; } #header .controls A { color: #FFF; } #header UL { list-style: none; font-size: 1em;} #header UL.nav { margin: 0 auto 10px; width: 960px; padding: 6px 0 0 0; position: absolute; top: 32px; } #header UL.nav A { text-decoration: none; color: #333; } #header UL.nav LI LI A:hover { color: #000;} #header UL.nav LI { float: left; margin: 0 30px 0 0; position: relative; } #header UL.nav LI UL { position: absolute; top: 24px; left: -8px; z-index: 20; border: 1px solid #BBB; border: 1px solid #B29F81; border-top: none; background: #CCC0AC; width: 130px;} #header UL.nav LI UL LI { float: none; margin: 8px; font-size: 1em; text-align: left; } /*Dashboards Begins Below */ #dashboard { position: relative; width: 650px; margin: 0 0 20px; } #dashboard #welcome { padding: 20px 0; border-bottom: 2px solid #FFF; width: 800px;} #dashboard #welcome H1 { font-size: 1.5em; color: #333; } #dashboard H1 { font-size: 1.1em; margin: 0 0 5px; } #dashboard H2 { margin: 20px 0 10px; font-size: 1.1em; } #dashboard #activity-stream { border-bottom: 1px solid #CCC; } #dashboard #activity-stream UL { list-style: none; } #dashboard #activity-stream UL LI { border: 1px solid #CCC; border-bottom: none; padding: 5px; } #dashboard #activity-stream UL#stream .order { background: #EFFAEC; } #dashboard #activity-stream UL#stream .product { background: #D6E2EE; } #dashboard #activity-stream UL#stream .form { background: #F8F5EC; } #dashboard #laptop { position: absolute; top: 50px; left: 660px; } #dashboard TABLE { margin: 20px 0 0; } #dashboard TABLE TD { font-size: 0.9em; } #cms-dashboard h1 { font-size: 130%; } #cms-dashboard p { margin: 10px 0; } /* Content Begins Below*/ #container { position: relative; margin: 0 auto 10px; width: 960px; padding: 10px 0 40px 0; } .manage { height: 30px; text-align: left; } .manage input { font-size: 0.8em; } #content { width: 100%; text-align: left; } h1.title { font-size: 1.2em; margin: 0 0 5px 0; } /* Tagging System */ UL#tag-group-list { list-style: none; clear: both; } UL#tag-group-list LI { float: left; margin: 10px 50px 0 0; } UL#tag-group-list LI.name { margin-left: 12px; } #group-tags { width: 99%; height: 275px; padding: 5px 10px; background: none; } #group-tags UL.tag-list { padding: 10px; clear: both; list-style: none; } #group-tags UL.tag-list LI { float: left; margin: 10px;} #group-tags UL.tag-list LI.name { width: 100px; } #group-tags UL.tag-list img.default-tag-image { width: 25px; height: 25px; float:left; margin:2px 2px 0 0; } #group-tags UL.tag-group-list-all { list-style: none; } #group-tags #button-cancel, #group-tags #button-ok { margin-top: 5px; } #group-tags UL#tag-group-list-all LI { width: 240px; float: left; margin-right: 5px; cursor: pointer; } #group-tags UL#controls INPUT#button-cancel { display: block; float: left; clear: both; margin-right: 5px; } #group-tags UL#controls INPUT#button-ok { display: block; float: left; } #group-tags UL#tag-group-list-all LI.ui-selected { background: #CCC; } P.add-new-group { float: left; margin-right: 10px; } #group-tags #tag-add-field INPUT { float: left; margin-top: 1px; padding: 2px 0; } #tag-group-add-field INPUT { float: left; margin-top: 1px; padding: 2px 0; } #tag-group-list .click-delete, .tag-list .click-delete, #tag-group-list .click-tags { padding: 1px 0; } .product #content #tag-group-add-field { width: 200px; background: none; } /* Needed ? */ .product #content #tag-group-add-field INPUT { width: 300px; } /* Needed ? */ /*Notice Styles Begin Below*/ #app-message { display: none; border-bottom: 2px solid #FFF; padding: 6px 30px; background: #1078BB; color: #FFF; width: 441px; margin-left: -60px; } /* Fix: In Use? */ .alert { border: 1px dashed #CCC; padding: 5px; background: #EFE0E0; } /* Fix: In Use? */ .no-results { padding: 10px; font-size: 0.9em;} /* CMS Styles Begin Below*/ .cms.edit #content { padding: 10px 0; width: 640px; float: left; margin-right: 10px; } .cms.page.index #content { width: 100% } .cms.edit #content UL#editors, .cms.edit #content FORM UL#editors UL { list-style: none; } .cms.edit #content UL#editors LI { margin: 0 0 5px; } .cms.edit #content UL#editors LI H2 { height: 20px; border: 1px solid #CCC; padding: 2px; background: #EEE; color: #444; cursor: pointer; } .cms.edit #content LABEL { display: block; } .cms.edit #content INPUT.name { width: 628px; margin: 0 0 10px; padding: 3px; font-size: 1.2em;} .cms.blog.gallery.edit #content INPUT#name { width: 898px; margin: 0 0 10px; padding: 5px; font-size: 1.2em; border: 1px solid #CCC;} .cms.edit #content INPUT.name.placeholder { color: #AAA; } .cms.edit #content INPUT#submit { width: 200px; height: 40px; margin-top: 10px; } .cms.edit #content FORM #slug-message { background: #eee; margin: 5px 0 6px 0; padding: 3px 8px; font-size: 0.8em; color: #777; border: 1px solid #ddd; } .cms.page.edit #content FORM #slug-message strong { margin-left: 20px; } .cms.edit #content FORM #slug-message A#action-preview { display: block; width: 30px; position: absolute;text-indent: -9999px; background: url(../../img/permalink.png) no-repeat 0 0;} .cms.edit #content FORM #slug-message #slug-click { background: #FFFF00; } .cms.blog.post.edit #content #post { padding: 0; width: 640px; float: left; margin-right: 10px; } .cms.blog.post.edit.index #content #post { width: 100% } .cms.blog.post.edit #content #post UL#editors, .cms.blog.post.edit #content #post UL#editors UL { list-style: none; } .cms.blog.post.edit #content #post UL#editors LI { margin: 0 0 5px; } .cms.blog.post.edit #content #post UL#editors LI H2 { height: 20px; border: 1px solid #CCC; padding: 2px; background: #EEE; color: #444; cursor: pointer; } .cms.blog.post.edit #content #post LABEL { display: block; } .cms.blog.post.edit #content #post INPUT.name { width: 628px; margin: 0 0 10px; padding: 3px; font-size: 1.2em; } .cms.blog.post.edit #content #post INPUT.name.placeholder { font-size: 1.3em;} .cms.blog.post.edit #content #post INPUT#submit { /* Needed? width: 200px; */ height: 40px; margin-top: 10px; } .cms.blog.post.edit #content #post #slug-message { background: #eee; margin: 5px 0 6px 0; padding: 3px 8px; font-size: 0.8em; color: #777; border: 1px solid #ddd; } .cms.blog.post.edit #content #post #slug-message A#action-preview { display: block; width: 30px; position: absolute; top: 28px; text-indent: -9999px; background: url(../../img/icons.png) no-repeat 0 0; left: 614px;} .cms.blog.post.edit #content #post #slug-message #slug-click { background: #FFFF00; } body.blog.gallery ul#save-publish li { float: left; } .version-message { display: none; font-size: 80%; color: #5b5b5b; margin-top: 5px; } .cms.blog.post.edit #content #post textarea{ width: 628px; height: 50px; margin: 2px 0; border: 1px solid #BBB;} a.permalink-icon { border: none; } a.permalink-icon img { border: none; margin: 0 5px -4px 0; } .instructions { font-weight: bold; } ul.helper li { background: #fff; padding: 10px; border: 1px solid #CCC; } body.cms.blog.post.index #dialog-featured.ui-dialog-content.ui-widget-content ul.droppable.sortable.ui-sortable.ui-droppable li { list-style-type: decimal; margin: 0 0 0 25px;} UL#page-list { list-style: none; margin: 10px 0 10px 15px; } UL#page-list LI { position: relative; width: 165px; margin: 5px; height: 160px; border: 1px solid #CCC; float: left; text-align: center; } UL#page-list LI.undisplayed { border: 1px solid #F00; background: #FEBFB8; } UL#page-list LI A.page-link { display: block; line-height: 1em; font-size: 0.8em; text-decoration: none; } UL#page-list LI A.page-link IMG { margin: 5px 0; } UL#page-list LI A.page-link SPAN { display: block; } UL#page-list LI SPAN.page-price { position: absolute; bottom: 22px; left: 0; display: block; width: 100%; height: 20px; font-size: 0.8em; background: #CCC; } UL#page-list LI SPAN.page-controls { position: absolute; bottom: 0; left: 0; display: block; height: 20px; width: 100%; border-top: 1px solid #CCC; } /*Page Controls*/ .cms.edit #controls { padding: 10px; width: 290px; float: left; } .cms.edit #controls .li-hide-temp { display: none; } .cms.edit #controls UL#controls-list, .cms.edit #controls UL#controls-list UL LI { list-style: none; background: #ECE8E0; } .cms.edit #controls UL LI UL#categories li { padding: 0 10px 20px 10px ;} .cms.edit #controls UL LI UL#categories li ol.categories.list li { padding: 5px 10px;} .cms.edit #controls UL#controls-list LI H2 { margin: 0 0 10px; padding: 2px 10px; border-top: 4px solid #B2A28D; font-size: 1.1em; cursor: pointer; background: #D8CDBD url(../../img/collapse-arrow.png) no-repeat 265px center; } .cms.edit #controls UL#controls-list LI { position:relative; } .cms.edit #controls UL#controls-list LI a.back-to-parent { font-size: 0.8em; position:absolute; top:10px; left:100px; } .cms.edit #controls UL#controls-list LI a.create-new { font-size: 0.8em; position:absolute; top:10px; left:185px; } .cms.edit #gallery-controls a.back-to-parent { font-size: 0.8em; position:absolute; top:0px; left:880px; } .cms.edit #controls #controls-list ul#set-navigation { padding: 0 10px 20px 10px;} .cms.edit #controls #controls-list ul#set-navigation label { display: inline;} .cms.edit #controls #controls-list ul#set-navigation input { display: block; width: 265px; margin: 5px 0 15px 0;} .cms.edit #controls #controls-list ul#set-navigation input.radio { display: inline; margin: 0 10px 0 0; width: 25px;} .cms.edit #controls #controls-list .radio { margin-right: 40px; } .cms.edit #controls #controls-list ul#save-publish { padding: 0 10px 10px 10px; } .cms.edit #controls #controls-list ul.comments { padding: 0 10px 10px 10px; } .cms.edit #controls #controls-list ul.post-author { padding: 0 10px 10px 10px; } .cms.edit #controls #controls-list ul.revision-list { padding: 0 10px 10px 10px; } .cms.edit #controls UL#controls-list ul.publish_date li { padding: 0 10px 10px 10px;} .cms.edit #controls UL#controls-list ul.publish_date li input.publish_year { width: 36px; text-align: center; margin-bottom: 10px;} .page-actions A { margin: 0 0 -3px; } /*Set Parent*/ .cms.edit #controls #set-parent { margin: 0 0 20px; } .cms.edit #controls #set-parent P { margin: 5px 0; font-size: 0.9em; } /*Set Template*/ .cms.edit #controls #set-template { margin: 0 0 10px; } .cms.edit #controls #set-template LI, .cms.edit #controls UL#set-parent LI, .cms.edit #controls UL#set-image LI .box { padding: 0 10px; } .cms.edit #controls #set-template SELECT, .cms.edit #controls #set-parent SELECT { padding: 2px; width: 100%; font-size: 1.1em; } .cms.edit #controls #set-template P { margin: 5px 0 20px 0; font-size: 0.9em; } /*Set Slug*/ .cms.edit #controls #set-slug { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #CCC; } .cms.edit #controls #set-slug INPUT { padding: 2px; width: 250px; font-size: 1.1em; } .cms.edit #controls #set-slug P { margin: 5px 0; font-size: 0.9em; } .cms.edit #controls #add-photo P { margin: 5px 0; font-size: 0.9em; } /*===== Commerce System ====== ============================= */ /*Product Styles Begin Below*/ .product #container { position: relative; } .product #content { padding: 0 10px 0 0; width: 880px; float: left;} .product #content .header { margin: 0 0 20px 0; } .product #content .header h2 { font-size: 1.4em; color: #333; } .product #content .title { border: 1px solid #CCC; width: 645px; font-size: 1.3em; text-indent: 10px; margin: 0 0 3px 0; } .product #content .title.placeholder { color: #fff} .product #content P#title-display { text-indent: 5px; color: #999; font-size: 0.8em; display: none; } .product #content P#title-display a#action-preview { display: block; text-indent: -13370px; float: left; width: 15px; height: 15px; margin: 2px 0 0 0; background: url(../../img/icons.png) no-repeat 0 0; } .product #content H3 { border-bottom: 1px solid #CCC; margin-bottom: 5px; padding: 3px 0; text-indent: 10px; } .product #content #items { border: 1px solid #CCC; text-indent: 10px; } .product #content INPUT.button-add { border: 1px solid #CCC; margin-left: 10px; background: #FFF; } .product #content .done { float: right; margin: -21px -1px 0 0; margin-top: -23px; } .product #content .settings { position: relative; margin-top: 40px; } /* Shown via jQuery */ .product #content .settings ul.nav { height: 25px; position: absolute; top: -30px; background: none; border: none; } .product #content .settings ul.nav li { height: 25px; } .product #content .settings ul.nav li a { padding: 2px 5px 0 5px; } .product #content .items { position: relative; } .product #content .items button#add-item { position: absolute; top: 0; left: 75px; } .product .settings .tabs .ui-widget-content { padding: 10px; } .product .settings .tabs #product-category { margin: 0 0 15px 0; } .product .settings .tabs li input.delete { cursor: pointer; outline: none; } .product .settings .tabs #product-brand ul.display { list-style: none; margin: 0 10px 0 0; } .product .settings .tabs #product-brand ul.display { list-style: none; margin: 0 10px 0 0; } .product .settings .tabs #product-brand ul.display li span.name { display: block; float: left; } .product .settings .tabs #product-brand ul.display li button.change { margin: 0 0 0 5px; font-size: 0.9em; } .product .settings .tabs fieldset.dropdown select { width: 200px; } #product-category, #product-brand, .product .settings, .default { display: none; } /* Fix: Styles below needed? Will we have breadcrumbs? */ .product #content #breadcrumb { margin-bottom: 5px; text-indent: 15px; color: #999; } .product #content .breadcrumb { margin-left: 15px; } .product #content .breadcrumb LI { list-style: none; } .product #content .breadcrumb LI INPUT { margin: 0 5px 3px -5px; } .product #content .breadcrumb LI INPUT.change { margin-left: 20px; margin-bottom: -1px; margin-bottom: -2px; } .product #content .breadcrumb LI INPUT.delete { width: 15px; height: 15px; border: none; margin-top: 4px; display: block; float: left; background: url(../../img/icons.png) no-repeat 0 -15px; text-indent: -9999px; } /*Product Sidebar*/ .product #side-content { padding: 10px; width: 250px; position: absolute; right: 0; top: 15px; } .product #side-content UL.controls { height: 22px; padding: 3px 0 0; list-style: none; margin-top: 10px; } .product #side-content UL.controls li { float: left; } .product #side-content .instructions { margin: 12px 0 0 0; } .product #side-content .instructions .highlight { background: yellow; padding: 0 2px; } .product #side-content .instructions span.ui-state-default { padding: 0 8px; } .product #side-content .instructions #step-1 { display: none; } .product #side-content .instructions #step-2 { display: none; } .product #side-content .instructions #step-3 { display: none; } .product #side-content .instructions #step-4 { display: none; } .product #side-content .instructions #step-3 p { margin: 0 0 15px 0; } .product #side-content .instructions #step-3 button.icon { width: 24px; } .product #side-content #default-product-image { width: 200px; height: 150px; margin: 0 auto; text-align: center; } .product #side-content #default-product-image IMG { text-align: center; } .product #side-content .set { display: block; width: 140px; margin: -1px auto 10px; } #effectiveness-rating-title, #statistics { display: block; border-bottom: 1px solid #CCC; width: 200px; margin: 0 auto; text-align: center; } #effectiveness-rating { display: block; margin: 0 auto 10px; text-align: center; } .product #side-content INPUT#product-delete { width: 140px; display: block; margin: 0 auto; text-align: center; } .product #side-content UL.statistic-categories { width: 80px; float: left; margin-left: 35px; list-style: none; } .product #side-content UL.statistic-numbers { width: 80px; float: left; margin-bottom: 10px; text-align: right; list-style: none; } /*Item Specific Styles Begin Below*/ #item-contentWrap { width: 760px; float: left; } #item-content { padding: 10px; border-right: 1px solid #CCC; } /* In use? */ /*Data Editing Styles Begin Below*/ TABLE#cmc-item-list { margin-top: 10px;/*Bug - IE is adding 10px or so - Adding this in so FF has some space*/ } TABLE.data-edit { width: 100%; border-bottom: none; text-align: left; } TABLE.data-edit THEAD { padding: 0 2px; font-size: 0.8em; } TABLE.data-edit TBODY TR.selected { } TABLE.data-edit TBODY TD { padding: 0 3px; } #table-container { margin: 0 0 5px 10px; } TABLE.list { width: 100%; border: 1px solid #ccc; border-bottom: none; text-align: left; margin-bottom: 5px;} .product TABLE.list { border: none; } #manage-wrap TABLE.list { width: 760px; } .cmc.category TABLE.list { width: 400px; margin-top: 20px; } TABLE.list THEAD { background: #0679B9; } TABLE.list THEAD TH { padding: 4px 5px; border-bottom: 1px solid #CCC; font-size: 0.8em; text-transform: uppercase; color: #fff; text-shadow: #002F50 0.1em 0.1em 0.2em;} .product TABLE.list THEAD TH { border: none; } TABLE.list TBODY TD { padding: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;} .product TABLE.list TBODY TD { border: none; } .cmc.category TABLE.list TBODY TD { padding: 2px 10px;} TABLE.list TBODY TD.last { border-right: none; } TABLE.list TBODY TD INPUT { border: none; background: #FFF; } TABLE.list TBODY TD.form-actions { position: relative; } TABLE.list TBODY TD.page-actions A { width: 15px; height: 15px; margin-right: 5px; text-indent: -9999px; display: block; float: left; } TABLE.list TBODY TD A.row-view { background: url(../../img/icons.png) no-repeat 0 0; } TABLE.list TBODY TD A.row-edit { background: url(../../img/icons.png) no-repeat 0 -30px; } TABLE.list TBODY TD A.row-delete { background: url(../../img/icons.png) no-repeat 0 -15px; } a.display_name { cursor: pointer;} /*Gallery Settings Table*/ table.categories.list { margin: 5px 0; background: #FFF;} table.categories.list thead td { background: #0679B9; padding: 4px 10px; border-bottom: 1px solid #CCC; font-size: 0.8em; text-transform: uppercase; color: #fff; text-shadow: #002F50 0.1em 0.1em 0.2em; } ul#editors li { list-style-type: none; margin: 15px 0; /*background: #EEE; border: 1px solid #CCC; padding: 15px;*/} #settings.settings ul#editors li { background: #EEE url(../../img/gradient.png) repeat-x; border: 1px solid #CCC; padding: 15px;} ul#editors li input.publish_year{ width: 36px; text-align: center;} ul#editors li p{ margin: 0 0 15px 0; font-size: 0.95em; } button.ui-state-default.ui-corner-all.category_restricted { font-size: 0.75em;} button.ui-state-default.ui-corner-all.category_permitted { font-size: 0.75em;} button.ui-state-default.ui-corner-all.delete { font-size: 0.75em;} li#settings-categories { border: 1px solid #CCC; padding: 20px; background: #EEE;} /* CMC Specific */ .product table.list thead th { font-size: 0.9em; padding: 4px 5px 4px 0; } .product table.list img.default-item-image { width: 25px; height: 25px; } .product table.list tr.row-add { background: #ccc; } .product table.list tr.row-add input { border-color: #777; } .product table.list tr.item { height: 30px; } .product table.list INPUT { width: 60px; float: left; border: 1px solid #ccc; } .product table.list INPUT.number { width: 90px; } .product table.list INPUT.name { width: 100%; } .product table.list INPUT.small { width: 30px; } .product table.list .item-wholesale { width: 50px; } .product table.list .item-wholesale input { width: 50px; } .product table.list .item-retail { width: 50px} .product table.list .item-retail input { width: 50px; } .product table.list td.small { width: 10px; } .product table.list td.small input { width: 10px; } .product table.list tbody td { padding: 0 2px; } .product table.list .item-controls { width: 150px; } .product table.list .item-controls button { width: 24px; margin: -5px 3px 0 3px; } .product table.list .item-controls button.click-add-item { width: 50px; } /*CMS Specific*/ TABLE.list TBODY TD.page-title { width: 640px; } TABLE.list TBODY TD.page-title A { display: block; color: #0679B9; } TABLE.list TBODY TD.page-title span { width: 15px; height: 15px; margin: 5px 5px 0; text-indent: -9999px; display: block; float: left; } TABLE.list TBODY TD.page-title span.icon-published { background: url(../../img/icons.png) no-repeat 0 -45px; } TABLE.list TBODY TD.page-title span.icon-unpublished { background: url(../../img/icons.png) no-repeat 0 -60px; } TABLE.list TBODY TD.page-modified-date { width: 170px; font-size: 0.9em; } TABLE.list TBODY TD.page-slug { font-size: 0.9em; } TABLE.list.posts TD { font-size: 0.9em; vertical-align: middle;} TABLE.list.posts .title { width: 350px; } TABLE.list.posts .author { width: 140px; } TABLE.list.posts .name { cursor: pointer; color: #0679B9; text-decoration: underline;} TABLE.list.categories .name { width: 350px; } TABLE.list.categories .slug { width: 150px; } TABLE.list.categories .posts { width: 30px; text-align: center; } TABLE.list.categories .controls { width: 40px; } TABLE.list.posts .title span.ui-icon { float: left; margin: 2px 7px 0 0; display: none;} /*People Specific*/ TABLE.list TBODY TD.name A { color: #0000FF; } TABLE.list TBODY TD.photo { width: 80px; } TABLE.list TBODY TD.controls { width: 60px;} TABLE.list TBODY TD.controls button { width: 25px;} /*Communication Specific*/ TABLE.list TBODY TD.form-type { width: 170px; } TABLE.list TBODY TD.form-date { width: 90px; } /*CMN (Communication) Styles Begin Below*/ #cmn-form-view H1 { margin: 0 0 20px; font-size: 1.1em; } #cmn-form-view UL { margin: 0; list-style: none; } /*Category Styles Begin Below*/ #category-content { padding: 10px; } #category-content FORM#category SELECT { padding: 1px 0; font-size: 1.1em; } #category-content FORM#category INPUT { padding: 2px; font-size: 1.1em; } #category-content FORM#category INPUT#category-name { width: 250px; } #category-content H2 { float: left; margin-right: 10px; } #category-content #add-tag-group { float: left; margin-top: 2px; } #category-box #crumb-parent A { color: #FFF; text-decoration: none; } #category-box #crumb-parent A:hover { text-decoration: underline; } #crumb-parent, #crumbs #crumb-current { cursor: pointer; } /* CND Navigation */ #cnd-wrap { width: 200px; float: left;} #cnd-search input { border: 1px solid #A4C7E0; padding: 5px 0 5px 5px; width: 182px; } #cnd-navigation { margin: 5px 10px 0 0; padding-bottom: 5px; font-size: 0.9em; } #cnd-navigation A { text-decoration: none; } #cnd-navigation .selected { background: #A9A9A9; color: #FFF; } #cnd-navigation h3, #cnd-navigation #crumbs { color: #FFF; background: #0679B9; font-weight: bold; padding: 5px 10px; margin: 0px 0 5px 0; text-transform: uppercase;position: relative; text-shadow: #002F50 0.1em 0.1em 0.2em;} #cnd-navigation #crumbs #crumb-parent, #cnd-navigation #crumbs #crumb-current { font-size: 0.8em; } #cnd-navigation .cnd-button { width: 18px; position: absolute; top: 5px; cursor: pointer; } #cnd-navigation h3 .collapse { right: 5px; } #cnd-navigation h3 .cancel { right: 30px; } #cnd-navigation ul.cnd-list { margin: 0; padding: 0; list-style: none; max-height: 300px; overflow: auto; } #cnd-navigation ul.cnd-list li { color: #333; border: none; padding: 0 0 0 20px; margin: 0; } #cnd-navigation ul.cnd-list li.tag-group { padding: 0; } #cnd-navigation ul.cnd-list li.tag-group ul li { color: #333; border: none; padding: 0 0 0 20px; margin: 0; } #cnd-navigation ul.cnd-list li.tag-group ul li.ui-state-default { } #cnd-navigation ul.cnd-list li.tag-group ul li.ui-state-active { background: url(../../img/checkmark2.png) left no-repeat; color: #0d7eb2; } #cnd-navigation ul.cnd-list li.tag-group ul li.ui-state-hover { border: none; } #cnd-navigation ul.cnd-list li.tag-group ul li.ui-state-disabled { color: #999; } #cnd-navigation ul.cnd-list { padding: 0 0 10px 0; margin: 0 0 5px 0;} #cnd-navigation ul.cnd-list li { color: #333; border: none; padding: 2px 10px 0px 20px; margin: 0;} #cnd-navigation ul.cnd-list li.ui-state-default { background: none; cursor: pointer;} #cnd-navigation ul.cnd-list li.ui-state-active { background: url(../../img/checkmark2.png) left no-repeat; color: #0d7eb2; } #cnd-navigation ul.cnd-list li.ui-state-active.ui-state-hover { border: none; background: #b3d2ea url(../../img/checkmark2.png) left no-repeat; } #cnd-navigation ul.cnd-list li.ui-state-hover { border: none; background: #b3d2ea; } #cnd-navigation ul.cnd-list li.ui-state-disabled { color: #999; } .cnd-pagination { float: right; margin: 0px 17px 0 0; height: 10px; } .cnd-pagination .ui-state-default { height: 20px; width: 25px; } .cnd-pagination span.results { color: #666; font-size: 0.8em; margin: 0 5px 0 0;} /* Type */ #cnd-navigation ul.cnd-list li.type.ui-state-default { } #cnd-type, #cnd-staff_groups {background: #cce4f7;} /* Category */ #cnd-navigation ul.cnd-list li.category.ui-state-default { } #cnd-category {background: #cce4f7;} #brand-navigation .brand-filter-cancel { margin-left: 9px; } #brand-navigation UL LI { margin-left: 10px; list-style: none; cursor: pointer; } #tag-groups .brand-filter-cancel { margin-left: 9px; } #tag-groups UL { list-style: none; } #tag-groups UL LI UL { margin-left: 10px; list-style: none; cursor: pointer; } #category-navigationWrap { width: 200px; float: left; } #category-navigation UL { margin: 0 0 0 20px; } UL#category-navigation { height: 30px; padding: 3px 0 0; border-bottom: 1px solid #CCC; list-style: none; } UL#category-navigation LI { float: left; margin: 0 0 0 10px; } UL#category-navigation LI#back-to-catalog { float: right; margin-right: 15px; } #category-navigation #categories UL LI { list-style: none; cursor: pointer; } #category-navigation #categories SPAN { margin-left: 10px; } #cnd-navigation #categories ul { margin: 0; padding: 0; } #cnd-navigation #categories ul li { background: none; color: #333; border: none; padding: 0 0 0 20px; margin: 0;} #cnd-navigation #categories ul li.ui-state-default { } #cnd-navigation #categories ul li.ui-state-hover { border: none; background: none; } #cnd-navigation #categories ul li.ui-state-disabled { color: #999; } /*Tagging Styles Begin Below*/ #tagging-content { padding: 10px; } #tagging-content #action-tag-category { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dashed #CCC; } #tagging-content #action-tag-category SELECT, #tagging-content #action-tag-category INPUT { font-size: 1.2em; } /*Catalog Styles Begin Below*/ #catalog-controls { border-bottom: 1px dashed #CCC; height: 30px; margin: 0 0 10px 0; padding: 5px 0; position: relative; } #catalog-controls .cnd-pagination { margin-top: 5px; position: absolute; top: 3px; right: 0px; } #catalog-controls UL { list-style: none; margin: 0 0 0 10px; } #catalog-controls UL LI { display: block; float: left; margin: 2px 10px 2px 0; padding: 0 10px; } #catalog-controls UL LI A { color: #fff; } #catalog-controls #previous-page, #catalog-controls #next-page { padding: 1px 3px; } #product-container-message { margin: 0 5px; display: none; } #product-wrap { float: left; width: 736px; border: 1px solid #ccc; color: #000; } #product-wrap #pagination { background: #A9A9A9; color: #FFF; padding: 2px 0; text-indent: 5px; margin-bottom: 10px; height: 24px; } .product-list { margin: 0; } .product-list a.link { font-size: 0.9em; color: #000; } .product-list a.link img { border: none; } .product-list .product-styling { float: left; margin: 2px 10px; list-style: none; height: 185px; width: 120px; } .product-list .product-styling .name { text-align: center; width: 120px; font-size: 0.9em; line-height: 1em; margin: 2px 0 0; display: block; } .product-list .product-styling .price { text-align: center; display: block; } .product-list .product-styling .retail { text-align: center; display: block; } .product-list span.image { margin-left: 7px; display: block; width: 120px; height: 120px; text-align: center; vertical-align: middle; display: table-cell;} .product-list span.image img { margin: auto; } .product-list .product-styling.ui-selected { outline: 1px solid #aaa; background: #ccc } .product-list .product-styling.ui-state-hover { outline: 1px solid #333; border: none; background: blue; } .product-list .product-styling.ui-selected span.img { background: red; } #product-container { position: relative; padding-bottom: 30px; } #product-container .cnd-pagination { position: absolute; bottom: 20px; right: 0px; } /* People Styles */ #people-wrap { float: left; width: 736px; } #people-wrap #pagination { background: #A9A9A9; color: #FFF; padding: 2px 0; text-indent: 5px; margin-bottom: 10px; height: 24px; } /* Fix: We decided to go back to the default way of styling.. Will we need this later? .ui-dialog .ui-dialog-titlebar { position: relative; background: none; border: none; height: 15px; } .ui-dialog .ui-dialog-content .tabs ul.nav { height: 25px; position: absolute; top: 10px; background: none; border: none; } .ui-dialog .ui-dialog-content .tabs ul.nav li { height: 25px; } .ui-dialog .ui-dialog-content .tabs ul.nav li a { padding: 2px 5px 0 5px; } #profile .ui-widget-content { border: none; margin: 0; padding: 0; } */ /* Blog Gallery Page */ body.blog.gallery ul#save-publish { position: absolute; top: 30px; right: 0; list-style: none; } ul#save-publish-bottom { float: right; margin: 10px 0; list-style: none; } .permalink { background: #eee; margin: 5px 0 6px 0; padding: 3px 8px; font-size: 0.8em; color: #777; border: 1px solid #ddd; } #gallery { margin: 0; padding: 0; } #gallery .controls { background: #EEE; border-bottom: 1px solid #DDD; padding: 5px; } .controls object { float: left; margin: 7px 0 0 7px;} body.blog.gallery #content { width: 100%; } ul#stage { clear: both; list-style: none; padding: 10px; min-height: 150px;} .gallery ul#stage li .image { width: 140px; height: 140px; text-align: center; display: table-cell; vertical-align: middle; } .gallery ul#stage li .image img { margin: auto; float: none;} .gallery ul#stage .underlay { background: #2b2b2b; height: 30px; position: relative; top: -30px; } .gallery ul#stage li button { position: relative; z-index: 50; font-size: 0.5em; top: -57px; left: 7px;} ul#stage li { float: left; height: 140px; width: 140px; padding: 0; border: 1px solid #DDD; position: relative; margin: 7px 7px 6px 6px;} ul#stage .image-controls { display: none; position: absolute; top: 140px; width: 140px;} ul#stage .progress-bar { position: absolute; top: 70px; width: 140px;} #content h1.name { font-size: 1.5em; width: 560px;} .loading-title { font-size: 0.75em; position: relative; top: -100px;} #dialog-photo.ui-dialog-content.ui-widget-content { padding: 20px;} #dialog-photo.ui-dialog-content.ui-widget-content li, label{ display: block; margin: 0 0 5px 0; list-style-type: none; font-weight: bold;} ul#editors li textarea.excerpt { display: block; margin: 5px 0; width: 865px; padding: 5px; line-height: 1.4em; border: 1px solid #CCC;} #dialog-photo.ui-dialog-content.ui-widget-content input, textarea { display: block; margin: 5px 0; width: 500px; padding: 5px; line-height: 1.4em; border: 1px solid #CCC;} .comment-pic { height: 140px; width: 140px; border: 1px solid #DDD; display: table-cell; vertical-align: middle; text-align: center; } .comment-pic img { margin: auto; float: none; } .float-left { float: left; margin: 0 20px 0 0; } /* UI Styles */ .tabs ul.nav { font-size: 0.9em; } .tabs ul.nav li { margin-right: 3px; } .tabs ul.nav li a { padding: 5px; } /*Login Styles Begins Below*/ BODY#login #designWrap1 { padding-top: 167px; background: url(../../img/login-top.png) top center; } BODY#login #designWrap2 { padding-bottom: 167px; background: url(../../img/login-bottom.png) bottom center; } BODY#login #content { background: url(../../img/login-middle.png) repeat-y; } BODY#login #content H1 { text-indent: -9999px; border: 0; } BODY#login #container { position: relative; margin: 50px auto; width: 720px; } BODY#login #container #content { margin: 0 auto; padding: 0 170px; color: #FFF; } BODY#login #container P { position: absolute; padding: 10px 0 0; font-size: 0.9em; } BODY#login #container A { color: #FFF; } BODY#login #container FORM { padding: 30px 0; } BODY#login #container FORM OL { list-style: none; } BODY#login #container FORM LABEL { display: block; float: left; width: 110px; padding: 0 10px 0 0; font-size: 1.2em; color: #000; text-align: right; } BODY#login #container FORM INPUT { width: 240px; margin: 0 0 15px; padding: 4px; border: 1px solid #7B7B7B; font-size: 1.2em; } BODY#login #container FORM INPUT#submit { width: 93px; height: 33px; margin-left: 121px; border: 0; background: #0F6CB2; color: #FFF; cursor: pointer; } /* Form Styles */ .form { margin: 0; padding: 0; } .form FIELDSET { width: 600px; margin: 5px; } #dialog-address.form FIELDSET { width: 450px; } #form-user FIELDSET { width: 400px; } #core-env .form FIELDSET { width: 600px; margin: 10px auto 0; padding: 10px; border: 1px solid #666; } .form LEGEND { } #core-env .form LEGEND { margin-top: -7px; padding: 0 5px; color: #06F; font-size: 1em; } .form UL { list-style: none; color: #333; font-size: 0.9em; } .form UL LI { clear: both; margin: 5px 0; } .form UL LI LABEL.item { display: block; float: left; width: 140px; margin-right: 10px; text-align: right; } #user_profile #content .form UL LI LABEL.auto { width: auto; } #form-user.form UL LI LABEL.item { width: 120px; height: 20px; } .form UL LI INPUT { padding-left: 5px; border: 1px solid #666; } .form UL LI INPUT.standard { width: 260px; } .form UL LI INPUT#phone { margin-right: 1em; } .form UL LI INPUT#add-phone { width: 117px; margin-top: 0; } .form UL LI INPUT#contact-submit { width: 107px; margin-top: 0; } .form UL LI INPUT.submit { margin: 2px 0; width: 117px; margin-left: 150px; font-size: 0.9em; border: 1px solid #06F; } .form UL LI INPUT#name, .form UL LI INPUT#email { width: 200px; } #form-user .form UL LI INPUT { border: 1px solid #A5C8E1; } .form UL LI SELECT { padding-left: 5px; border: 1px solid #666; } .form UL LI SELECT.standard { width: 270px; } .form UL LI p.example { padding: 0 0 0 150px; font-style: italic; margin: 0 0 10px 0; } .form UL LI.controls { padding: 0 0 0 130px; } .form OL { list-style: none; } .form OL LI { float: left; width: 280px; padding: 10px; } .form OL LI ADDRESS { margin-bottom: 5px; font-size: 0.9em; } .form OL LI .blue { color: #06F; } .form OL LI DIV.controls { float: left; margin: 0 15px 10px 0; } .form OL INPUT.submit { margin-left: 11px; display: block; } .form OL DIV INPUT#update { margin-bottom: 5px; width: 70px; } .form OL DIV INPUT#remove { width: 70px; } ul.form { list-style: none; } ul.form li { margin: 5px 0; } ul.form li label { display: block; float: left; width: 100px; } ul.form li input { width: 300px; } ul.connectedSortable.ui-sortable li { border: 1px solid #CCC; width: 400px; padding: 10px; margin: 10px; list-style-type: none; background: #FFF;} ul.connectedSortable.ui-sortable li span.ui-icon { float: right; margin: 3px 0 0 0;} #questions { margin-bottom: 10px; } #questions .ui-tabs-nav li span.ui-icon { float: right; margin: 8px 2px 0 2px;} .form_question_class p { margin: 0 0 10px 0; } .form_question_class ul li, ul li { list-style-type: none;} .form_question_class ul li label { margin-right: 10px;} .form_question_class ul li input { width: 500px; border: 1px solid #CCC; padding: 4px;} .form_question_class ul.ui-sortable li input { width: 505px; border: 1px solid #CCC; padding: 4px;} .form_question_class ul li.title span { color: #666; font-size: 13px; display: block;} .form_question_class ul li.title, li.type, li.options { background: #EEE url(../../img/gradient.png) repeat-x; border: 1px solid #CCC; padding: 15px; width: 510px;} .form_question_class ul li.title label { display: block; } .form_question_class ul li.title input.required { width: 20px; } .form_question_class ul li.type { margin-top: 25px; } .form_question_class ul li.type label { display: inline;} .form_question_class ul li.options ul li { margin: 5px 0; } .form_question_class ul li.options input { width: 20px;} .form_question_class ul li.options label { display: inline; } .ui-dialog-content.ui-widget-content ul li ul li label { font-weight: normal; } .form_question_class ul li span.add { background: #EEE; border: 1px solid #CCC; padding: 15px; display: block; width: 510px;} .form_question_class ul li span.add label { color: #666; font-weight: normal; font-size: 13px; display: inline; } #tab-address ul { list-style: none; } #core-env form#environment-settings.form fieldset ul li input{ padding: 5px; border: 1px solid #BBB; } ul.indent, ul.indent ul { list-style: none; } ul.indent li { clear: both; margin: 0 0 0 10px; } ul.indent li input { margin: 3px 5px 0 5px; } #address-add { margin-left: 4px; border: 1px solid #06F; padding: 2px 10px; font-size: 0.9em; color: #333; } /*Footer Begins Below*/ #footerWrap { position: absolute; bottom: 0; z-index: 10; margin-top: 10px; border-top: 1px solid #D6D1C0; width: 100%; height: 30px; background: #EBE8DF; } #footer { position: relative; border-top: 1px solid #FFF; padding: 5px; width: 960px; margin: 0 auto; } #footer P { position: absolute; right: 25px; font-size: 0.8em; color: #666; } #footer A { text-decoration: none; color: #666; } #footer A:hover { text-decoration: underline; } #footer A#fish-link { position: absolute; right: -5px; top: 4px; height: 20px; width: 20px; display: block; } /*Activity Dock Begins Below*/ #dock-container { z-index: 999; display: none; opacity: .7; position: absolute; bottom: 0; width: 100%; background: #000; } #activity-dock { padding: 5px 10px; height: 60px; color: #DDD; } #activity-dock .box { position: relative; height: 40px; width: 40px; float: left; margin: 5px 20px 0 10px; border: 1px solid #000; background: #FFF; } #activity-dock .box SPAN#cmc { position: absolute; top: -15px; left: 5px; color: #008000; font-size: 3em; } #activity-dock .box SPAN#cms { position: absolute; top: -15px; left: 5px; color: #0679B9; font-size: 3em; } #activity-dock P { margin: -2px 0 0; } #activity-dock H2 { margin: 2px 0 0; font-size: 1.2em; } .hide { display: none; } #dialog-media-manager #media-container { background: #FFF; } #dialog-media-manager #media-header { position: relative; width: 710px; height: 35px; margin-bottom: 15px; background: url(../../img/media-manager-header-bg.png) repeat-x; } #dialog-media-manager #media-header H1 { position: absolute; top: 1px; left: 10px; width: 220px; height: 29px; background: url(../../img/media-manager-logo.png); text-indent: -9999px; } #dialog-media-manager #upload-status { height: 25px; width: 680px; margin: 0 0 20px 14px; } #dialog-media-manager #show { height: 25px; background: #3A3A3C; color: #FFF; } #dialog-media-manager #show UL { margin-left: 10px; padding-top: 2px; } #dialog-media-manager #show UL LI { float: left; margin-right: 10px; list-style: none; } #dialog-media-manager #files { height: 310px; border: 1px solid #000; } #dialog-media-manager #files .default-image { border: 1px solid blue; } #dialog-media-manager #files .media-icons { position: absolute; left: 14px; border: 1px solid #000; } #dialog-media-manager #files #images-icon { top: 95px; } #dialog-media-manager #files #audio-icon { top: 166px; } #dialog-media-manager #files #video-icon { top: 237px; } #dialog-media-manager #files #documents-icon { top: 308px; } #dialog-media-manager #files UL { height: 306px; overflow-y: scroll; margin: 4px 0 0 10px; list-style: none; } #dialog-media-manager #files UL li { float: left; height: 140px; width: 140px; padding: 0; border: 1px solid #DDD; position: relative; margin: 7px 7px 6px 6px;} #dialog-media-manager #files UL li .image { width: 140px; height: 140px; text-align: center; display: table-cell; vertical-align: middle; } #dialog-media-manager #files UL li.ui-selected { border: 2px solid #FF0000; } #dialog-media-manager #files UL li.ui-selecting { background: #999; } #dialog-media-manager #files UL .underlay { background: #2b2b2b; height: 30px; position: relative; top: -30px; } #dialog-media-manager #files UL li button { position: relative; z-index: 50; font-size: 0.5em; top: -57px; left: 7px;} #dialog-media-manager #files UL .image-controls { display: none; position: absolute; top: 140px; width: 140px;} #dialog-media-manager #files UL .progress-bar { position: absolute; top: 70px; width: 140px;} #dialog-media-manager UL#controls { list-style: none; margin: 9px 0 0 450px; } #dialog-media-manager UL#controls LI { float: left; padding: 0 8px; margin-right: 5px; border: 1px solid #000; background: #CBE4F4; } #dialog-media-manager UL#controls LI A { text-decoration: none; color: #000; } #dialog-media-manager #button-cancel { float: left; padding: 0 8px; margin-right: 5px; border: 1px solid #000; background: #CBE4F4; cursor: pointer; } #dialog-media-manager #media-container .controls { background: #EEE; border-bottom: 1px solid #CCC; padding: 5px;} #media-container .controls label.cabinet, #gallery .controls label.cabinet { width: 46px; height: 18px; background: url(../../img/upload-sprite.png) 0 top; margin: 0; display: block; overflow: hidden; cursor: pointer; } #media-container .controls label.cabinet:hover, #gallery .controls label.cabinet:hover { background: url(../../img/upload-sprite.png) 0 center; } #media-container .controls label.cabinet:active, #gallery .controls label.cabinet:active { background: url(../../img/upload-sprite.png) 0 bottom; } #media-container .controls label.cabinet input#media-upload-button, #gallery .controls label.cabinet input#media-upload-button { position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } #dialog-tag-manager { padding: 5px 10px; } #dialog-tag-manager #tag-groups { margin-bottom: 10px; } #dialog-tag-manager #tag-groups UL { list-style: none; float: left; margin: 0 0 10px 0; } #dialog-tag-manager #tag-groups UL LI { width: 120px; float: left; margin-right: 10px; } #dialog-tag-manager #tag-groups UL LI UL LI SPAN { width: 170px; margin-right: 10px; display: block; float: left; } #dialog-tag-manager #tag-groups UL LI UL LI:hover { color: #0678b8; } #dialog-tag-manager #tag-groups UL LI UL LI INPUT { width: 70px; display: block; } #dialog-tag-manager UL#item-tag { list-style: none; clear: both; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 0; margin: 10px 0; } #dialog-tag-manager UL#item-tag LI { float: left; margin-right: 10px; cursor: pointer; } #dialog-tag-manager UL#item-tag LI:hover { color: #0678b8; } #dialog-tag-manager UL.controls { list-style: none; clear: both; } #dialog-tag-manager UL.controls LI { display: block; float: left; margin-right: 10px; } #dialog-tag-manager UL.controls INPUT { display: block; float: left; margin-top: 2px; } /*Commerce Analtyics*/ .cmc.analytics h2 { margin: 10px 0; } .cmc.analytics h3 { margin-bottom: 2px; } .cmc.analytics .date-time { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 5px 0 7px 0; margin: 20px 0; } .cmc.analytics .date-time input#to-date, .cmc.analytics .date-time input#from-date { padding: 5px; } .cmc.analytics .column { float: left; margin: 0 10px; width: 430px; } .cmc.analytics .ui-tabs-panel { overflow: hidden; } .cmc.analytics .column TABLE, .cmc.analytics TABLE#transaction-detail { width: 439px !important; border: 1px solid #ccc; text-align: left; margin-bottom: 5px;} .cmc.analytics TABLE#transaction-detail, .cmc.analytics TABLE#advertising { width: 920px !important; } .cmc.analytics .column TABLE THEAD, .cmc.analytics TABLE#transaction-detail THEAD, .cmc.analytics TABLE#advertising THEAD { background: #0679B9; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px; } .cmc.analytics .column TABLE THEAD TH, .cmc.analytics TABLE#transaction-detail THEAD TH, .cmc.analytics TABLE#advertising THEAD TH { padding: 5px; border-bottom: 1px solid #CCC; font-size: 0.8em; text-transform: uppercase; color: #fff; text-shadow: #002F50 0.1em 0.1em 0.2em;} .cmc.analytics .column TABLE TBODY TD, .cmc.analytics TABLE#transaction-detail TBODY TD, .cmc.analytics TABLE#advertising TBODY TD { padding: 10px; border: 1px solid #CCC; } .cmc.analytics .column TABLE THEAD td, .cmc.analytics TABLE#transaction-detail THEAD td, .cmc.analytics TABLE#advertising THEAD td { padding: 5px 10px; text-shadow: #002F50 0.1em 0.1em 0.2em; } /*People*/ .ppl.user.index #edit-person TABLE { width: 100% !important; border: 1px solid #ccc; text-align: left; margin-bottom: 25px; margin-top: 10px;} .ppl.user.index #edit-person TABLE THEAD { background: #0679B9; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px; } .ppl.user.index #edit-person TABLE THEAD TH { padding: 5px; border-bottom: 1px solid #CCC; font-size: 0.8em; text-transform: uppercase; color: #fff; text-shadow: #002F50 0.1em 0.1em 0.2em;} .ppl.user.index #edit-person TABLE TBODY TD { padding: 10px; border: 1px solid #CCC; width: 10%; } .ppl.user.index #edit-person TABLE THEAD td { padding: 5px 10px; text-shadow: #002F50 0.1em 0.1em 0.2em; } .ppl.user.index #edit-person #tab-permissions ul { margin-bottom: 15px; } #dialog-category ul li { padding: 10px 0px; }