/* * block bg colour: #aa0000 * block bg highlight: #1c9aa6 * block fg colour: #ffe * block fg highlight: #ff0 * block fg bold: #444 * border colour: #3cbac6 * border secondary: #def * link colour: #c11 * link hover: #39b * highlighted link: #c00 * highlighted hover: #a00 * label: #a00 * form border/button #444 * main text colour #555 */ html { background-color:#fff } body { background-color:#fff; color:#555; font-family:arial,helvetica; font-size:11px; line-height:18px; padding:0px; margin:0px; overflow-y:scroll } p { margin:0px; padding:2px 0px 5px 0px } th, td { vertical-align:top; font-size:11px } a { color:#0195C5 } a:hover { color:#0ad } a img { border:0px } h1 { font-size:13px; margin:0px; padding:2px 0px 4px 0px } h2 { font-size:12px; margin:0px; padding:2px 0px 4px 0px } h3 { font-size:11px; margin:0px; padding:2px 0px 4px 0px } .clear { clear:both } .layout { width:850px; padding:0px; margin:0px auto } #head { background-color:#003169; border-bottom:2px solid #0195C5; color:#444; } #head h1 {color: #0195C5; text-transform:uppercase; vertical-align:middle; line-height:80px; font-size:19px; font-weight:normal; text-transform:uppercase; padding-top: 30px; height:75px;} #head .title { float:right; padding:10px 0px 3px 0px; } #head .title img { vertical-align:middle } #foot { padding:20px 0px } #foot { border-top:1px solid #bcd; overflow: hidden; } #foot .title { float:right; padding:0px 0px } #foot p { padding:0px 0px } #foot a { color:#333; text-decoration: none } #foot a:hover { text-decoration: underline } #main { padding:10px 0px; min-height:400px; background-color:#fff } #menus { display:block; z-index:99; height:30px; } #login { width:330px; margin:30px auto; background-color:#fff; border:1px solid #0195C5 } #login h1 { color:#0195C5; text-align:center; padding:10px; margin:0px; text-transform:uppercase } #login fieldset { background-color:#fff; border:0px solid #333; padding:0px } #login fieldset div.field label { color:#0195C5; float: left; } #login fieldset div.field input { float: left; } #login p { color:#333 } #login p.error { color:#a33 } fieldset { border:1px solid #8ac; padding:0px; margin:0px 0px 10px 0px } fieldset legend { color:#003169; font-weight:bold; font-size:11px; text-transform:uppercase; margin-bottom:0px; margin:0px 10px } fieldset legend a { color:#69b; font-weight:normal; text-transform:lowercase; font-size:10px } fieldset legend a:hover { color:#369 } fieldset fieldset { border: 1px solid #8AC; padding:0px 5px 5px 5px; margin:10px 10px 10px 10px } fieldset fieldset legend { font-size:11px; margin:0px 5px; background-color:#fff } fieldset div.field { overflow:hidden; padding:2px 5px; margin-bottom:1px; padding-left:150px; vertical-align:top; line-height:22px; width:auto;} fieldset div.field label { color:#333; margin:0px 0px; padding-top:0px;padding-right: 10px; vertical-align:bottom; float:left; width:120px ; margin-left:-135px; text-align:right; text-transform:capitalize; font-weight:bold } fieldset div.extra { float:right; border:1px solid #fbb; margin:5px; padding:5px } fieldset. { overflow:hidden } fieldset.stacked fieldset {width:358px; display: inline-block;} fieldset.stacked div.field { width:20em; float:left } .success { color:#009933; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #66CC00; background-color:#DDFFC6; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/tick.png); font-weight: bold; } .warning { color:#960; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #eb0; background-color:#f8f8dd; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/error.png); } .message { color:#960; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #eb0; background-color:#f8f8dd; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/error.png); } .error { color:#a33; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #a33; background-color:#fee; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/exclamation.png); } fieldset .message { margin:10px } fieldset fieldset .message { margin:10px 0px } fieldset .field .error { padding:2px 10px 2px 25px; background-position:2px 1px; margin:0px; font-size:10px } .menu { padding: 5px 0 } .menu ul { list-style-type: none; margin: 0px; padding: 0px; } .menu ul li { margin-right: 2px; } .menu ul li a { display: block; padding: 7px 7px; text-transform: lowercase; } .menu ul li ul { display: block; position:absolute; z-index:100 } .menu ul li ul li { clear: both; display: block; } .sf-menu a:visited { color: #fff } .li.sfHover ul { top:0 } .sf-menu a { border-left: 0; border-top: 0; } .sf-menu li { border-bottom: 0 } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 2.3em } /*.menu { padding:0px 0px; overflow:hidden; margin:0px } .menu ul { list-style-type:none; padding:0px; margin:0px } .menu ul li { display:block; float:left; padding:0px; margin:0px; margin-right:2px } // .menu ul li a { display:block; padding:4px 8px 4px 8px; text-transform:lowercase } .menu ul li ul { display:none; position:absolute; z-index:100 } .menu ul li ul li ul { margin-top:2px; margin-left: 120px } .menu ul li ul li { float:none; margin:0px; border-bottom:1px solid #f00; width: 120px } .menu ul li ul li a { padding:4px 10px 4px 10px } */ .menu ul li:hover a { background-color:#069 } .menu ul li ul { border:0px solid #fff } .menu ul li a { background-color:#FF822E; color:#fff; text-decoration:none } .menu ul li a:hover { background-color:#0195C5; color:#fff } .menu ul li ul li a { background-color:#FF822E; color:#fff; text-decoration:none } .menu ul li ul li a:hover { background-color:#0195C5 } .menu ul li a.active { background-color:#0195C5; color:#fff } .menu ul li:hover a.active { background-color:#069; color:#fff } .menu ul li:hover a.active:hover { background-color:#0195C5 } #usermenu { float:left; padding:5px 5px 0px 15px; text-align:left; line-height:12px } #usermenu p { color:#fff; padding:0px 0px 2px 0px; margin:0px } #usermenu a { color:#fff; text-decoration: none; } #usermenu a:hover { text-decoration: underline; } input { border:1px solid #444; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } textarea { font-family:arial,helvetica; font-size:10px; border:1px solid #444; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:250px; height:75px; padding: 3px; } button { border:1px solid #444; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } button:hover { } input.button { } input.button:hover { } button.cancel { } button.cancel:hover { } select { border:1px solid #444; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:11px; min-width:156px;} select option { padding:2px 10px 2px 2px; } input { font-size:10px; padding:3px; vertical-align:middle; width:150px } input.checkbox { font-size:10px; width:auto; border:0px; background:none } input.radio { font-size:10px; width:auto; border:0px; background:none } input.booleanYes { font-size:10px; width:auto; border:0px; background:none; vertical-align:baseline } input.booleanNo { font-size:10px; width:auto; border:0px; background:none; vertical-align:baseline } button { background-color:#0195C5; color:#fff; font-size:10px; padding:3px 12px 3px 12px } input.button { background-color:#0195C5; color:#fff; font-size:10px; padding:3px 12px 3px 12px; width:auto } input.date { width:70px } button.save { padding-left:30px; background-image:url(/public/images/icons/disk.png); background-repeat:no-repeat; background-position:7px 3px } button.cancel { padding-left:30px;background-image:url(/public/images/icons/cancel.png); background-repeat:no-repeat; background-position:7px 3px } button.back { padding-left:30px;background-image:url(/public/images/icons/arrow-left.png); background-repeat:no-repeat; background-position:7px 3px } .controls form { padding:0px; margin:0px } .controls p { padding:0px; margin:0px } .controls { float:right; margin:0px; height:20px; margin-bottom:-10px } .controls a { margin:0px } .controls * { margin:0px; } .controls form { margin-top:0px; padding-bottom:0px } .controls { padding:0px 0px 10px 0px; border-bottom:0px solid #3cbac6; float:none; text-align:right } .controls a { margin:0px 3px 0px 0px } .controls a:hover { } .controls input { margin:0px 3px 0px 3px; font-size:10px; padding:3px; width:120px } a.button { } a.button:hover { } input.search { padding-left:22px; background-image:url(/public/images/icons/magnifier.png); background-repeat:no-repeat; background-position:4px 2px } .controls .view , a.buttonView , a.view { padding-left:25px; background-image:url(/public/images/icons/zoom.png); background-repeat:no-repeat; background-position:4px 2px } .controls .home , a.buttonHome , a.home { padding-left:25px; background-image:url(/public/images/icons/application_home.png); background-repeat:no-repeat; background-position:4px 2px } .controls .calendar , a.buttonCalendar , a.calendar { padding-left:25px; background-image:url(/public/images/icons/calendar.png); background-repeat:no-repeat; background-position:4px 2px } .controls .documents , a.documents , a.documents { padding-left:25px; background-image:url(/public/images/icons/page_word.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px } .controls .audit , a.audit , a.audit { padding-left:25px; background-image:url(/public/images/icons/briefcase.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px } .controls .submit , a.submit , a.submit { padding-left:25px; background-image:url(/public/images/icons/application_go.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px } .controls .edit , a.buttonEdit , a.edit { padding-left:25px; background-image:url(/public/images/icons/pencil.png); background-repeat:no-repeat; background-position:4px 2px } .controls .add , a.buttonAdd , a.add { padding-left:25px; background-image:url(/public/images/icons/add.png); background-repeat:no-repeat; background-position:4px 2px } .controls .folder , a.buttonFolder , a.folder { padding-left:25px; background-image:url(/public/images/icons/folder.png); background-repeat:no-repeat; background-position:4px 2px } .controls .delete , a.buttonDelete , a.delete { padding-left:25px; background-image:url(/public/images/icons/delete.png); background-repeat:no-repeat; background-position:4px 2px } .controls .archive , a.buttonArchive , a.archive { padding-left:25px; background-image:url(/public/images/icons/database_save.png); background-repeat:no-repeat; background-position:4px 2px } .controls .resurrect , a.buttonResurrect , a.resurrect { padding-left:25px; background-image:url(/public/images/icons/database_refresh.png); background-repeat:no-repeat; background-position:4px 2px } .controls .back , a.buttonBack , a.back { padding-left:25px; background-image:url(/public/images/icons/arrow_left.png); background-repeat:no-repeat; background-position:4px 2px } .controls .user , a.buttonUser , a.user { padding-left:25px; background-image:url(/public/images/icons/user.png); background-repeat:no-repeat; background-position:4px 2px } .controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px } .controls .sections , a.buttonSections , a.sections { padding-left:25px; background-image:url(/public/images/icons/table_multiple.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px } .controls .image , a.image , a.image { padding-left:25px; background-image:url(/public/images/icons/image.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px } .controls .options , a.options , a.options { padding-left:25px; background-image:url(/public/images/icons/bricks.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px }.controls .content , a.buttonContent , a.content { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px } table.list tr td a.button { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:2px } table.list tr td a.view { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:3px; padding-left:25px } table.list tr td a.edit { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:3px; padding-left:25px } table.list tr td a.delete { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:3px; padding-left:25px } table.list tr td a.add { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:3px; padding-left:25px } table.list tr td a.content { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:3px; padding-left:25px } table.list tr td a.sections { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:3px; padding-left:25px } table.list tr td a.user { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:3px; padding-left:25px } table.list tr td a.image { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:3px; padding-left:25px } table.list tr td a.options { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:3px; padding-left:25px } table.list tr td a.submit { font-size:10px; float:right; width:auto; text-decoration:underline; color:#0195C5; padding:3px; padding-left:25px } table.list tr td .brackets { display:inline; color: #003169; } .controls .add , a.buttonAdd , a.add { color:#585 } .controls .add:hover , a.buttonAdd:hover , a.add { color:#363 } .controls .delete , a.buttonDelete , a.delete { color:#0195C5 } .controls .delete:hover, a.buttonDelete:hover , a.delete { color:#0195C5 } .controls a { text-decoration: none !important } .controls a:hover { text-decoration: underline !important } .controls input.search { padding-left:22px } .controls span.sep { } .controls * { vertical-align:baseline } .controls a { vertical-align:baseline } .controls a { border:0px; padding:3px 12px; font-size:11px; text-decoration:underline } a.button { border:0px; padding:3px 12px; font-size:11px; text-decoration:underline } button { height:auto; margin:0px; border:0px; padding:2px 12px; font-size:11px; text-decoration:none } input.button { border:0px; padding:2px 12px; font-size:11px; text-decoration:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; outline: none; } input.button:active { outline: none; } table.list { width:100%; border:0px; padding:5px; margin-top:5px } table.list tr th { padding:2px 5px; text-align:left } table.list tr.odd td { } table.list tr.even td { } table.list tr td a { display:block; text-decoration:none; color:#333; padding:2px 5px } table.list tr td a.button { font-size:10px; float:right; width:auto; text-decoration:none; color:#0195C5; padding:2px } table.list tr td a.view { font-size:10px; float:right; width:auto; text-decoration:none; color:#0195c5; padding:2px 5px; padding-left:25px } table.list tr td a.edit { font-size:10px; float:right; width:auto; text-decoration:none; color:#0195c5; padding:2px 5px; padding-left:25px } table.list tr td a.delete { font-size:10px; float:right; width:auto; text-decoration:none; color:#0195c5; padding:2px 5px; padding-left:25px } table.list tr td a.add { font-size:10px; float:right; width:auto; text-decoration:none; color:#0195c5; padding:2px 5px; padding-left:25px } table.list tr td a.button:hover { text-decoration:underline } table.list tr td a.view:hover { text-decoration:underline } table.list tr td a.edit:hover { text-decoration:underline } table.list tr td a.delete:hover { text-decoration:underline } table.list tr td a.add:hover { text-decoration:underline } table.list tr th { border-bottom:1px solid #bcd; color:#333; text-transform:capitalize } table.list tr.odd td { border-bottom:1px solid #bbb; background-color:#f7f5f8 } table.list tr.even td { border-bottom:1px solid #bbb; background-color:#fff } table.list tr.highlight td { background-color:#ff0 } table.list tr:hover td { background-color:#0195C5; color:#fff } table.list tr:hover td a { color:#fff } table.list tr:hover td a.button { color:#fff } table.list tr td.options { width:1% } .pagination { padding:5px 10px; background-color:#def; color:#000; margin-top:10px; text-align:center } .pagination a { padding:0px 4px; text-decoration:none } .pagination a:hover { text-decoration:underline } .pagination span.current { padding:0px 4px } #sidebar fieldset { } #sidebar fieldset fieldset{ padding:5px 10px } #sidebar { float:right; width:30%; padding:0px 10px; margin-left:5px; border-left:0px solid #111 } #sidebar table.list { margin-bottom:5px } #sidebar div.type { padding-bottom:0px } #sidebar div.list { margin-top:3px; overflow:hidden; padding:2px 0px } #sidebar div.list .avatar { overflow:hidden; vertical-align:middle; float:left; clear:left; width:20px; height:20px; margin-right:5px } #sidebar div.list a { background:none; margin:0px 0px 3px 0px; text-decoration:none } #sidebar div.list a span { font-weight:bold } #sidebar div.list a:hover { text-decoration:underline } #sidebar div.list a:hover span { } #sidebar div.list a.button { color:#698; font-size:11px; font-weight:normal; margin-left:5px; text-transform:lowercase; padding:2px 8px; vertical-align:middle; text-decoration: none } #sidebar div.list a.button:hover { color:#369; text-decoration: underline } .contactHead { clear:left; padding-bottom:0px; overflow:hidden; position:relative; z-index:1 } .contactHead .contact { } .contactHead h3 { font-size:12px; padding:0px 0px 4px 0px } .contactHead h3 a { text-decoration:none } .contactHead h3 a:hover { text-decoration:underline } .contactHead h3 a.button { color:#69b; font-size:11px; font-weight:normal; margin-left:0px; text-transform:lowercase; padding:2px 0px; vertical-align:middle; text-decoration:underline } .contactHead h3 a.button:hover { color:#369 } .contactHead p { padding:0px 0px 2px 0px; margin:0px; overflow:hidden } .contactHead p span { float:right; width:75% } .contactHead .avatar { position:absolute; top:0px; right:0px } .contactHead .sup { line-height:1em; vertical-align:baseline } .contactHead .subs { padding-top:3px; margin-top:3px; clear:both } .sep { border-bottom:1px solid #8AC; height:0px; margin:10px 0px } .singleMultiLine { background-image:url(/public/images/icons/text_align_left.png); background-repeat:no-repeat; background-position:top right; } .singleMultiLine:hover { background-color:#f0f8ff } .categoryCheckboxes { /* height:150px; */ border:1px solid #f0f8ff; padding:2px 10px; overflow:auto } .categoryCheckboxes p { padding:0px; margin:0px } table.list tr th.value, .value { text-align: right; } table.list tr th.value { padding-right: 7px; } .total td { border-top:1px solid #000; font-weight:bold } div.box { overflow:hidden } .columns2 { float:left; width:48%; margin:0px 5px 5px 0px } .columns2r { float:right; width:48%; margin:0px 0px 5px 0px } #contactSearchBox { clear: right; float: right; width: auto; } /* .requiredInputField { background: url(/public/images/required.png) 5px 6px no-repeat } */ .requiredEmpty { background: url(/public/images/required.png) 5px 6px no-repeat; color: #aaa; font-style: italic; } /* Homepage specific styles */ table tr.pipelineTotal td { border: 0px; color: #B00; font-weight: bold; padding: 2px 6px; } table tr.pipelineTotal:hover td { background-color: #FFF; color: #B00; } table.list tr.odd { background-color: #FFF} table.list tr.even { background-color: #f9f9f9; } fieldset div.field .yui-editor-container input { width:auto; border:1px solid #999 } fieldset div.field .yui-editor-container label { width:auto; text-align:left; color:#333 } fieldset div.field .yui-editor-container label { margin-left:0px } .yui-editor-container input { width:auto; border:1px solid #999 } .yui-editor-container label { width:auto; text-align:left; color:#333 } .yui-editor-container label { margin-left:0px } .editor-hidden { visibility: hidden; top: -9999px; left: -9999px; position: absolute; } .yui-editor-container textarea { border: 0; margin: 0; padding: 0; } .yui-skin-sam .yui-editor-container .yui-toolbar-container .yui-toolbar-editcode span.yui-toolbar-icon { background-image: url( /public/javascripts/yui/assets/html_editor.gif ); background-position: 0 1px; left: 5px; } .yui-skin-sam .yui-editor-container .yui-toolbar-container .yui-button-editcode-selected span.yui-toolbar-icon { background-image: url( /public/javascripts/yui/assets/html_editor.gif ); background-position: 0 1px; left: 5px; } .mediaThumbnail { background-repeat:no-repeat; background-position:50% 50%; padding:5px; margin:5px; float:left; border:1px solid #ccc; width:150px; height:150px; } .mediaThumbnail .options { background-color:#fff; float:right; clear:right; padding:2px 10px 2px 10px; margin:0px 0px 2px 2px; } .mediaThumbnail .options a { display:block; } fieldset .expired { border:1px solid #f00; } fieldset .expired legend { color:#f00; } fieldset .expiring { border:1px solid #f80; } fieldset .expiring legend { color:#f80; } #calendar { margin-top: 20px; padding:10px; } /* css for timepicker */ .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ text-align: left; } .ui-timepicker-div dl dt{ height: 25px; } .ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; } .ui-timepicker-div td { font-size: 90%; } fieldset.outOfStock { border: 1px solid #CC0000 } fieldset.lowStock { border: 1px solid #EEBB00 } .stockEmpty { color: #CC0000; } .helper { display: block; font-style: italic; } .stockLow { color: #fb7702; } .stockOkay { } .controls .history { background-image:url(/public/images/icons/script.png); background-position:4px 2px; background-repeat:no-repeat; padding-left:25px; } table.list tr td a.remove { background-image:url(/public/images/icons/delete.png); background-position:4px 2px; background-repeat:no-repeat; padding-left:25px; } a.history { font-size:10px; width:auto; text-decoration:underline; padding:3px; padding-left:25px } table.list tr:hover td a, table.list tr:hover td { background-color: #0195C5; color: #fff } table.list tr.expired td { background-color: #aa0113 } table.list tr.expired td a { color: #fff } table.list tr.expired:hover td a, table.list tr.expired:hover td { background-color: #0195C5; color: #fff } table.list tr.expiring td { background-color: #ffff99 } table.list tr.expiring td a { color: #555 } table.list tr.expiring:hover td a, table.list tr.expiring:hover td { background-color: #0195C5; color: #fff }