/**** Instances ****/ /* * block bg colour: #aa0000 * block bg highlight: #1c9aa6 * block fg colour: #ffe * block fg highlight: #ff0 * block fg bold: #b00 * border colour: #3cbac6 * border secondary: #def * link colour: #c11 * link hover: #39b * highlighted link: #c00 * highlighted hover: #a00 * label: #a00 * form border/button #800 * 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 } p { margin:0px; padding:2px 0px 5px 0px } th, td { vertical-align:top; font-size:11px } a { color:#c11 } 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 } .clear { clear:both } .layout { margin:0px auto; padding:0px; width: 980px } #main .layout { overflow:auto } #head { background-color:#fff; border-bottom:2px solid #c00; color:#b00; min-width: 850px; } #head h1 { text-transform:uppercase; height:55px; vertical-align:middle; line-height:40px; padding-top: 10px; } #head .title { float:right; padding:10px 0px } #foot { padding:20px 0px } #foot { border-top:2px solid #b00; min-width: 850px; } #foot .title { float:right; padding:0px 0px } #foot p { padding:0px 0px } #foot a { color:#333 } #main { padding:10px 0px; background-color:#fff8f0; overflow: hidden; min-height:400px; min-width: 850px; } #menus { display:block; z-index:99; height:30px; } #login { width:300px; margin:30px auto; background-color:#fff; border:1px solid #c00 } #login h1 { color:#c11; text-align:center; padding:10px; margin:0px; text-transform:uppercase } #login fieldset { background-color:#fff; border:0px solid #c00; padding:0px } #login fieldset div.field label { color:#555 } #login p { color:#a00 } #login p.error { color:#a33 } fieldset { border:1px solid #fbb; padding:5px 10px 10px 10px; margin:0px 0px 10px 0px } fieldset legend { color:#b00; 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 #fdd; 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:#a00; 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 #fbb; 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 } .required_field_img { vertical-align:middle } 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:#fbb; color:#c88; text-decoration:none } ul.tabs li a:hover { background-color:#c88; color:#fbb } 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 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:#f00 } .menu ul li ul { border:0px solid #fff } .menu ul li a { background-color:#666; color:#fff; text-decoration:none } .menu ul li a:hover { background-color:#f00; color:#fff } .menu ul li ul li a { background-color:#f00; color:#fff; text-decoration:none } .menu ul li ul li a:hover { background-color:#b00 } .menu ul li a.active { background-color:#c00; color:#fff } .menu ul li:hover a.active { background-color:#f00; color:#fff } .menu ul li:hover a.active:hover { background-color:#f00 } #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 #800; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } textarea { font-family:helvetica,arial,san-serif; font-size:11px; border:1px solid #800; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:250px; height:75px; padding: 3px; } button { border:1px solid #800; -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; } 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:#800; color:#fff; font-size:11px; padding:3px 12px 3px 12px } input.button { background-color:#800; color:#fff; font-size:11px; padding:3px 12px 3px 12px; width:auto } #slider-range-min { width: 155px; } a.fakebutton { background-color:#800; color:#fff; font-size:11px; padding:3px 12px 3px 12px; width:auto; text-decoration:none } a.fakebutton { border:1px solid #800; -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 } .accept { padding-left:30px;background-image:url(/public/images/icons/accept.png); background-repeat:no-repeat; background-position:7px 3px } .cancel { padding-left:30px;background-image:url(/public/images/icons/cancel.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 .excel, a.excel { padding-left:25px; background-image:url(/public/images/icons/page_excel.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 .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 .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 .page , a.page , a.page { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px } .controls .upload , a.upload , a.upload { padding-left:25px; background-image:url(/public/images/icons/disk.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 .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 .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 } table.list tr td a.button { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:2px } table.list tr td a.view { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } table.list tr td a.edit { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } table.list tr td a.accept { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } table.list tr td a.cancel { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } table.list tr td a.delete { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } table.list tr td a.add { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } table.list tr td a.content { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } table.list tr td a.sections { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } table.list tr td a.user { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } table.list tr td a.image { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } table.list tr td a.options { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px } .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:#a77 } .controls .delete:hover, a.buttonDelete:hover , a.delete { 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; } 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 th { border-bottom:1px solid #b00; color:#b00; text-transform:capitalize } table.list tr td { border-bottom:1px solid #fcc; } table.list tr.odd td { border-bottom:1px solid #fcc; background-color:#fff } table.list tr.even td { border-bottom:1px solid #fcc } table.list tr.highlight td { background-color:#ff0 } table.list tr.deleted td { background-color:#fee } 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 { margin:0px 0px 3px 0px; text-decoration:none; vertical-align:middle; background-position:7px 0px; padding-top:2px; padding-bottom:2px } #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 } .sep { border-bottom:1px solid #b00; height:0px; margin:10px 0px; padding:0px; clear:both } .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; } /* 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%; } .float_right { float: right }