/* begin: reset todo: (heskew) pare down and combine with existing selectors where appropriate */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; font-size:100%; margin:0; padding:0; vertical-align:baseline; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } /* end: reset */ /* Base setup ----------------------------------------------------------*/ html { background:#2d2f25; color:#333; } body { color:#333; font-family:Segoe UI,Trebuchet,Arial,Sans-Serif; font-size:62.5%; /* 10px */ line-height:1.6em; margin:0 auto 1em; min-width:74em; /* 946px */ padding:0; } button { font-family:Segoe UI,Trebuchet,Arial,Sans-Serif; } body#preview { min-width:0; } #content { background:#fcfcfc; } /* Layout number of columns: 24; actual width: 946; column width: 26; gutter width:14 | 24| 23| 22| 21| 20| 19| 18| 17| 16| 15| 14| 13| 12| 11| 10| 9| 8| 7| 6| 5| 4| 3| 2 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- .5g| 0.759| 0.793| 0.829| 0.870| 0.914| 0.963| 1.017| 1.079| 1.148| 1.226| 1.316| 1.420| 1.542| 1.687| 1.862| 2.077| 2.349| 2.703| 3.182| 3.867| 4.930| 6.796| 10.938 24|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 23| 95.770|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 22| 91.540| 95.583|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 21| 87.310| 91.166| 95.379|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 20| 83.080| 86.750| 90.758| 95.155|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 19| 78.850| 82.333| 86.137| 90.311| 94.909|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 18| 74.620| 77.916| 81.517| 85.466| 89.817| 94.635|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 17| 70.390| 73.499| 76.896| 80.621| 84.726| 89.271| 94.331|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 16| 66.161| 69.083| 72.275| 75.776| 79.634| 83.906| 88.663| 93.991|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 15| 61.931| 64.666| 67.654| 70.932| 74.543| 78.542| 82.994| 87.982| 93.607|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 14| 57.701| 60.249| 63.033| 66.087| 69.452| 73.177| 77.326| 81.972| 87.213| 93.170|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 13| 53.471| 55.832| 58.412| 61.242| 64.360| 67.813| 71.657| 75.963| 80.820| 86.340| 92.669|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 12| 49.241| 51.416| 53.791| 56.398| 59.269| 62.448| 65.988| 69.954| 74.426| 79.510| 85.338| 92.089|100.000| ---| ---| ---| ---| ---| ---| ---| ---| ---| --- 11| 45.011| 46.999| 49.171| 51.553| 54.178| 57.084| 60.320| 63.945| 68.033| 72.680| 78.008| 84.178| 91.410|100.000| ---| ---| ---| ---| ---| ---| ---| ---| --- 10| 40.781| 42.582| 44.550| 46.708| 49.086| 51.719| 54.651| 57.935| 61.639| 65.849| 70.677| 76.268| 82.819| 90.602|100.000| ---| ---| ---| ---| ---| ---| ---| --- 9| 36.551| 38.165| 39.929| 41.863| 43.995| 46.355| 48.983| 51.926| 55.246| 59.019| 63.346| 68.357| 74.229| 81.205| 89.628|100.000| ---| ---| ---| ---| ---| ---| --- 8| 32.321| 33.749| 35.308| 37.019| 38.903| 40.990| 43.314| 45.917| 48.852| 52.189| 56.015| 60.446| 65.639| 71.807| 79.255| 88.427|100.000| ---| ---| ---| ---| ---| --- 7| 28.091| 29.332| 30.687| 32.174| 33.812| 35.626| 37.645| 39.908| 42.459| 45.359| 48.684| 52.535| 57.048| 62.410| 68.883| 76.855| 86.913|100.000| ---| ---| ---| ---| --- 6| 23.861| 24.915| 26.066| 27.329| 28.721| 30.261| 31.977| 33.898| 36.066| 38.529| 41.353| 44.625| 48.458| 53.012| 58.511| 65.282| 73.826| 84.942|100.000| ---| ---| ---| --- 5| 19.631| 20.498| 21.445| 22.484| 23.629| 24.897| 26.308| 27.889| 29.672| 31.699| 34.023| 36.714| 39.868| 43.614| 48.138| 53.709| 60.738| 69.884| 82.273|100.000| ---| ---| --- 4| 15.401| 16.082| 16.825| 17.640| 18.538| 19.532| 20.640| 21.880| 23.279| 24.869| 26.692| 28.803| 31.278| 34.217| 37.766| 42.136| 47.651| 54.826| 64.545| 78.453|100.000| ---| --- 3| 11.171| 11.665| 12.204| 12.795| 13.446| 14.168| 14.971| 15.871| 16.885| 18.039| 19.361| 20.892| 22.687| 24.819| 27.394| 30.564| 34.564| 39.768| 46.818| 56.906| 72.535|100.000| --- 2| 6.941| 7.248| 7.583| 7.950| 8.355| 8.803| 9.302| 9.861| 10.492| 11.208| 12.030| 12.982| 14.097| 15.422| 17.021| 18.991| 21.477| 24.710| 29.091| 35.359| 45.070| 62.136|100.000 1| 2.711| 2.831| 2.962| 3.106| 3.264| 3.439| 3.634| 3.852| 4.098| 4.378| 4.699| 5.071| 5.507| 6.024| 6.649| 7.418| 8.389| 9.653| 11.364| 13.812| 17.606| 24.272| 39.063 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | 24| 23| 22| 21| 20| 19| 18| 17| 16| 15| 14| 13| 12| 11| 10| 9| 8| 7| 6| 5| 4| 3| 2 ----------------------------------------------------------*/ #header, #footer { width:100%; } #header { overflow:hidden; } #content { overflow:auto; padding:1.4em; background:#fcfcfc; } #main { display:inline; float:right; width:83.08%; } #menu .menu-admin { display:inline; float:left; width:15.401%; border-right:1px solid #eaeaea; } .wrapper, .sections { overflow:hidden; } .sections .primary { display:inline; float:left; width:74.543%; } .sections .secondary { display:inline; float:left; margin-left:1.71%; width:23.629%; } /* Headings and defaults ----------------------------------------------------------*/ h1, h2, h3, h4, h5, legend { padding:.4em 0; font-style: normal; font-weight:normal; } h1 { font-size:2.6em; } /* 26px */ h2 { font-size:2.1em; } /* 21px */ h2 span { font-size:.57em; } /* 12px */ h3 { font-size:1.8em; } /* 18px */ h3 span { font-size:.667em; } /* 12px */ h4 { font-size:1.6em; } /* 16px */ h5 { font-size:1.4em; } /* 14px */ h6, p, dl, label, /*input, select,*/ .button, .message, .validation-summary-errors, table.items th, table.items td, table.items caption { font-size:1.4em; line-height:1.4em; } /* 14px */ table.items p, table.items label, table.items input, table.items .button { font-size:1em; line-height:1em; } p .button { font-size:inherit; } .meta, .hint { font-size:1.2em; } /* 12px */ form.link button { font-size:1.01em; } /* Links ----------------------------------------------------------*/ a, a:link, a:visited, form.link button { color:#1e5d7d; text-decoration:none; } form.link button { height:1.3em; } a:hover, a:active, a:focus { color:#1e5d7d; text-decoration:underline; } form.link button:hover { border-bottom:1px solid #1e5d7d; } /* Header - Branding and Login ----------------------------------------------------------*/ #header { background:#2d2f25 url(images/backgroundHeader.gif) no-repeat bottom right; height:50px; } #header #app { float:left; font-size:2.4em; padding:.4em 0; } #header #app a { background:url(images/orchardLogo.gif) no-repeat; display:block; height:60px; margin:-11px 0 0 14px; text-indent:-9999px; width:105px; } #header #app a { background:url(images/orchardLogo.gif) no-repeat; display:block; height:60px; margin:-11px 0 0 14px; text-indent:-9999px; width:35px; } #site { font-size:2em; } #site a, #site a:visited, #site a:active { color:#fff; float:left; line-height:2.2em; padding:0 0 0 6px; position:relative; } #login { font-size:1.5em; color:#fff; display:block; float:right; margin:16px 20px 0 0; white-space:nowrap; } #login a, #login a:link, #login a:visited { color:#fff; padding:0; } #login a:hover, #login a:active, #login a:focus { color:#ffea9b; } /* Navigation ----------------------------------------------------------*/ #navshortcut { height:0; overflow:hidden; width:0; } #menu .menu-admin li { margin:5px 0 17px 4px; } #menu .menu-admin ul li { border:0; margin:0; } #menu .menu-admin li h3 { padding:0 0 0 8px; } #menu .menu-admin li h3 a, #menu .menu-admin li h3 span { line-height:1.2em; } #menu .menu-admin ul a, #menu .menu-admin ul a:link, #menu .menu-admin ul a:visited { color:#2d2f25; display:block; font-size:1.4em; line-height:1.2em; padding:.4em 0 .4em 12px; text-decoration:none; } #menu .menu-admin ul a:hover, #menu .menu-admin ul a:active, #menu .menu-admin ul a:focus { background:#f5f5f5; color: #000; text-decoration:underline; } /* todo: make generic so all toggles can use this and clean up jQuery */ .expando-glyph-container { display:inline !important; line-height:.9em; padding:0 !important; position:relative; } .expando-glyph { background:#fcfcfc no-repeat center center; background-image:url(data:image/gif;base64,R0lGODlhCwALAKIFAPDz2/b70mhpREJEPjI0Lf///wAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjJDNDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzQjUyNTNFOTQyODExREY5MDkxQ0U0MzJGRTdGNEExIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzQjUyNTNEOTQyODExREY5MDkxQ0U0MzJGRTdGNEExIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJENDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJDNDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAABQAsAAAAAAsACwAAAx1YutxeIbYIghBgWVwA4daQKZ4QjkspPsD6dG8sJwA7); /*url("images/menuOpen.gif")*/ bottom:0; cursor:pointer; display:block; height:17px; left:-20px; padding:0 !important; position:absolute; width:17px; -webkit-transform:rotate(0deg); } .expando-glyph:hover { background-image:url(data:image/gif;base64,R0lGODlhCwALAJEDAB5dfcbVyMvbwf///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjJDNDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUxMUUzODE2OTQyODExREZBN0ZBOURGNEI3NDVDRkMxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUxMUUzODE1OTQyODExREZBN0ZBOURGNEI3NDVDRkMxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJENDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJDNDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAwAsAAAAAAsACwAAAhqcj6kjnR0EAOFIOsKstxoNdAmIKZq3oMvKFgA7); /*url("images/menuOpenHover.gif");*/ } .expando-glyph-container.closed .expando-glyph { background-image:url(data:image/gif;base64,R0lGODlhCwALAKIFAPDz2/b70mhpREJEPjI0Lf///wAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjJDNDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY2OEJCRkEyOTQyODExREY5ODMwQkQwQjI2MEMzREUwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY2OEJCRkExOTQyODExREY5ODMwQkQwQjI2MEMzREUwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJENDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJDNDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAABQAsAAAAAAsACwAAAx1YBaD+QbTn4pi0WEx3Vh4FCASnjGUWpar0acGXAAA7); /*url("images/menuClosed.gif");*/ } .expando-glyph-container.closed .expando-glyph:hover { background-image:url(data:image/gif;base64,R0lGODlhCwALAJEDAB5dfcbVyMvbwf///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjJDNDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1NTdBNkZFOTQyOTExREY4QjNERjI1RjMzMUYxRjk1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1NTdBNkZEOTQyOTExREY4QjNERjI1RjMzMUYxRjk1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJENDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJDNDlGNjgyMjg5NERGMTE4RUZGQkY0Q0JCRDA3OTc2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAwAsAAAAAAsACwAAAhrcEqYrkKuagxFMOuSjmga7Kd/FgFgTMgJWAAA7); /*url("images/menuClosedHover.gif");*/ } .expando-glyph-container.closing .expando-glyph { -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg); } .expando-glyph-container.opening .expando-glyph { -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg); } /* Content ----------------------------------------------------------*/ #main h1 { margin:0 0 1em; } #main h2, #main h3 { margin:.5em 0; } #main p { margin:0 0 1.5em; } #main .main.actions { margin:0 0 1.4em; } #main .meta { margin:-.4em 0 .4em; } #main form { margin:.345em 0 1.38em; } #main form.inline { margin:0; } #main h1, #main h2 { border-bottom:1px solid #eaeaea; } #main ul h2 { border-bottom:0; margin:.2em 0; } #main ul h3 { font-size:1.6em; margin:0 0 .2em; } /* Confirmations, Messages and the like ----------------------------------------------------------*/ .message, .validation-summary-errors { margin:10px 0 4px 0; padding:4px; } messages div.message { clear:both; } span.message { display:block; margin:4px 0 4px 4px; } .messages a { font-weight:bold; } /* todo: (heskew) what else (other inputs) needs this? */ .critical.message, .validation-summary-errors, .input-validation-error.text-box, .input-validation-error.text { border:1px solid #990808; } .critical.message, .validation-summary-errors { background:#e68585; /* red */ color:#fff; } .message-Information { background:#e6f1c9; /* green */ border:1px solid #cfe493; color:#062232; } .message-Warning { background:#fdf5bc; /* yellow */ border:1px solid #ffea9b; } .message-Error { background:#e68585; /* green */ border:1px solid #990808; color:#fff; }.debug.message { background:#eee; border:1px dashed #D2D6C6; color:#7a7a7a; margin:20px 0 14px 0; } .debug.message:before { content:"DEBUG » "; } /* Forms ----------------------------------------------------------*/ form.inline, form.inline fieldset { /* todo: (heskew) need something other than .inline ... */ display:inline; } form.inline fieldset { margin:0; } .bulk-actions { display:inline; height:auto; margin:0 1.4em 0 0; padding-top:0; } legend { font-size:1.6em; font-weight:bold; } legend span { font-weight:normal; } label { display:block; color:#4c4c4c; font-weight:bold; } label.forcheckbox { display:inline; line-height:1.8em; } .bulk-actions label, .bulk-items h3, label.sub { display:inline; } label.bulk-order { text-transform:lowercase; } label span { font-weight:normal; } label input { vertical-align:text-top; } .hint { display:block; } /* todo: (heskew) try to get .text on stuff like .text-box */ select, textarea, input.text, input.textMedium, input.text-box { padding:3px; border:1px solid #bdbcbc; } input.text, input.textMedium, input.text-box { line-height:1.2em; } input.textMedium { width:26em; } select { padding:1px; } select:focus, textarea:focus, input.text:focus, input.text-box:focus { border-color:#666d51; } input.check-box { margin-left:0; vertical-align:-.1em; } input.large.text, textarea, fieldset { clear:both; } fieldset { margin:0 0 1.3em 0; padding:6px 0 0; } textarea { min-height:8em; } #main input.large.text, #main textarea { width:99%; } #main .primary input.large.text, #main .primary textarea { margin:0; padding:4px; width:98.8%; } /* todo: (heskew) move editor specific style elsewhere */ .primary .mceEditor { display:block; margin:0; } .secondary fieldset { margin:.446% 0 .446% .446%; padding:4px; width:98.662%; } button, .button, .button:link, .button:visited { background:#F5F5F5; background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb)); background:-moz-linear-gradient(top , #F5F5F5, #cbcbcb); border:1px solid #999999; color:#2D2F25; cursor:pointer; padding:0 0.8em 0.1em 0.8em; text-align:center; text-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 4px 4px rgba(231,231,231,.2) inset; -webkit-box-shadow: 0 4px 4px rgba(231,231,231,.2) inset; -moz-box-shadow: 0 4px 4px rgba(231,231,231,.2) inset; } form.link button { background:inherit; border:0; padding:0; width:auto; margin:-2px -3px 0; } .primaryAction, .primaryAction:link, .primaryAction:visited { background:#4687ad; background: -webkit-gradient(linear, left top, left bottom, from(#4687AD), to(#366581)); background:-moz-linear-gradient(top , #4687AD, #366581); border:1px solid #405f71; color:#fff; } button.remove, .remove.button, .remove.button:link, .remove.button:visited { background-color:#DECCCA; background-image:url(images/tableHeaderBackgroundRed.gif); border-color:#d6c9c7; color:#5c3732; } button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus { border-color:#bb8b2d; color:#fff; text-decoration:none; background: #ffac40; background: -webkit-gradient(linear, left top, left bottom, from(#ffac40), to(#f06015)); background: -moz-linear-gradient(top, #ffac40, #f9760d); } button:focus::-moz-focus-inner, .button:focus::-moz-focus-inner { border-color:#8a8f7a; } button.remove:hover, .remove.button:hover, button.remove:active, .remove.button:active, button.remove:focus, .remove.button:focus { background:#8f7c79; border-color:#6e5551; color:#faedeb; } button.remove:focus::-moz-focus-inner, .remove.button:focus::-moz-focus-inner { border-color:#8f7c79; } .delete.button { float:right; } .cancel { margin:0 0 0 .93em; } .manage { float:right; margin:0 0 1em .8em; } .actions { clear:right; padding:0; text-align:right; } .item-properties.actions { margin-bottom:.5em; margin-top:-5em; overflow:hidden; padding:1px; } .contentItems .actions li { background:inherit; border:0; padding:0; } .actions .construct { float:left; } .actions .destruct { float:right; } .manage a.button { float:right; height:inherit; margin-left:.3em; } .options { margin: 12px 0px 12px 0px; } .options span /* This is just a fix. We need to fix the base HTML */ { display: block; margin: 12px 0 0 0; } .options span.hint /* This is just a fix. We need to fix the base HTML */ { display: block; margin: 0 0 0 0; } .options input[type="text"] /* This is just a fix. We need to fix the base HTML */ { width:26em; } /* Icon buttons ----------------------------------------------------------*/ .ibutton, .ibutton:link, .ibutton:visited, button.ibutton, button.ibutton:hover, button.ibutton:focus, button.ibutton:active { background:url(images/icons.png) 0 -20px; border:0; display:inline; float:left; height:17px; overflow:hidden; padding:0 0 0 17px; width:0; } button.ibutton { text-indent:-9999em; } .ibutton:hover, .ibutton:active, .ibutton:focus { background-position:0 0; } .ibutton.remove, .ibutton.remove:link, .ibutton.remove:visited { background-position:-20px -20px; } .ibutton.remove:hover, .ibutton.remove:active, .ibutton.remove:focus { background-position:-20px 0; } .ibutton.view, .ibutton.view:link, .ibutton.view:visited { background-position:-40px -20px; } .ibutton.view:hover, .ibutton.view:active, .ibutton.view:focus { background-position:-40px 0; } .ibutton.add.page, .ibutton.add.page:link, .ibutton.add.page:visited { background-position:-60px -20px; } .ibutton.add.page:hover, .ibutton.add.page:active, .ibutton.add.page:focus { background-position:-60px 0; } .ibutton.edit, .ibutton.edit:link, .ibutton.edit:visited { background-position:-80px -20px; } .ibutton.edit:hover, .ibutton.edit:active, .ibutton.edit:focus { background-position:-80px 0; } .ibutton.publish, .ibutton.publish:link, .ibutton.publish:visited { background-position:-100px -20px; } .ibutton.publish:hover, .ibutton.publish:active, .ibutton.publish:focus { background-position:-100px 0; } .ibutton.blog, .ibutton.blog:link, .ibutton.blog:visited { background-position:-120px -20px; } .ibutton.blog:hover, .ibutton.blog:active, .ibutton.blog:focus { background-position:-120px 0; } /* (Items) Tables ----------------------------------------------------------*/ table.items { margin:0 0 1.4em 0; background:#fff; border:1px solid #eaeaea; border-bottom:none; border-collapse:separate; border-spacing:0; width:100%; } table.items caption { padding:8px 0; text-indent:0; } table.items col { border-spacing:0; display:table-column; } table.items colgroup { border-spacing:0; display:table-column-group; } table.items tbody { border-spacing:0; vertical-align:middle; } table.items thead, table.items th { background:#f5f5f5; font-weight:700; overflow:hidden; text-align:left; } /* todo: (heskew) hook back up */ table.items tr.hover { background-color:#f0f3d6; } table.items tr.critical {background:#e68585; border:inherit;} table.items tr.warning {background:#fdf5bc; border:inherit;} table.items th, table.items td { border-bottom:1px solid #eaeaea; border-spacing:0px; display:table-cell; padding:8px 12px; vertical-align:middle; } /* todo: Find a better way to do this. These are a fix for buttons and label fonts becomming too large in a table.*/ table label { font-size:1em; } table .button { font-size:1em; } /* Content item lists ----------------------------------------------------------*/ .contentItems { border:1px solid #eaeaea; background:#FFF; clear:both; margin:1em 0; padding:0; } .contentItems li { border-bottom:1px solid #eaeaea; margin:0; overflow:hidden; padding:0 1.4em .8em; } .contentItems li.last { border-bottom:none; } .contentItems.bulk-items li { padding-bottom:.6em; padding-left:.6em; } #main .contentItems li .actions { color:#EAE9D9; height:auto; margin:-1.3em 0 0; padding:0 0 .1em; } #main .contentItems li .actions .ibutton { margin-right:6px; } #main .contentItems li .actions .destruct .ibutton { margin-left:8px; margin-right:0; } #main .contentItems li:hover .ibutton { background-position:0 0; } #main .contentItems li:hover .ibutton.remove { background-position:-20px 0; } #main .contentItems li:hover .ibutton.view { background-position:-40px 0; } #main .contentItems li:hover .ibutton.add.page { background-position:-60px 0; } #main .contentItems li:hover .ibutton.edit { background-position:-80px 0; } #main .contentItems li:hover .ibutton.publish { background-position:-100px 0; } #main .contentItems li:hover .ibutton.blog { background-position:-120px 0; } .contentItems .summary { clear:both; padding:1.2em .4em .5em; } .contentItems .properties { float:left; } .contentItems h3 { padding-top:0; } .contentItems .metadata ul { display:inline; } .contentItems.bulk-items .metadata, .contentItems.bulk-items .primary { margin:.7em 0 .7em 2em; overflow:auto; } .contentItems.bulk-items .primary { clear:both; margin-top:0; } .contentItems .properties li { border:0; float:left; font-size:1.4em; padding:0 0 .1em 0; } .contentItems .properties .icon { margin:0 .2em -.2em; } .contentItems .related { text-align:right; font-size:1.4em; } .contentItems .commentcount { line-height:2em; } #main .contentItems p { margin:1em 0 0; } /* Pager ***************************************************************/ .pager { list-style: none; padding: 0; margin: 12px 0 0 0; } .pager li { float: left; padding: 0 12px 0 0; margin: 0; } .pager a { font-size: 1.077em; display: block; background-color: whiteSmoke; padding: 6px 6px; color: #333;} .pager a:hover { background-color: #eaeaea; color: #333; } /* Core Modules ----------------------------------------------------------*/ /* Routable */ .permalink input.text { background:transparent; border-color:#EAE9D9; border-style:dashed; margin-left:0; margin-right:2em; width:350px; } .permalink input.text:focus { background:#FFF; border-color:#666d51; border-style:solid; } .permalink .checkbox-and-label { white-space:nowrap; } /* Settings */ .settings fieldset { margin:.5em 0; padding:1em; } .orchard-media fieldset div, .settings fieldset div, .orchard-media .button, .settings .button { margin:1em 0 .5em 1em; } .settings legend { margin:0 0 -.4em 0; } /* Fields ----------------------------------------------------------*/ /* TextField */ #main .summary p.text-field { margin:.5em 0; } /* ---------- Generic ---------- */ #main .breadcrumb { margin-top:-1.5em; } /* todo: needed? */ .clearBoth { clear:both; }