bgneal@1: /* SELECTOR (FILTER INTERFACE) */
bgneal@1: 
bgneal@1: .selector {
bgneal@1:     width: 580px;
bgneal@1:     float: left;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector select {
bgneal@1:     width: 270px;
bgneal@1:     height: 17.2em;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector-available, .selector-chosen {
bgneal@1:     float: left;
bgneal@1:     width: 270px;
bgneal@1:     text-align: center;
bgneal@1:     margin-bottom: 5px;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector-available h2, .selector-chosen h2 {
bgneal@1:     border: 1px solid #ccc;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector .selector-available h2 {
bgneal@1:     background: white url(../img/admin/nav-bg.gif) bottom left repeat-x;
bgneal@1:     color: #666;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector .selector-filter {
bgneal@1:     background: white;
bgneal@1:     border: 1px solid #ccc;
bgneal@1:     border-width: 0 1px;
bgneal@1:     padding: 3px;
bgneal@1:     color: #999;
bgneal@1:     font-size: 10px;
bgneal@1:     margin: 0;
bgneal@1:     text-align: left;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector .selector-chosen .selector-filter {
bgneal@1:     padding: 4px 5px;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector .selector-available input {
bgneal@1:     width: 230px;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector ul.selector-chooser {
bgneal@1:     float: left;
bgneal@1:     width: 22px;
bgneal@1:     height: 50px;
bgneal@1:     background: url(../img/admin/chooser-bg.gif) top center no-repeat;
bgneal@1:     margin: 8em 3px 0 3px;
bgneal@1:     padding: 0;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector-chooser li {
bgneal@1:     margin: 0;
bgneal@1:     padding: 3px;
bgneal@1:     list-style-type: none;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector select {
bgneal@1:     margin-bottom: 5px;
bgneal@1:     margin-top: 0;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector-add, .selector-remove {
bgneal@1:     width: 16px;
bgneal@1:     height: 16px;
bgneal@1:     display: block;
bgneal@1:     text-indent: -3000px;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector-add {
bgneal@1:     background: url(../img/admin/selector-add.gif) top center no-repeat;
bgneal@1:     margin-bottom: 2px;
bgneal@1: }
bgneal@1: 
bgneal@1: .selector-remove {
bgneal@1:     background: url(../img/admin/selector-remove.gif) top center no-repeat;
bgneal@1: }
bgneal@1: 
bgneal@1: a.selector-chooseall, a.selector-clearall {
bgneal@1:     display: block;
bgneal@1:     width: 6em;
bgneal@1:     text-align: left;
bgneal@1:     margin-left: auto;
bgneal@1:     margin-right: auto;
bgneal@1:     font-weight: bold;
bgneal@1:     color: #666;
bgneal@1:     padding: 3px 0 3px 18px;
bgneal@1: }
bgneal@1: 
bgneal@1: a.selector-chooseall:hover, a.selector-clearall:hover {
bgneal@1:     color: #036;
bgneal@1: }
bgneal@1: 
bgneal@1: a.selector-chooseall {
bgneal@1:     width: 7em;
bgneal@1:     background: url(../img/admin/selector-addall.gif) left center no-repeat;
bgneal@1: }
bgneal@1: 
bgneal@1: a.selector-clearall {
bgneal@1:     background: url(../img/admin/selector-removeall.gif) left center no-repeat;
bgneal@1: }
bgneal@1: 
bgneal@1: 
bgneal@1: /* STACKED SELECTORS */
bgneal@1: 
bgneal@1: .stacked {
bgneal@1:     float: left;
bgneal@1:     width: 500px;
bgneal@1: }
bgneal@1: 
bgneal@1: .stacked select {
bgneal@1:     width: 480px;
bgneal@1:     height: 10.1em;
bgneal@1: }
bgneal@1: 
bgneal@1: .stacked .selector-available, .stacked .selector-chosen {
bgneal@1:     width: 480px;
bgneal@1: }
bgneal@1: 
bgneal@1: .stacked .selector-available {
bgneal@1:     margin-bottom: 0;
bgneal@1: }
bgneal@1: 
bgneal@1: .stacked .selector-available input {
bgneal@1:     width: 442px;
bgneal@1: }
bgneal@1: 
bgneal@1: .stacked ul.selector-chooser {
bgneal@1:     height: 22px;
bgneal@1:     width: 50px;
bgneal@1:     margin: 0 0 3px 40%;
bgneal@1:     background: url(../img/admin/chooser_stacked-bg.gif) top center no-repeat;
bgneal@1: }
bgneal@1: 
bgneal@1: .stacked .selector-chooser li {
bgneal@1:     float: left;
bgneal@1:     padding: 3px 3px 3px 5px;
bgneal@1: }
bgneal@1: 
bgneal@1: .stacked .selector-chooseall, .stacked .selector-clearall {
bgneal@1:     display: none;
bgneal@1: }
bgneal@1: 
bgneal@1: .stacked .selector-add {
bgneal@1:     background-image: url(../img/admin/selector_stacked-add.gif);
bgneal@1: }
bgneal@1: 
bgneal@1: .stacked .selector-remove {
bgneal@1:     background-image: url(../img/admin/selector_stacked-remove.gif);
bgneal@1: }
bgneal@1: 
bgneal@1: 
bgneal@1: /* DATE AND TIME */
bgneal@1: 
bgneal@1: p.datetime {
bgneal@1:     line-height: 20px;
bgneal@1:     margin: 0;
bgneal@1:     padding: 0;
bgneal@1:     color: #666;
bgneal@1:     font-size: 11px;
bgneal@1:     font-weight: bold;
bgneal@1: }
bgneal@1: 
bgneal@1: .datetime span {
bgneal@1:     font-size: 11px;
bgneal@1:     color: #ccc;
bgneal@1:     font-weight: normal;
bgneal@1:     white-space: nowrap;
bgneal@1: }
bgneal@1: 
bgneal@1: table p.datetime {
bgneal@1:     font-size: 10px;
bgneal@1:     margin-left: 0;
bgneal@1:     padding-left: 0;
bgneal@1: }
bgneal@1: 
bgneal@1: /* FILE UPLOADS */
bgneal@1: 
bgneal@1: p.file-upload {
bgneal@1:     line-height: 20px;
bgneal@1:     margin: 0;
bgneal@1:     padding: 0;
bgneal@1:     color: #666;
bgneal@1:     font-size: 11px;
bgneal@1:     font-weight: bold;
bgneal@1: }
bgneal@1: 
bgneal@1: .file-upload a {
bgneal@1:     font-weight: normal;
bgneal@1: }
bgneal@1: 
bgneal@1: .file-upload .deletelink {
bgneal@1:     margin-left: 5px;
bgneal@1: }
bgneal@1: 
bgneal@1: /* CALENDARS & CLOCKS */
bgneal@1: 
bgneal@1: .calendarbox, .clockbox {
bgneal@1:     margin: 5px auto;
bgneal@1:     font-size: 11px;
bgneal@1:     width: 16em;
bgneal@1:     text-align: center;
bgneal@1:     background: white;
bgneal@1:     position: relative;
bgneal@1: }
bgneal@1: 
bgneal@1: .clockbox {
bgneal@1:     width: auto;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar {
bgneal@1:     margin: 0;
bgneal@1:     padding: 0;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar table {
bgneal@1:     margin: 0;
bgneal@1:     padding: 0;
bgneal@1:     border-collapse: collapse;
bgneal@1:     background: white;
bgneal@1:     width: 99%;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar caption, .calendarbox h2 {
bgneal@1:     margin: 0;
bgneal@1:     font-size: 11px;
bgneal@1:     text-align: center;
bgneal@1:     border-top: none;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar th {
bgneal@1:     font-size: 10px;
bgneal@1:     color: #666;
bgneal@1:     padding: 2px 3px;
bgneal@1:     text-align: center;
bgneal@1:     background: #e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x;
bgneal@1:     border-bottom: 1px solid #ddd;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar td {
bgneal@1:     font-size: 11px;
bgneal@1:     text-align: center;
bgneal@1:     padding: 0;
bgneal@1:     border-top: 1px solid #eee;
bgneal@1:     border-bottom: none;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar td.selected a {
bgneal@1:     background: #C9DBED;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar td.nonday {
bgneal@1:     background: #efefef;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar td.today a {
bgneal@1:     background: #ffc;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar td a, .timelist a {
bgneal@1:     display: block;
bgneal@1:     font-weight: bold;
bgneal@1:     padding: 4px;
bgneal@1:     text-decoration: none;
bgneal@1:     color: #444;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar td a:hover, .timelist a:hover {
bgneal@1:     background: #5b80b2;
bgneal@1:     color: white;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar td a:active, .timelist a:active {
bgneal@1:     background: #036;
bgneal@1:     color: white;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendarnav {
bgneal@1:     font-size: 10px;
bgneal@1:     text-align: center;
bgneal@1:     color: #ccc;
bgneal@1:     margin: 0;
bgneal@1:     padding: 1px 3px;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover {
bgneal@1:     color: #999;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar-shortcuts {
bgneal@1:     background: white;
bgneal@1:     font-size: 10px;
bgneal@1:     line-height: 11px;
bgneal@1:     border-top: 1px solid #eee;
bgneal@1:     padding: 3px 0 4px;
bgneal@1:     color: #ccc;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
bgneal@1:     display: block;
bgneal@1:     position: absolute;
bgneal@1:     font-weight: bold;
bgneal@1:     font-size: 12px;
bgneal@1:     background: #C9DBED url(../img/admin/default-bg.gif) bottom left repeat-x;
bgneal@1:     padding: 1px 4px 2px 4px;
bgneal@1:     color: white;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendarnav-previous:hover, .calendarnav-next:hover {
bgneal@1:     background: #036;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendarnav-previous {
bgneal@1:     top: 0;
bgneal@1:     left: 0;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendarnav-next {
bgneal@1:     top: 0;
bgneal@1:     right: 0;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar-cancel {
bgneal@1:     margin: 0 !important;
bgneal@1:     padding: 0;
bgneal@1:     font-size: 10px;
bgneal@1:     background: #e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x;
bgneal@1:     border-top: 1px solid #ddd;
bgneal@1: }
bgneal@1: 
bgneal@1: .calendar-cancel a {
bgneal@1:     padding: 2px;
bgneal@1:     color: #999;
bgneal@1: }
bgneal@1: 
bgneal@1: ul.timelist, .timelist li {
bgneal@1:     list-style-type: none;
bgneal@1:     margin: 0;
bgneal@1:     padding: 0;
bgneal@1: }
bgneal@1: 
bgneal@1: .timelist a {
bgneal@1:     padding: 2px;
bgneal@1: }
bgneal@1: 
bgneal@1: /* INLINE ORDERER */
bgneal@1: 
bgneal@1: ul.orderer {
bgneal@1:     position: relative;
bgneal@1:     padding: 0 !important;
bgneal@1:     margin: 0 !important;
bgneal@1:     list-style-type: none;
bgneal@1: }
bgneal@1: 
bgneal@1: ul.orderer li {
bgneal@1:     list-style-type: none;
bgneal@1:     display: block;
bgneal@1:     padding: 0;
bgneal@1:     margin: 0;
bgneal@1:     border: 1px solid #bbb;
bgneal@1:     border-width: 0 1px 1px 0;
bgneal@1:     white-space: nowrap;
bgneal@1:     overflow: hidden;
bgneal@1:     background: #e2e2e2 url(../img/admin/nav-bg-grabber.gif) repeat-y;
bgneal@1: }
bgneal@1: 
bgneal@1: ul.orderer li:hover {
bgneal@1:     cursor: move;
bgneal@1:     background-color: #ddd;
bgneal@1: }
bgneal@1: 
bgneal@1: ul.orderer li a.selector {
bgneal@1:     margin-left: 12px;
bgneal@1:     overflow: hidden;
bgneal@1:     width: 83%;
bgneal@1:     font-size: 10px !important;
bgneal@1:     padding: 0.6em 0;
bgneal@1: }
bgneal@1: 
bgneal@1: ul.orderer li a:link, ul.orderer li a:visited {
bgneal@1:     color: #333;
bgneal@1: }
bgneal@1: 
bgneal@1: ul.orderer li .inline-deletelink {
bgneal@1:     position: absolute;
bgneal@1:     right: 4px;
bgneal@1:     margin-top: 0.6em;
bgneal@1: }
bgneal@1: 
bgneal@1: ul.orderer li.selected {
bgneal@1:     background-color: #f8f8f8;
bgneal@1:     border-right-color: #f8f8f8;
bgneal@1: }
bgneal@1: 
bgneal@1: ul.orderer li.deleted {
bgneal@1:     background: #bbb url(../img/admin/deleted-overlay.gif);
bgneal@1: }
bgneal@1: 
bgneal@1: ul.orderer li.deleted a:link, ul.orderer li.deleted a:visited {
bgneal@1:     color: #888;
bgneal@1: }
bgneal@1: 
bgneal@1: ul.orderer li.deleted .inline-deletelink {
bgneal@1:     background-image: url(../img/admin/inline-restore.png);
bgneal@1: }
bgneal@1: 
bgneal@1: ul.orderer li.deleted:hover, ul.orderer li.deleted a.selector:hover {
bgneal@1:     cursor: default;
bgneal@1: }
bgneal@1: 
bgneal@1: /* EDIT INLINE */
bgneal@1: 
bgneal@1: .inline-deletelink {
bgneal@1:     display: block;
bgneal@1:     text-indent: -9999px;
bgneal@1:     background: transparent url(../img/admin/inline-delete.png) no-repeat;
bgneal@1:     width: 15px;
bgneal@1:     height: 15px;
bgneal@1:     margin: 0.4em 0;
bgneal@1:     border: 0px none;
bgneal@1: }
bgneal@1: 
bgneal@1: .inline-deletelink:hover {
bgneal@1:     background-position: -15px 0;
bgneal@1:     cursor: pointer;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline button.addlink {
bgneal@1:     border: 0px none;
bgneal@1:     color: #5b80b2;
bgneal@1:     font-size: 100%;
bgneal@1:     cursor: pointer;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline button.addlink:hover {
bgneal@1:     color: #036;
bgneal@1:     cursor: pointer;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline table .help {
bgneal@1:     text-align: right;
bgneal@1:     float: right;
bgneal@1:     padding-left: 2em;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline tfoot .addlink {
bgneal@1:     white-space: nowrap;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline table thead th:last-child {
bgneal@1:     border-left: none;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline tr.deleted {
bgneal@1:     background: #ddd url(../img/admin/deleted-overlay.gif);
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline tr.deleted .inline-deletelink {
bgneal@1:     background-image: url(../img/admin/inline-restore.png);
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline tr.deleted td:hover {
bgneal@1:     cursor: default;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline tr.deleted td:first-child {
bgneal@1:     background-image: none !important;
bgneal@1: }
bgneal@1: 
bgneal@1: /* EDIT INLINE - STACKED */
bgneal@1: 
bgneal@1: .editinline-stacked {
bgneal@1:     min-width: 758px;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline-stacked .inline-object {
bgneal@1:     margin-left: 210px;
bgneal@1:     background: white;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline-stacked .inline-source {
bgneal@1:     float: left;
bgneal@1:     width: 200px;
bgneal@1:     background: #f8f8f8;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline-stacked .inline-splitter {
bgneal@1:     float: left;
bgneal@1:     width: 9px;
bgneal@1:     background: #f8f8f8 url(../img/admin/inline-splitter-bg.gif) 50% 50% no-repeat;
bgneal@1:     border-right: 1px solid #ccc;
bgneal@1: }
bgneal@1: 
bgneal@1: .editinline-stacked .controls {
bgneal@1:     clear: both;
bgneal@1:     background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
bgneal@1:     padding: 3px 4px;
bgneal@1:     font-size: 11px;
bgneal@1:     border-top: 1px solid #ddd;
bgneal@1: }
bgneal@1: