/* * block bg colour: #aa0000 * block bg highlight: #1c9aa6 * block fg colour: #ffe * block fg highlight: #ff0 * block fg bold: #00662E * border colour: #3cbac6 * border secondary: #def * link colour: #00662E * link hover: #39b * highlighted link: #00662E * highlighted hover: #a00 * label: #a00 * form border/button #00662E * main text colour #555 */ html { background-color:#fff; } body { background-color:#fff; color:#555; font-family:helvetica,arial,san-serif; 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:#00662E } a:hover { color:#39b } a:active, a:focus { outline: none; } a img { border:0px } h1 { font-size:13px; margin:0px; padding:2px 0px 4px 0px } h2 { font-size:11px; margin:0px; padding:2px 0px 4px 0px } h3 { font-size:11px; margin:0px; padding:2px 0px 4px 0px } .hidden { display: none; } .clear { clear:both } .close { background: url(/public/images/close.png) no-repeat 0 0; display: block; float: right; height: 30px; margin: -27px; text-indent: -99999px; width: 30px; } .layout { margin:0px auto; padding:0px; width: 850px; } /*.layout { margin:0px auto; padding:0 20px; }*/ #head { background-color:#fff; border-bottom:1px solid #bbb; color:#00662E; min-width: 850px; position: fixed; width: 100%; z-index: 100; } #head h1 { background: url(/public/images/mercury.png) 0 10px no-repeat; height:55px; line-height:40px; text-transform:uppercase; vertical-align:middle; } #head .title { float:right; padding:10px 0px } #foot { padding:20px 0px } #foot { border-top:1px solid #bbb; min-width: 850px; } #foot .title { float:right; padding:0px 0px } #foot p { padding:0px 0px } #foot a { color:#333 } #main { background-color:#fff; min-height:400px; min-width: 850px; overflow: hidden; padding:110px 0px; } #menus { display:block; z-index:99; height:30px; } #login { width:300px; margin:30px auto; background-color:#fff; border:1px solid #ccc } #login h1 { color:#555; text-align:center; padding:10px; margin:0px; text-transform:uppercase } #login fieldset { background-color:#fff; border:0px solid #00662E; padding:0px } #login fieldset div.field label { color:#555 } #login p { color:#a00 } #login p.error { color:#a33 } fieldset { border:1px solid #eee; padding:5px 10px 10px 10px; margin:0px 0px 10px 0px } fieldset legend { color:#00662E; font-weight:bold; font-size:13px; text-transform:uppercase } fieldset legend a { color:#69b; font-weight:normal; text-transform:lowercase; font-size:11px } fieldset legend a:hover { color:#369 } fieldset fieldset { border:1px solid #ddd; background-color:#fff; padding:10px; margin:5px 0px 0px 0px } fieldset fieldset legend { font-size:12px } fieldset div.field { overflow:hidden; padding:2px 5px; margin-bottom:1px; padding-left:110px; vertical-align:top; line-height:22px } fieldset div.field label { color:#555; margin:0px 10px; padding-top:0px; vertical-align:bottom; float:left; width:100px; margin-left:-110px; text-align:right; text-transform:capitalize; font-weight:bold } fieldset div.extra { float:right; border:1px solid #66aa8E; margin:5px; padding:5px } fieldset.stacked { overflow:hidden } fieldset.stacked div.field { width:20em; float:left } fieldset.tab { margin-top:0px } fieldset.low { border:1px solid #eee8e0; background-color:#fff8f0 } fieldset.low legend { color:#ccc8c0 } fieldset.low table.list th { color:#ccc8c0; border-bottom:1px solid #ccc8c0 } fieldset.low table.list td { color:#bbb } ul.tabs { display:block; height:22px; overflow:hidden; list-style-type:none; padding:0px; margin:10px 0px 0px 0px; border-bottom:0px solid #c88 } ul.tabs li { display:block; float:left; padding:0; margin:0px 1px } ul.tabs li a { display:block; padding:2px 10px; background-color:#66aa8E; color:#c88; text-decoration:none } ul.tabs li a:hover { background-color:#c88; color:#66aa8E } ul.tabs li a.selected { background-color:#c88; color:#fff } .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); } .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; } 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:#00662E } .menu ul li ul { border:0px solid #fff } .menu ul li a { background-color:#888; color:#fff; text-decoration:none } .menu ul li a:hover { background-color:#00662E; color:#fff } .menu ul li ul li a { background-color:#00662E; color:#fff; text-decoration:none } .menu ul li ul li a:hover { background-color:#30965E } .menu ul li a.active { background-color:#00662E; color:#fff } .menu ul li:hover a.active { background-color:#00662E; color:#fff } .menu ul li:hover a.active:hover { background-color:#00662E } #usermenu { float:left; padding:5px 5px 0px 15px; text-align:left; line-height:12px; } #usermenu p { color:#555; padding:0px 0px 2px 0px; margin:0px } #usermenu a { color:#555 } input { border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } textarea { font-family:helvetica,arial,san-serif; font-size:11px; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:250px; height:75px; padding: 3px; } button { border:1px solid #ccc; -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 } select option { padding:2px 10px 2px 2px; } select.usersSelect { display: none; margin-top: 20px; position: absolute; right: 0; z-index: 500; } 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:#00662E; color:#fff; font-size:11px; padding:3px 12px 3px 12px } input.button { background-color:#00662E; color:#fff; font-size:11px; padding:3px 12px 3px 12px; width:auto } #slider-range-min { width: 155px; } a.fakebutton { background-color:#00662E; color:#fff; font-size:11px; padding:3px 12px 3px 12px; width:auto; text-decoration:none } a.fakebutton { border:1px solid #00662E; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } 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 .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 .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 .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 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 { } .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 .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 .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 .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 } input.search { padding-left:22px; background-image:url(/public/images/icons/magnifier.png); background-repeat:no-repeat; background-position:4px 2px } .controls .add , a.buttonAdd { color:#585 } .controls .add:hover , a.buttonAdd:hover { color:#363 } .controls .delete , a.buttonDelete { color:#a77 } .controls .delete:hover, a.buttonDelete:hover { color:#855 } .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; } .controls .view , a.buttonView , a.view { padding-left:25px; } .controls .edit , a.buttonEdit , a.edit { padding-left:25px; } .controls .add , a.buttonAdd , a.add { padding-left:25px; } .controls .delete , a.buttonDelete , a.delete { padding-left:25px; } .controls .back , a.buttonBack , a.back { padding-left:25px; } table.list { width:100%; border:0px; padding:5px; margin-top:5px } table.list tr th { padding:2px 2px; text-align:left } table.list tr.odd td { padding:1px 2px } table.list tr.even td { padding:1px 2px } table.list tr td a { display:block; text-decoration:none; color:#555; padding:2px 5px } table.list tr td a.button { font-size:10px; float:right; width:auto; text-decoration:underline; color:#00662E; padding:2px } table.list tr td a.view { font-size:10px; float:right; width:auto; text-decoration:underline; color:#00662E; padding:3px; padding-left:25px } table.list tr td a.edit { font-size:10px; float:right; width:auto; text-decoration:underline; color:#00662E; padding:3px; padding-left:25px } table.list tr td a.delete { font-size:10px; float:right; width:auto; text-decoration:underline; color:#00662E; padding:3px; padding-left:25px } table.list tr td a.add { font-size:10px; float:right; width:auto; text-decoration:underline; color:#00662E; padding:3px; padding-left:25px } table.list tr td a.notes { max-height: 6.6em; overflow: hidden; } table.list tr td a.notes.showMore { max-height: none; } table.list tr td a.toggleNotes { font-size:10px; float:left; width:auto; text-decoration:underline; color:#00662E; padding:3px; } table.list tr th { border-bottom:1px solid #00662E; color:#00662E; text-transform:capitalize } table.list tr td { border-bottom:1px solid #fcc; } table.list tr.odd td { border-bottom:1px solid #66a68E; background-color:#fff } table.list tr.even td { border-bottom:1px solid #66a68E } table.list tr.highlight td { background-color:#fff8a3 } table.list tr.dueToday td { background-color:#cdf8cf } table.list tr:hover td { background-color:#69b; 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 } #sidebar div.list a.button:hover { color:#369 } .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 } .contact .audit p { float:right; clear:right; color:#aaa; font-size:0.8em; line-height:1em; } .sep { border-bottom:1px solid #00662E; 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 { position: relative; 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; } .resultsCount { color: #555; font-weight: normal; font-size: 0.9em; text-transform: lowercase; } table.list tr.won td a, table.list tr.notYet td a, table.list tr.lost td a { background: none; } table.list tr.won:hover td a, table.list tr.notYet:hover td a, table.list tr.lost:hover td a, table.list tr.won td a:hover, table.list tr.notYet td a:hover, table.list tr.lost td a:hover { color: #555; } table.list tr.won td.options a, table.list tr.notYet td.options a, table.list tr.lost td.options a, table.list tr.won:hover td.options a, table.list tr.notYet:hover td.options a, table.list tr.lost:hover td.options a { color: #C00; } table.list tr.won, table.list tr.won td { background: #c7ecbb; } table.list tr.won:hover td, table.list tr.won td a:hover { background: #a6d896; } table.list tr.notYet, table.list tr.notYet td, table.list tr.notYet td a { background: #faf8ce; } table.list tr.notYet:hover td, table.list tr.notYet:hover td a, table.list tr.notYet td a:hover { background: #fffba1; } table.list tr.lost, table.list tr.lost td, table.list tr.lost td a { background: #f2d9d9; } table.list tr.lost:hover td, table.list tr.lost:hover td a, table.list tr.lost td a:hover { background: #f0b9b9; }