[FL_Hint]My hint[/FL_Hint]
< /div>
< /div>
< /div>
*/
.fgroup {
width: auto;
}
.fgroup .frow {
clear: both;
margin: 0 0 0 10px;
padding: 8px 0 0 0;
}
.fgroup .frow label {
display: block;
float: left;
width: 150px; /* override this rule to adjust the left column width */
text-align: right;
font-style: italic;
color: #3E6797;
}
.fgroup .fieldrow .field {
max-width: 100%;
}
.fgroup .frow .fcontainer {
/* width: 450px; */
float: left;
padding: 0 10px;
}
.fgroup .frow .foperator {
float: left;
padding: 0 0 0 10px;
}
.fgroup .fcontainer label {
width: auto;
padding: 0 5px 0 0;
}
.fgroup .fcontainer div.inline {
float: left;
padding: 0 15px 0 0;
}
.fgroup .f,
.fgroup .flselectfield,
.fgroup .frow select {
width: 250px; /* default field width */
max-width: 100%;
}
.fgroup textarea.f {
/* resize is used to disable/enable text area resizing in chrome/firefox */
resize: vertical;
max-width: 100%;
}
.fgroup .f.nowidth,
.fgroup .flselectfield.nowidth {
width: auto;
}
/* changes to sizes must also be made in archimedes-editscreens-additional.js */
.fgroup .f.tiny,
.fgroup .flselectfield.tiny {
width: 25px;
}
.fgroup .f.small,
.fgroup .flselectfield.small {
width: 100px;
}
.fgroup .f.small.datetimepicker {
width: 120px;
}
.fgroup .f.medium,
.fgroup .flselectfield.medium {
width: 130px;
}
.fgroup .f.large,
.fgroup .flselectfield.large {
width: 350px;
}
.fgroup .f.xlarge,
.fgroup .flselectfield.xlarge {
width: 450px;
}
.fgroup .f.huge,
.fgroup .flselectfield.huge {
width: 450px;
}
.fgroup .f.financial,
.fgroup .flselectfield.financial {
width: 90px;
}
.fgroup .frow select.default {
width: 254px; /* default select field width (add 4px to default field width) */
}
.fgroup .frow .hintpanel {
width: 204px; /* should match default field width, above, plus 4px */
}
.fgroup .fHeading {
clear: both;
font-size: 15px;
padding: 20px 0 10px 320px; /* last value should match left column width plus 20px */
}
.fgroup .frow-nolabel {
margin: 0 0 0 320px; /* last value should match left column width plus 20px */
}
/* MISC AJAX WIDGETS */
div.ajaxloader {
float: left;
width: 16px;
height: 16px;
background: url(/lib/archimedes/images/ajax-loader.gif) top left no-repeat;
}
/* AOL MAIN SCREENS */
#aol_banner {
width: 932px;
height: 72px;
background: url(/lib/archimedes/images/aol_small_bnr.gif) no-repeat;
text-align: right;
}
#aol_current_user {
color: #bbb;
font-size: 11px;
padding: 13px 0 0 0;
}
#aol_current_user_name {
font-weight: bold;
}
/* FL Mini Tabs IE7 hack (ticket #116) */
.flmtContent {
float: left;
display: inline
}
/* Get rid of those annoying dotted lines around links... */
a {
outline: none;
}
/* AOL DATA TABLE screen css (for
elements with a class of 'aol_table') */
table.aol_table_header td, table.aol_table_header th {
font-size: 11px;
}
table.aol_table {
border: 1px solid #ccc;
border-collapse: collapse;
}
table.aol_table tr td, table.aol_table tr th {
border: 1px solid #bad1ee;
border-collapse: collapse;
font-size: 11px;
vertical-align: top;
padding: 8px;
line-height: 1.2em;
background: #fff;
color: #222
}
table.aol_table tr th {
font-weight: bold;
font-size: 11px;
color: #3d679c;
text-align: left;
vertical-align: bottom;
padding: 8px;
background: url(/lib/archimedes/images/aol_table_header_bg.gif) center center repeat-x #e1ebf8;
white-space: nowrap;
}
table.aol_table tr.alt td {
background: #f8fbfd;
}
table.aol_table .aol_table_closebox {
float: right;
cursor: pointer;
width: 14px;
height: 14px;
background: url(/lib/archimedes/images/aol_table_closebox.gif) center center no-repeat;
}
/* New FL_Select fields */
.flselectfield {
width: auto;
max-height: 120px;
overflow: auto;
padding: 2px 2px 5px 2px;
border: 1px solid #b4c9d2;
background: url(/lib/archimedes/images/f_bg.gif) top left repeat-x;
}
.flselectfield_item {
white-space: nowrap;
}
.flselectfield_label {
font-style: italic;
color: #3E6797;
}
/* archimedesQS.css */
.fl_button {color:#3E6797;}
.nbtntxt {color:#686C89;}
.fl_toggleBlockLabel {font-style:normal;}
/* record locking mechanism */
#fl_locked_status {
text-align: center;
}
#fl_locked_status a {
text-decoration: underline;
}
#fl_locked_statusCancelTable {
width: auto;
}
#fl_locked_statusCancelBtn {
padding-left: 130px;
}
#buttonsBelow.padded {
margin: 15px 0;
}
/* HEADING AND SEARCH */
/* These styles are used in the new Archimedes Ajax pages... */
#agui_headingAndSearch {
margin: 5px 0 0 0;
}
#agui_headingAndSearch h1.recordsList {
float: left;
color: #003366;
line-height: 1.0em;
font-family: arial,helvetica,sans-serif;
font-size: 18px;
/*
margin-top: 2px;
margin-bottom: 4px;
*/
}
#quicksearch {
float: right;
margin: 0;
background: transparent url(/lib/archimedes/images/quicksearch_box.gif) top left no-repeat;
width: 143px;
height: 30px;
overflow: hidden;
}
#agui_headingAndSearch #qsInner {
float: left;
}
#agui_headingAndSearch #qsInner span {
display: block;
margin-top: 6px;
margin-left: 33px;
}
#agui_headingAndSearch #qs { /* input */
width: 86px;
height: 15px;
overflow: hidden;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
}
#agui_previousNextAndSearchOptions {
/* display: none; */
clear: both;
margin: 0 10px 10px 0;
}
#agui_previousNextAndSearchOptions .inner {
height: 22px;
}
#agui_previousNext {
float: left;
padding: 0 25px 0 0;
color: #808080;
}
#agui_recordsFound {
float: left;
padding: 0 25px 0 0;
color: #000;
font-weight: bold;
}
#agui_searchOptions {
float: right;
padding: 0 0 0 25px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #808080;
}
#agui_searchOptions a {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #808080;
text-decoration: underline;
}
#agui_previousNext .pntxt {
color: #808080;
}
#agui_previousNext a {
color: #808080;
text-decoration: underline;
}
#agui_previousNext .disabled {
color: silver;
}
#agui_previousNext .pnmenu {
color: #808080;
/* border: 1px solid silver;
padding: 1px; */
}
/* CLASSES FOR RECORD ROWS (currently used in Artlogic Online, Offers)
To keep each row on a single line, overflow hidden, set the class
of the containing div to "agui-recordsContainer nowrap" rather than
simply "agui-recordsContainer"
*/
.agui-recordsContainer {
border: 1px solid silver;
background: url(/lib/archimedes/images/recs_topbar_bg.gif) top repeat-x #fff;
}
.agui-recordsContainer .records {
height: 375px;
width: auto;
overflow: auto;
line-height: 1em;
}
.agui-recordsContainer .records tr {
background: #edf3fe;
}
.agui-recordsContainer .records td, .agui-recordsContainer .recordsHeader td {
line-height: 1.1em;
font-size: 10px;
border-left: 1px solid #edf3fe;
border-right: 1px solid #e4e4e4;
}
.agui-recordsContainer .records td.first, .agui-recordsContainer .recordsHeader td.first {
border-left: 0;
}
.agui-recordsContainer .records tr.alt, .agui-recordsContainer .recordsHeader tr.alt {
background: #fff;
}
.agui-recordsContainer .records tr.alt td, .agui-recordsContainer .recordsHeader tr.alt td {
border-left: 1px solid #fff;
}
.agui-recordsContainer .records div.alignRight, .agui-recordsContainer .recordsHeader div.alignRight {
text-align: right;
}
.agui-recordsContainer .records div.alignCenter, .agui-recordsContainer .recordsHeader div.alignCenter {
text-align: center;
}
.agui-recordsContainer .recordsHeader {
height: 20px;
width: auto;
margin-right: 15px;
overflow: hidden;
line-height: 1em;
background: url(/lib/archimedes/images/recs_topbar_bg.gif) top repeat-x #fff;
}
.agui-recordsContainer .recordsHeader td {
border-right: 1px solid #e4e4e4;
border-left: 1px solid #fff;
height: 19px;
background: url(/lib/archimedes/images/recs_topbar_bg.gif) top repeat-x #fff;
color: #707070;
}
.agui-recordsContainer div.cell {
padding: 4px 5px;
}
.agui-recordsContainer .recordsTable div.pencil {
background: url(/lib/archimedes/images/pencil.gif) no-repeat 50% 3px;
cursor: pointer;
}
.agui-recordsContainer .recordsTable div.dustbin {
background: url(/lib/archimedes/images/dustbin.gif) no-repeat 50% 3px;
cursor: pointer;
}
.agui-recordsContainer .recordsTable div.clickable {
cursor: pointer;
}
.agui-recordsContainer .recordsHeader tr.header div.cell {
padding: 3px 5px 0 5px;
}
.agui-noRecordsFound {
width: 500px;
height: 300px;
background: url(/lib/archimedes/images/pen_100x100.jpg) top left no-repeat;
padding: 10px 0 0 138px;
margin: 30px 40px 0 40px;
line-height: 1.4em;
}
.agui-recordsContainer.nowrap .recordsTable th, .agui-recordsContainer.nowrap .recordsTable td {
white-space:nowrap;
}
.agui-recordsContainer.nowrap .recordsTable div.cell {
height: 16px;
overflow: hidden;
vertical-align: text-top; /* otherwise the text appears too low in the cell */
}
/* fantabulous tabs mechanism
see /lib/fantabulous/fantabulous.js
used in preview panes, etc. */
.tab-panel {
display: none;
}
.tab-panel.active-tab-body {
display: block;
}
#tabs_container h3 {
color: #003366;
margin: 0;
}
#tabs {
list-style: none;
margin: 0;
padding: 0;
padding-left: 5px;
height: 23px;
display: block;
margin-bottom: -1px;
}
#tabs li {
display: inline;
float: left;
height: 23px;
margin-right: 3px;
}
#tabs li a {
color: #444;
text-decoration: none;
float: left;
display: inline;
height: 22px;
padding-left: 8px;
background: url(/lib/fabtabulous/images/tab_bg.png) left top no-repeat;
border-bottom: 1px solid #e3e3e3;
cursor: pointer;
}
#tabs li a span {
float: left;
display: inline;
height: 18px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 8px;
background: url(/lib/fabtabulous/images/tab_bg.png) right top no-repeat;
cursor: pointer;
}
#tabs a.active-tab {
background: url(/lib/fabtabulous/images/tab_bg_active.png) left top no-repeat;
border-bottom: 1px solid #ffffff;
}
#tabs li a.active-tab span {
background: url(/lib/fabtabulous/images/tab_bg_active.png) right top no-repeat;
}
#tabs_container {
height: auto;
margin: 0;
}
#tabs_body {
border: 1px #e3e3e3 solid;
padding: 1em;
margin: 0;
height: 180px; /* adjust this property to adjust height */
}
.edit_panel /* a panel which opens up showing more edit options... */
{
margin: 3px 0;
padding: 5px;
border: 1px solid #ccc;
}
/* records.css */
body.records_page, body.main_screen, body.aol_bnr {
margin: 60px 20px 20px 20px;
background: #fff url(/lib/archimedes/images/aol_small_bnr.gif) top left no-repeat;
}
body.archimedes_bnr {
margin: 60px 20px 20px 20px;
background: #fff url(/lib/archimedes/images/archimedes_small_bnr.gif) top left no-repeat;
}
.records_page #container {
width: 100%;
width: 1050px;
min-width: 1050px;
}
body.page-records #records_page #content {
/* this is the min width of the records grid container to prevent
preview panes from collapsing beneath record grids */
min-width: 960px;
}
p {
margin: 0;
padding: 0;
}
h1 {
font-size: 18px;
color: #003366;
}
h2 {
font-size: 18px;
color: #3E6797;
}
.invisible {
visibility: hidden;
}
a.btn, span.btn, .fauxbtn, .fauxbtn-ie { /* override default behaviour in flgui main.css which was designed for IE6 */
color: #3E6797;
padding-left: 12px;
border: 0;
background: transparent url(/lib/archimedes/images/tiny_blue_arrow_aol.gif) 0 50% no-repeat;
cursor: pointer; /* allows a span or div with a class of .fauxbtn to behave like a button link */
}
.fauxbtn-ie {
padding-left: 0;
background: none;
text-decoration: underline;
}
a.fnote {
font-style: normal; /* fnote is generally italic */
}
span.dustbin {
padding-left: 16px;
background: url(/lib/archimedes/images/dustbin_paler.gif) top left no-repeat;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.records_page h1, .records_page h2 {
margin: 1em 0 0 0;
padding: 0;
line-height: 1.2em;
float: left; /* display inline-block would be better here but Firefox 2 does not support it */
}
h3 {
margin: 1em 0;
font-size: 14px;
}
form {
margin: 0;
padding: 0;
}
.alt {
background: #edf3fe;
}
.page_content {
max-width: 720px;
font-size: 12px;
}
.page_content h2,
.page_content h3,
.page_content h4,
.page_content h5,
.page_content h6,
.page_content p {
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif !important;
font-style: normal !important;
}
.page_content h2 {
font-size: 24px !important;
}
.page_content h3 {
font-size: 20px !important;
}
.page_content h4 {
font-size: 15px !important;
}
.page_content p {
font-size: 13px;
line-height: 1.6em;
}
#home {
min-height: 300px;
}
#records {
position: relative; /* necessary for IE7,8 (BUT CAUSES PROBS ON INVOICES SCREENS) */
float: left;
border: 1px solid #ccc;
height: 383px;
width: 540px; /* this is the width when the preview pane is present */
overflow: auto;
}
#records_header_outer {
display: none;
border: 1px solid #ccc;
border-bottom: 0;
}
#records_header {
background: url(/lib/archimedes/images/recs_topbar_bg.gif) top left repeat-x;
width: auto;
height: 19px;
overflow: hidden;
font-size: 10px;
color: #707070;
}
#container.hide_pp #records {
width: auto;
/* width: 960px; */
}
#container.hide_pp.narrow #records {
width: auto;
/* width: 700px; */
}
#advanced_search {
float: left;
border: 1px solid #ccc;
height: 383px;
width: auto;
/* width: 960px; */
overflow: auto;
}
#gutter {
float: left;
width: 15px;
}
#container.hide_pp #gutter {
display: none;
}
#loader {
position: relative;
width: auto;
height: 383px; /* IE7,8 fix */
background: url(/lib/archimedes/images/loading.gif) 50% 50% no-repeat;
}
#stats {
margin: 3px 0;
}
#stats_inner {
height: 18px;
}
#stats a {
font-size: 11px;
text-decoration: underline;
color: gray;
}
.stats_sep {
padding-left: 10px;
padding-right: 10px;
font-size: 11px;
color: gray;
}
#records ul {
list-style: none;
margin: 0;
padding: 0;
}
#records ul li.row {
padding: 2px 0; /* beware of adding horiz padding! check offers */
cursor: pointer;
border: 1px solid #fff;
}
#records ul li.row.alt {
border: 1px solid #edf3fe;
}
#records ul li.row.active {
border: 1px solid #fc0;
}
#records ul li.row div.thumb_outer {
float: left;
width: 36px;
height: 23px;
}
#records ul li.row div.thumb {
width: 27px;
height: 20px;
border: 1px solid #ccc;
background: #fff url(/lib/archimedes/images/no_thumb_icon.gif) 50% 50% no-repeat;
}
#records ul li.row div.row_item {
float: left;
padding-right: 0; /* beware of adding padding (was previously 8px)! check offers */
}
#records ul li.row span.row_item .subheading {
margin: 10px 0;
font-size: 13px;
font-weight: normal; /* beware - this inherits from main.css */
color: #3E6797;
font-style: italic;
}
#records ul li.row .row_item a.clickable {
color: black;
text-decoration: none;
background: url(/lib/archimedes/images/tiny_blue_arrow_grey.gif) 1px 0 no-repeat;
padding-left: 15px;
}
#records .row_item_padding, #records_header .row_item_padding {
display: block;
padding: 0 3px;
}
#records .centered {
text-align: center;
}
#records .r, #records_header .r {
text-align: right;
}
#records ul li.row span.row_item.no_pp, #records ul li.row div.row_item.no_pp {
display: none;
}
#container.hide_pp #records ul li.row span.row_item.no_pp {
display: inline;
}
#container.hide_pp #records ul li.row div.row_item.no_pp {
display: block;
}
#records ul li.row .row_sep {
padding-right: 15px;
}
#below_right {
float: right;
}
.disabled {
color: silver;
}
.artwork-no-icon-tiny {
width: 27px;
height: 20px;
border: 1px solid silver;
}
#navigation_container {
padding: 10px 0;
}
#navigation {
height: 14px;
}
#footer {
margin: 8px 0 0 0;
}
#records .pencil {
float: right;
width: 22px;
height: 16px;
background: url(/lib/archimedes/images/pencil.gif) 3px 5px no-repeat;
}
#records .flag {
float: right;
width: 22px;
height: 16px;
background: url(/lib/archimedes/images/flags.gif) 0 -16px no-repeat;
}
#records .flag.flag_unset {
/* loader image generated at http://www.ajaxload.info/ */
background: url(/lib/archimedes/images/loader_16x16_ccc.gif) 0 0 no-repeat;
}
.loader-small {
width: 16px;
height: 16px;
background: url(/lib/archimedes/images/loader_16x16_ccc.gif) 0 0 no-repeat;
}
#records .flag.flag_active {
background: url(/lib/archimedes/images/flags.gif) 0 -32px no-repeat;
}
.rowcontent {
display: block;
width: 465px; /* 75px less than #records width */
min-height: 14px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
#container.hide_pp .rowcontent {
width: 885px; /* 75px less than #container width */
}
#container.narrow.hide_pp .rowcontent {
width: 627px; /* 75px less than #container width */
}
#get_page_input {
width: 25px;
padding: 0;
margin: -2px 0 0 0;
border: 1px solid #eee;
line-height: 1em;
text-align: center;
}
#quick_search_box {
float: right;
width: 143px;
height: 33px;
overflow: hidden;
background: url(/lib/archimedes/images/quicksearch_box.gif) top left no-repeat;
cursor: pointer;
}
#quick_search_box_inner {
padding: 6px 0 0 32px;
}
#quick_search_input {
color: #333;
width: 84px;
font-family: verdana;
font-size: 9px;
padding: 1px 0 0 1px;
border: 1px solid #b4c9d2;
background-image: URL(/lib/archimedes/images/f_bg.gif);
}
#quick_search_box_go {
width: 23px;
height: 16px;
overflow: hidden;
}
#search_items {
float: right;
width: 370px;
}
#beneath_qs {
float: right;
clear: right;
white-space: nowrap;
text-align: right;
padding: 0 5px 0 0;
}
#beneath_qs ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#beneath_qs li {
display: inline;
margin: 0;
padding: 0;
color: gray;
font-size: 10px;
}
#beneath_qs li.hidden {
display: none;
}
#beneath_qs a {
color: gray;
font-size: 10px;
text-decoration: underline;
}
#beneath_qs .sep {
color: gray;
font-size: 10px;
padding: 0 5px;
}
/* navigation topnav */
ul#topnav {
list-style: none;
margin: 0;
padding: 0;
}
#topnav li {
float: left;
display: inline;
padding-right: 30px;
height: 20px;
}
#topnav a,
#topnav a:visited {
color: #888;
text-decoration: none;
}
#topnav a:hover {
color: #444;
}
#topnav ul.topnav_nested_ul {
width: auto;
}
#topnav li {
position: relative;
}
#topnav li .topnav_drop {
background: url(/lib/archimedes/images/drop_arrow.gif) right center no-repeat;
padding-right: 14px;
display: block;
}
#topnav li ul li .topnav_drop {
background: url(/lib/archimedes/images/drop_arrow_right.gif) right center no-repeat;
}
#topnav li .topnav_obscure {
display: none;
height: 300px;
width: 420px;
position: absolute;
overflow: auto;
left: 0;
top: 20px;
}
#topnav li ul {
position: absolute;
left: 0;
top: 15px;
z-index: 2000;
display: none;
margin: 0;
padding: 2px 0 2px 0;
background: #FFF;
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
}
#topnav li ul li ul {
position: absolute;
left: 135px;
top: 0;
z-index: 2000;
display: none;
margin: 0;
padding: 5px 0 5px 0;
background: #FFF;
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
}
#topnav li ul li {
background: none;
margin: 0;
padding: 0;
clear: both;
float: left;
display: inline;
min-width: 140px;
width: 100% !important;
width: 140px;
height: auto;
border: 0;
}
#topnav li ul li a {
display: block;
background: none;
margin: 0 0 0 0;
padding: 6px 10px 6px 9px;
line-height: 12px;
font-size: 12px;
white-space: nowrap;
}
#topnav li ul li.last a {
background: none;
}
#topnav li ul li a:hover {
}
#topnav li:hover ul, #topnav li.over ul,
#topnav li:hover .topnav_obscure, #topnav li.over .topnav_obscure {
display: block;
}
#topnav li:hover ul ul, #topnav li.over ul ul {
display: none;
}
#topnav li ul li:hover ul, #topnav li ul li.over ul {
display: block;
}
#topnav li ul li:hover ul ul, #topnav li ul li.over ul ul {
display: none;
}
#topnav li ul li ul li:hover ul, #topnav li ul li ul li.over ul {
display: block;
}
#topnav li ul li ul li:hover ul ul, #topnav li ul li ul li.over ul ul {
display: none;
}
#topnav li ul li ul li ul li:hover ul, #topnav li ul li ul li ul li.over ul {
display: block;
}
#topnav li ul li ul li ul li:hover ul ul, #topnav li ul li ul li ul li.over ul ul {
display: none;
}
#topnav li ul li ul li ul li ul li:hover ul, #topnav li li ul ul li ul li ul li.over ul {
display: block;
}
#topnav li ul li:hover {
background: #c7dfff;
}
#topnav_mask {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
z-index: 200;
}
#topnav {
z-index: 1000;
}
#topnav ul, #topnav li, #topnav a, #topnav span {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
cursor: pointer;
}
#topnav span.topnav_note {
font-family: georgia, "Times New Roman", serif;
font-size: 10px;
font-style: italic;
padding-left: 3px;
}
#topnav_mask {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
z-index: 200;
}
#topnav .to_do {
color: red !important;
}
#topnav .to_finish {
color: blue !important;
}
/* PREVIEW PANE */
#preview_pane_container, #preview_frame, #preview {
width: 368px;
height: 362px;
border: 0;
overflow: hidden;
}
#preview_inner {
/* padding: 20px; */
}
.flpp {
/* float: left; */
}
#container.hide_pp .flpp {
display: none;
}
.flpp td {
vertical-align: top;
}
.flpp .tl {
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) top left no-repeat;
}
.flpp .tr {
width: 14px;
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) top right no-repeat;
}
.flpp .bl {
height: 16px;
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) bottom left no-repeat;
}
.flpp .br {
width: 14px;
height: 16px;
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) bottom right no-repeat;
}
.flpp .cpad {
margin: 10px 2px -5px 14px;
}
.flpp.tight .tl {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) top left no-repeat;
}
.flpp.tight .tr {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) top right no-repeat;
}
.flpp.tight .bl {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) bottom left no-repeat;
}
.flpp.tight .br {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) bottom right no-repeat;
}
/* TERM AND DEFINITION LISTS (table objects) */
.term_def {
border: 0;
}
#preview .term_def {
width: 100%;
}
.term_def td {
border-bottom: 1px solid #f4f4f4;
}
.term_def .term {
text-align: left;
vertical-align: top;
font-weight: bold;
padding: 0 10px 0 0;
white-space: nowrap;
}
.term_def .def {
text-align: left;
vertical-align: top;
width: 80%;
}
.nowrap {
white-space: nowrap;
}
/* OFFERS SCREENS */
#offers #recordsContainer tr.expired td.flag {
background:url('/images/aol_rr_alert_icon.gif') 1px 3px no-repeat;
}
#offers #recordsContainer tr.expiring td.flag {
background: url('/images/aol_rr_partial_partial_alert_icon.gif') 1px 3px no-repeat;
}
#offers #recordsContainer tr.expired.alt td.flag {
background:url('/images/aol_rr_alert_icon.gif') 0px 3px no-repeat;
}
#offers #recordsContainer tr.expiring.alt td.flag {
background: url('/images/aol_rr_partial_partial_alert_icon.gif') 0px 3px no-repeat;
}
#offers #recordsContainer tr.sold td {
color: #999;
}
#offers #recordsContainer tr.sold td.flag {
background: none;
}
#offers #recordsContainer tr.rejected td {
color: #999;
}
#offers #recordsContainerKey div {
color: gray;
}
#offers #recordsContainerKey .expired {
padding-left: 16px;
background: url('/images/aol_rr_alert_icon.gif') 1px 2px no-repeat;
}
#offers #recordsContainerKey .expiring {
padding-left: 16px;
background: url('/images/aol_rr_partial_alert_icon.gif') 1px 2px no-repeat;
}
#toggle_preview_pane_el {
text-align: right;
padding: 0 10px 0 0;
}
a.small {
color: gray;
text-decoration: underline;
font-size: 10px;
}
span.row_icon_left {
display: none;
float: left;
width: 24px;
height: 16px;
}
span.row_icon_right {
display: none;
float: right;
width: 24px;
height: 16px;
}
#current_user {
margin: -45px 5px 0 0;
float: right;
color: #BBBBBB;
text-align: right;
padding-left: 20px;
background: #fff;
}
#current_user_name {
font-weight: bold;
margin: 0 0 2px 0;
}
#records ul li.row div.thumb_outer.clone div.thumb {
background: transparent url(/lib/archimedes/images/clone_record_hanger.gif) 50% 50% no-repeat;
border: 1px solid transparent;
}
.greyed-out {
color: silver;
}
#preview .boxed {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border: 0;
border-bottom: 1px solid #d3d3d3;
}
#preview .boxed .term_def td {
border: 0;
}
div.tick_cross_on_off_, div.tick_cross_on_off_0, div.tick_cross_on_off_1 {
padding-left: 18px;
min-height: 13px;
color: #666;
background: url(/lib/archimedes/images/small_cross.gif) top left no-repeat;
}
span.tick_cross_on_off_, span.tick_cross_on_off_0, span.tick_cross_on_off_1 {
padding-left: 18px;
line-height: 13px;
color: #666;
background: url(/lib/archimedes/images/small_cross.gif) top left no-repeat;
}
div.tick_cross_on_off_1, span.tick_cross_on_off_1 {
background: url(/lib/archimedes/images/small_tick.gif) top left no-repeat;
}
#preview_buttons {
position: absolute;
left: 593px;
top: 513px;
background: #fff;
}
#right_of_preview_buttons {
position: absolute;
left: 748px;
top: 517px;
background: #fff;
}
.hightlight {
background: yellow;
}
.red {
color: red;
}
.red-bold {
color: red;
font-weight: bold;
}
.red-yellow {
color: red;
background: yellow;
}
#login_el {
float: left;
border: 1px solid #e8e8e8;
margin: 5px 0 0 0;
padding: 15px 20px 10px 20px;
}
#login_el .row {
clear: both;
padding: 2px 0;
}
#login_el label {
float: left;
display: block;
min-width: 80px;
color: #3E6797;
font-style: italic;
white-space: nowrap;
padding-right: 10px;
}
#login_el .field {
float: left;
display: block;
}
#login_button_el {
padding: 20px 0 30px 0;
}
#login-forgot-password{
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
background: none;
border: none;
padding-left: 0;
margin: 1em 0 0 0;
color: #3E6797;
cursor: pointer;
}
#copyright {
margin: 10px 0;
}
.copyright a {
color: #999999;
text-decoration: none;
}
.copyright a:hover {
color: #999999;
text-decoration: underline;
}
.is_live_0 {
color: #999;
}
.pp-padding {
/* for use in a container div to increase the
padding in the preview pane */
padding: 5px 15px;
}
textarea#debug_area {
display: none;
font-family: monaco;
font-size: 9px;
width: auto;
/* width: 960px; */
height: 30px;
margin: 5px 0;
padding: 5px;
overflow: hidden;
border: 1px dotted silver;
}
/* fixed column widths on record_rows */
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10 {
display: block;
float: left;
width: 120px;
overflow: hidden;
padding-left: 0; /* beware of adding padding! check offers */
}
.c1 {
width: 200px;
}
div .pen-large-left {
background: url(/lib/archimedes/images/pen_100x100.jpg) top left no-repeat;
width: auto;
min-height: 100px;
padding: 0 70px 0 130px;
}
#records .hpad {
/* used in row_item spans to increase padding left and right */
padding: 0 3px;
}
#records div.hpad {
float: left;
}
/* http://www.quirksmode.org/css/display.html#inlineblock */
.table {
display: table;
}
#records .table, #records_header .table {
display: table;
float: left;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
vertical-align: middle;
}
/* QUERY BUILDER ROWS (qb) */
#query_builder, #query_builder_help {
padding: 10px 0 5px 100px;
}
#query_builder.expert_mode {
padding: 10px 0 5px 50px;
}
#query_builder_heading {
color: #4A709D;
font-family: Georgia, Times, "Times New Roman";
font-size: 15px;
font-style: italic;
font-weight: normal;
text-align: center;
margin: 20px 0 10px 0;
}
#query_builder_help {
padding-top: 0;
width: 100%;
}
#query_builder_heading a {
color: gray;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
padding-left: 20px;
text-decoration: underline;
}
#query_builder_help .orange_arrow_left {
width: 80px;
height: 24px;
background: url(/lib/archimedes/images/orange_arrow_left.gif) top right no-repeat;
}
#query_builder_help .orange_arrow_right {
width: 165px;
height: 24px;
background: url(/lib/archimedes/images/orange_arrow_right.gif) top left no-repeat;
}
#query_builder_help td {
padding: 0 5px;
color: #ccc;
}
#query_builder .f {
width: 251px;
}
#query_builder .f.small {
width: 103px;
}
.qb_row {
padding: 3px 0;
}
.qb_add {
cursor: pointer;
width: 32px;
height: 22px;
background: url(/lib/archimedes/images/plus_btn_blue.gif) 50% 50% no-repeat;
}
.qb_remove {
cursor: pointer;
width: 32px;
height: 22px;
background: url(/lib/archimedes/images/minus_btn_red.gif) 50% 50% no-repeat;
}
.qb_add.disabled {
cursor: auto;
background: url(/lib/archimedes/images/plus_btn_blue_disabled.gif) 50% 50% no-repeat;
}
.qb_remove.disabled {
cursor: auto;
background: url(/lib/archimedes/images/minus_btn_red_disabled.gif) 50% 50% no-repeat;
}
.qb_left_col {
width: 270px;
}
.qb_input_container {
width: 255px;
white-space: nowrap;
}
#query_builder .qb_and_or_select_container {
display: none;
}
#query_builder.expert_mode .qb_and_or_select_container {
display: block;
}
.qb_and_or {
width: 60px;
text-align: right;
}
.qb_label {
width: 170px;
text-align: right;
}
#query_builder input.f.calendarfield {
width: 85px;
padding: 0;
}
#query_builder .f.qb_and_or_select {
width: 60px;
}
#query_builder .f.qb_operator {
width: 200px;
}
#query_builder .f.qb_field_select {
width: 180px;
}
#query_builder .qb_ob {
/* open bracket */
width: 21px;
height: 17px;
display: none;
}
#query_builder .qb_cb {
/* close bracket */
width: 21px;
height: 17px;
display: none;
}
#query_builder.expert_mode .qb_ob {
cursor: pointer;
display: block;
background: url(/lib/archimedes/images/flquerybuilder/no_bracket.gif) top left no-repeat;
}
#query_builder.expert_mode .qb_cb {
cursor: pointer;
display: block;
background: url(/lib/archimedes/images/flquerybuilder/no_bracket.gif) top left no-repeat;
}
#query_builder.expert_mode .qb_ob.on {
display: block;
background: url(/lib/archimedes/images/flquerybuilder/open_bracket.gif) top left no-repeat;
}
#query_builder.expert_mode .qb_cb.on {
display: block;
background: url(/lib/archimedes/images/flquerybuilder/close_bracket.gif) top left no-repeat;
}
.switch.on {
cursor: pointer;
padding-top: 2px;
width: 130px;
height: 18px;
background: url(/lib/archimedes/images/on.gif) top right no-repeat;
}
.switch.off {
cursor: pointer;
padding-top: 2px;
width: 130px;
height: 18px;
background: url(/lib/archimedes/images/off.gif) top right no-repeat;
}
#query_builder_save_form {
margin: 30px 0 0 150px;
}
#qb_saved_form_select_cancel {
margin: 20px 0 0 175px;/* 185px */
}
#query_builder_load_form {
margin: 30px 0 30px 270px;
}
input#qb_save_as {
width: 200px;
}
/* squarebtns overrides (new image) */
.squarebtns, .squarebtns li, .squarebtns a {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 11px;
color: #1f4d7e; /* #1f4d7e is 50% tint of #3E6797 (link colour) over #003366 (heading colour) */
line-height: normal;
}
.squarebtns ul {
display: inline;
line-height: normal;
margin: 0;
padding: 0;
list-style: none;
}
.squarebtns li {
display: block;
float: left;
background: url(/lib/archimedes/images/squarebtns.gif) no-repeat left top;
margin: 0 10px 0 0; /* gutter between each button */
padding: 0 0 0 5px; /* 4th padding matches width of left image */
}
.squarebtns li.hidden {
display: none;
}
.squarebtns a {
display: block;
float: left;
height: 19px;
text-align: center;
background: url(/lib/archimedes/images/squarebtns.gif) no-repeat right top;
padding: 3px 8px 3px 3px; /* 2nd padding matches width of left image + 3 */
text-decoration: none;
}
.squarebtns a:hover {
color: #f60;
}
.squarebtns .active {
background-image: url(/lib/archimedes/images/squarebtns.gif);
border-width: 0;
}
.squarebtns .active a {
background-image: url(/lib/archimedes/images/squarebtns.gif);
color: #f60;
}
.squarebtns a.disabled {
color: silver;
}
.squarebtns li.squarebtns_highlight,
.squarebtns li.squarebtns_highlight a {
background-image: url(/lib/archimedes/images/squarebtns_highlight.png);
}
.squarebtns li.squarebtns_highlight a,
.squarebtns li.squarebtns_highlight a:visited {
color: #fff;
}
#sort_options {
color: silver;
}
.sort_option {
color: gray;
text-decoration: underline;
}
.sort_option.active {
text-decoration: none;
}
#message_container {
position: absolute;
top: 96px;
left: 340px;
width: 361px;
height: 73px;
background: url(/lib/archimedes/images/info_panel_bg.png) top left no-repeat;
}
#message {
margin: 20px 28px 0 80px;
font-size: 14px;
color: #3E6797;
}
.tiny_radio_label {
padding: 3px 5px 0 0;
}
#flags_icon {
position: absolute;
top: 149px;
left: 523px;
width: 22px;
height: 16px;
background: transparent url(/lib/archimedes/images/flags.gif) no-repeat 0 -16px;
cursor: pointer;
}
#flags_panel {
position: absolute;
top: 63px;
left: 490px;
width: 200px;
height: 90px;
background: transparent url(/lib/archimedes/images/flags_panel_bg.png) top left no-repeat;
}
#flags_panel .inner {
width: auto;
height: auto;
padding: 0 0 0 8px;
}
#flags_panel li {
clear: both;
}
#flags_panel .inner div {
clear: both;
margin: 4px 0;
}
#records_error_message {
padding: 20px;
color: red;
font-size: 14px;
}
.indented {
margin: 0 15px;
}
/* ************** /lib/archimedes/styles/archimedes-jqgrid.css ************** */
.ui-jqgrid .ui-jqgrid-bdiv {
/*overflow-y: auto;*/
overflow-x: hidden;
}
.ui-jqgrid .ui-state-default, .ui-jqgrid .ui-widget-content .ui-jqgrid .ui-state-default {
border: 1px solid #dedede;
background: #f4f4f4; /* url(/lib/archimedes/images/jqgrid-headercell-bg.gif) top left repeat-x; */
font-weight: normal;
color: #555; /* #444444; */
outline: none;
}
.glassy, .ui-jqgrid-labels .ui-state-default, .ui-jqgrid-labels .ui-widget-content .ui-jqgrid-labels .ui-state-default {
/*background: #888 url(/lib/archimedes/images/jqgrid-headercell-bg.gif) top left repeat-x;*/
border: 1px solid #e7e7e7;
/* to modify this gradient, visit http://www.colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+5,efefef+8,efefef+35,dfdfdf+37,fbfbfb+80,fbfbfb+100;Custom */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 5%, #efefef 8%, #efefef 35%, #dfdfdf 37%, #fbfbfb 80%, #fbfbfb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(5%,#f7f7f7), color-stop(8%,#efefef), color-stop(35%,#efefef), color-stop(37%,#dfdfdf), color-stop(80%,#fbfbfb), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f7f7f7 5%,#efefef 8%,#efefef 35%,#dfdfdf 37%,#fbfbfb 80%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#f7f7f7 5%,#efefef 8%,#efefef 35%,#dfdfdf 37%,#fbfbfb 80%,#fbfbfb 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#f7f7f7 5%,#efefef 8%,#efefef 35%,#dfdfdf 37%,#fbfbfb 80%,#fbfbfb 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f7f7f7 0%,#f7f7f7 5%,#efefef 8%,#efefef 35%,#dfdfdf 37%,#fbfbfb 80%,#fbfbfb 100%); /* W3C */
}
/* little tiny arrows on column headers are slightly misaligned */
.ui-jqgrid .ui-icon-desc {
margin-left:-1px;
}
/* original alt row colour was #EDF3FE */
.ui-jqgrid tr.alt {
background-color: #EDF3FE; /* #f4f8fe; */
}
.ui-jqgrid .ui-state-highlight, .ui-jqgrid .ui-widget-content .ui-state-highlight {
border: 1px solid #ddd;
background: #DCE8FD !important;
color: #363636;
}
.ui-jqgrid .jqgrow.ui-state-hover, .ui-jqgrid .jqgrow.ui-state-focus {
background: #ffd !important;
border: 1px solid #ffc !important;
border-right: 1px solid #e7e7e7 !important;
}
.ui-jqgrid .jqgrow.ui-state-highlight {
background: #DCE8FD !important;
border: 1px solid #DCE8FD !important;
border-right: 1px solid #e7e7e7 !important;
}
.ui-jqgrid .ui-widget-content {
border: 1px solid #fff;
border-right: 1px solid #e7e7e7;
}
.ui-jqgrid .ui-widget-content.alt {
border: 1px solid #f4f8fe;
border-right: 1px solid #e7e7e7;
}
.jqgrid-bool-true, .jqgrid-bool-false {
padding-left: 18px;
min-height: 13px;
background: url(/lib/archimedes/images/small_cross.gif) 50% 50% no-repeat;
}
.jqgrid-bool-true {
background: url(/lib/archimedes/images/small_tick.gif) 50% 50% no-repeat;
}
.jqgrid-editable {
/* cursor: pointer; */
}
.jqgrid-link {
color: #3E6797 !important;
text-decoration: none;
border-bottom: 1px solid #b2c2d5;
}
.jqgrid-link.jqgrid-mailtolink {
}
.ui-jqgrid .jqgrid-subheading {
color: #3E6797 !important;
font-style: italic !important;
font-size: 12px;
padding: 4px 0;
}
.ui-jqgrid .jqgrid-indented {
padding-left: 10px;
}
.ui-jqgrid .jqgrid-cell {
padding: 0 4px;
}
.ui-jqgrid .jqgrid-editpencil, .ui-jqgrid .jqgrid-header-edit {
width: 20px;
height: 16px;
background: url(/lib/archimedes/images/big_click_pencil.gif) 50% 50% no-repeat;
}
.ui-jqgrid .jqgrid-editpencil {
cursor: pointer;
}
.ui-jqgrid .jqgrid-flag-on, .ui-jqgrid .jqgrid-flag-off, .ui-jqgrid .jqgrid-header-flag {
width: 20px;
height: 16px;
background: url(/lib/archimedes/images/flag_on.gif) 50% 50% no-repeat;
}
.ui-jqgrid .jqgrid-flag-on, .ui-jqgrid .jqgrid-flag-off {
cursor: pointer;
}
.ui-jqgrid .jqgrid-flag-off {
background: url(/lib/archimedes/images/flag_off.gif) 50% 50% no-repeat;
}
.jqgrid-live-edit-switch {
width: 115px !important;
}
.jqgrid-live-edit-switch .inner {
padding-left: 8px;
}
.jqgrid-live-edit-switch .label {
margin-top: -2px;
}
.live-edit-on .jqgrid-bool-true {
background-image: url(/lib/archimedes/images/aol_checkbox_checked.gif) !important;
}
.live-edit-on .jqgrid-bool-false {
background-image: url(/lib/archimedes/images/aol_checkbox.gif) !important;
}
.jqgrid-pager {
text-align:center;
}
.jqgrid-td-move {
background: transparent url(/lib/archimedes/images/move.png) 50% 50% no-repeat;
}
.jqgrid-td-move:hover {
background: transparent url(/lib/archimedes/images/move-over.png) 50% 50% no-repeat;
}
.jqgrid_btns {
/* a panel which appears under a grid allowing you to save changes to record order, etc... */
padding: 5px 8px 2px 8px;
background-color: #f4f4f4;
border-top: 1px solid #ddd;
}
/* ************** /lib/archimedes/styles/archimedes-aol.css ************** */
/* JQUERY UI MODS & FIXES */
/* datepicker must be above dialog! */
.ui-datepicker {
z-index: 9999;
}
/* ARTLOGIC ONLINE ARTWORK IMAGES
Do not remove - this is NOT obsolete. Used in the artworks viewer from the preview pane
*/
.artworkViewer .artworkCaption {
margin: 300px 0 0 0;
}
.artworkViewer .slide {
width: 432px;
height: 429px;
background: url(/lib/archimedes/images/slide_bg_large.jpg) top left no-repeat;
}
.artworkViewer .flssItem, .artworkViewer .slideImageContainer td {
width: 432px;
height: 415px;
text-align: center;
vertical-align: middle;
}
.artworkViewer .slideImageContainer img {
border: 0;
}
.artworkViewer .artworkCaptionTable td {
height: 430px;
vertical-align: bottom;
}
.artworkViewer .artworkCaptionInner {
padding: 0 0 20px 0;
}
.pr30 {
padding-right: 30px;
}
.currImage {
font-style: italic;
color: gray;
}
#aolImageButtons {
padding-left: 60px;
}
.aolImagesDisableIfEmpty {
display: none;
}
/* MAIN SCREENS */
/* Note: these have been moved to the flgui main css and should
be removed from here after July 2008 */
#aol_banner {
width: 932px;
height: 72px;
background: url(/lib/archimedes/images/aol_small_bnr.gif) no-repeat;
text-align: right;
}
#aol_current_user {
color: #bbb;
font-size: 11px;
padding: 13px 0 0 0;
}
#aol_current_user_name {
font-weight: bold;
}
/* LIST SCREENS (tags, e.g. 'gallery') */
.list_tag_icon {
border: 1px solid silver;
font-size: 9px;
color: #000000;
padding: 0 3px;
margin: 0 3px;
}
.list_tag_icon_1 {
color: #0066FF;
}
.list_tag_icon_2 {
color: red;
}
.list_tag_icon_3 {
color: green;
}
/* Styles for new ArchimedeQS.Lasso pages */
body.aol {
background: #fff;
margin: 0;
}
body.aol a {
text-decoration: underline;
}
body.aol #aol_banner {
margin: -1px 0 0 0;
height: 60px;
}
body.aol #container {
margin: 10px 20px;
}
body.aol #aolNav {
margin: 0 0 6px 0;
}
body.aol .aolNavItem, .aolNavItem a, .aolNavItemSep {
float: left;
color:#999999;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
text-decoration:none;
}
body.aol .aolNavItemSep {
padding: 0 8px;
}
body.aol .topNavItemLink, body.aol .simpleTopNavItem {
text-decoration:none;
}
body.aol #heading_items {
margin: 0 0 10px 0;
}
body.aol #quick_search_box {
float: right;
width: 143px;
height: 33px;
overflow: hidden;
background: url(/lib/archimedes/images/quicksearch_box.gif) top left no-repeat;
cursor: pointer;
}
body.aol #quick_search_box_inner {
padding: 6px 0 0 32px;
}
body.aol #quick_search_input {
color: #333;
width: 86px;
height: 15px;
font-family: verdana;
font-size: 9px;
padding: 1px 0 0 1px;
border: 1px solid #b4c9d2;
background-image: url(/lib/archimedes/images/f_bg.gif);
}
body.aol #quick_search_box_go {
width: 23px;
height: 16px;
overflow: hidden;
}
body.aol .aol_heading_small {
color: #003366;
line-height: 1.0em;
font-family: arial,helvetica,sans-serif;
font-size: 18px;
margin: 10px 0 0 0;
}
body.aol #search_items {
float: right;
width: 370px;
}
body.aol #records {
position: relative;
float: left;
border: 1px solid silver;
width: 550px;
height: 350px;
overflow: auto;
}
body.aol #previewPane {
float: left;
margin: 0 0 0 10px;
}
body.aol #records .row {
position: relative;
cursor: pointer;
clear: both;
border: 1px solid #fff;
overflow: hidden;
width: auto;
height: 27px;
white-space: nowrap;
}
body.aol #records .row .row_content {
padding: 3px;
white-space: nowrap;
}
body.aol #records .row span.left_col {
display: block;
float: left;
height: 24px;
width: 420px;
overflow: hidden;
}
body.aol #records .row.alt {
background-color: rgb(237, 243, 254);
border: 1px solid rgb(237, 243, 254);
}
body.aol #records .row.active {
border: 1px solid #f90;
}
body.aol #records .row.active.first {
/* border-top: 1px solid transparent; */
}
body.aol #previewPaneContent {
width: 300px;
height: 250px;
}
body.aol .row_item {
float: left;
}
body.aol #no_records_found {
background: url(/lib/archimedes/images/pen_116x116.jpg) 0 20px no-repeat;
padding: 30px 0 0 160px;
}
body.aol #no_records_found h3 {
margin: 0 0 12px 0;
}
body.aol #dummyGetFocus {
width: 1px;
height: 1px;
border: 0;
background: transparent;
}
body.aol #records .editbtn {
float: right;
width: 20px;
height: 16px;
background: url(/lib/archimedes/images/big_click_pencil.gif) top right no-repeat;
}
body.aol #records .flag {
float: right;
width: 22px;
height: 16px;
background: url(/lib/archimedes/images/flag_off.gif) 5px 3px no-repeat;
}
body.aol #records .flag.flag_active {
background: url(/lib/archimedes/images/flag_on.gif) 5px 3px no-repeat;
}
body.aol #stats {
margin: 10px 0 0 0;
}
body.aol #found {
float: left;
font-weight: bold;
}
body.aol #previous_next {
padding: 0 0 0 20px;
float: left;
font-size: 10px;
color: gray;
}
body.aol .pn_item {
float: left;
font-size: 11px;
color: gray;
}
body.aol a.pn_link {
font-size: 11px;
color: gray;
text-decoration: underline;
}
body.aol #pn .disabled, body.aol .pn_item.disabled {
color: silver;
}
body.aol .pn_item.sep {
padding: 0 5px;
}
body.aol #pn_input_div {
padding: 0 10px;
}
body.aol #skip_to_page_input {
width: 26px;
font-size: 10px;
border: 1px solid silver;
}
body.aol .previousNextText {
font-size: 11px;
color: gray;
}
body.aol .previousNextActive {
font-size: 11px;
color: gray;
text-decoration: underline;
}
body.aol .previousNextDisabled {
font-size: 11px;
color: silver;
}
body.aol .previousNextMenu {
font-size: 11px;
color: gray;
}
body.aol #beneath_qs {
float: right;
clear: right;
white-space: nowrap;
}
body.aol #beneath_qs ul {
list-style: none;
margin: 0;
padding: 0;
}
body.aol #beneath_qs li {
display: inline;
float: left;
margin: 0;
padding: 0;
color: gray;
font-size: 10px;
}
body.aol #beneath_qs a {
color: gray;
font-size: 10px;
text-decoration: underline;
}
body.aol #beneath_qs .sep {
color: gray;
font-size: 10px;
padding: 0 5px;
}
/* PREVIEW PANE */
.flpp {
float: left;
}
.flpp td {
vertical-align: top;
}
.flpp .tl {
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) top left no-repeat;
}
.flpp .tr {
width: 14px;
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) top right no-repeat;
}
.flpp .bl {
height: 16px;
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) bottom left no-repeat;
}
.flpp .br {
width: 14px;
height: 16px;
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) bottom right no-repeat;
}
.flpp .cpad {
margin: 10px 2px -5px 14px;
}
.flpp.tight .tl {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) top left no-repeat;
}
.flpp.tight .tr {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) top right no-repeat;
}
.flpp.tight .bl {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) bottom left no-repeat;
}
.flpp.tight .br {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) bottom right no-repeat;
}
/* OFFERS SCREENS */
#offers #recordsContainer tr.expired td.flag {
background:url(/lib/archimedes/images/aol_rr_alert_icon.gif) 1px 3px no-repeat;
}
#offers #recordsContainer tr.expiring td.flag {
background: url(/lib/archimedes/images/aol_rr_partial_partial_alert_icon.gif) 1px 3px no-repeat;
}
#offers #recordsContainer tr.expired.alt td.flag {
background:url(/lib/archimedes/images/aol_rr_alert_icon.gif) 0px 3px no-repeat;
}
#offers #recordsContainer tr.expiring.alt td.flag {
background: url(/lib/archimedes/images/aol_rr_partial_partial_alert_icon.gif) 0px 3px no-repeat;
}
#offers #recordsContainer tr.sold td {
color: #999;
}
#offers #recordsContainer tr.sold td.flag {
background: none;
}
#offers #recordsContainer tr.rejected td {
color: #999;
}
#offers #recordsContainerKey div {
color: gray;
}
#offers #recordsContainerKey .expired {
padding-left: 16px;
background: url(/lib/archimedes/images/aol_rr_alert_icon.gif) 1px 2px no-repeat;
}
#offers #recordsContainerKey .expiring {
padding-left: 16px;
background: url(/lib/archimedes/images/aol_rr_partial_alert_icon.gif) 1px 2px no-repeat;
}
/* MISC */
body.aol #info {
position: absolute;
right: 10px;
top: 10px;
}
/* ADVANCED SEARCH */
#advancedSearchContent .fpanel {
margin: 5px;
border: 1px solid rgb(235, 235, 235);
}
#advancedSearchContent .fpanel_inner {
width: auto;
height: 350px; /* 290px; */
overflow: auto;
}
#advancedSearchContent .fpanel_padding {
padding: 0;
}
#advancedSearchContent label {
margin: 0;
width: 200px;
}
#advancedSearchContent .f {
width: 320px;
}
#advancedSearchContent .flselectfield {
width: 314px;
max-height: 84px;
/* ie6 hack follows */
height: auto!important;
height: 84px;
/* end ie6 hack */
}
#advancedSearchContent .f.small {
width: 139px;
}
#advancedSearchContent .advanced_search_operator {
width: 235px;
}
#advancedSearchContent .frow {
margin: 0;
padding: 1px 0;
}
#advancedSearchContent #advancedSearchBtns {
padding: 5px 0 0 280px;
}
#advancedSearchContent .fheading {
margin: 0;
padding: 10px 0 10px 0;
text-align: center;
}
#advancedSearchContent .op-multi label,
#advancedSearchContent .op-multi .foperator {
/* padding-top: 38px; */
}
#advancedSearchContent .fdupbtn {
width: 15px;
height: 15px;
background: url(/lib/archimedes/images/flquerybuilder/plus_btn.gif) 50% 50% no-repeat;
cursor: pointer;
}
#advancedSearchContent .fl_calendarField {
padding: 0 0 0 19px;
background: url(/lib/archimedes/images/FL_CalendarField/calendar.gif) 0 1px no-repeat;
cursor: pointer;
}
#advancedSearchContent .fl_calendarField input {
text-align: left;
cursor: pointer;
width: 80px;
}
/* Styles which apply to new Lasso edit screens.... (in use as at August 2009) */
.f2 .fieldrow {
margin-bottom: 3px;
}
.f2 .fieldblock h2 {
font-family: Georgia, "Times New Roman", serif;
font-size: 18px;
font-style: italic;
margin-left: 300px;
margin-top: 30px;
}
.f2 .fieldblock h2.first {
margin-top: 0px;
}
.f2 .fieldblock.inactive h2 {
margin-top: 5px;
}
.f2 .fieldblock .temporary_placeholder {
margin-left: 20%; /* was 300px */
}
.f2 .fieldblock .temporary_placeholder_inner {
width: 530px;
height: 60px;
border: 1px dashed gray;
background: #f4f4f4 url(/lib/archimedes/images/block_disabled_bg.gif);
opacity: 0.4;
}
.f2 .fieldrow {
min-height: 22px;
}
.f2 .fieldrow label.left-column {
width: 20%; /* was 300px */
text-align: right;
}
.f2 .fieldrow-rule {
border-bottom: 1px solid #e4e4e4;
margin: 15px 30px 15px 300px;
}
.f2 .fieldrow input.f.f-percentage {
width: 30px;
}
.f2 .fieldrow select.f.f-percentage {
width: 46px;
}
.f2 .fieldrow .fnote {
margin: 4px 0 6px 2px;
color: #aaa;
}
.f2 .fieldrow .fnote ul li {
color: #aaa;
}
.f2 .f.alias {
/* a field which is an alias of another field */
border-style: dashed;
}
.f2 .alias_linked_currency {
/* a div which is an alias of a currency menu */
border: 1px dashed #B4C9D2;
}
.f2 .alias_linked_currency_inner {
padding-left: 6px;
margin-top: -1px;
}
.f2 .fieldblock {
margin: 20px 0;
}
.f2 .fieldblock.inactive {
background: #f4f4f4 url(/lib/archimedes/images/block_disabled_bg.gif);
opacity: 0.5;
margin: 3px 0 0 0;
padding: 10px 0;
}
.f2 .fieldrow select#f_status, .f2 .fieldrow select#f_availability {
font-weight: bold;
}
.f2 #fieldscontainer, .f2 .fieldscontainer {
margin: 20px 0 0 0;
}
/* field widths */
.f2 .fw_financial, .f2 .f-decimal {
width: 90px;
text-align: right;
}
.f2 .f-decimal-small {
/* e.g. for tax-rates on financial screen... */
width: 45px;
text-align: left;
}
.f2 .f.fw_full {
width: 530px;
}
.f.fw_datepicker {
width: 95px; /* leave enough room for the 'warning' state! */
}
.f.fw_20 { width: 20px; }
.f.fw_30 { width: 30px; }
.f.fw_40 { width: 40px; }
.f.fw_50 { width: 50px; }
.f.fw_60 { width: 60px; }
.f.fw_70 { width: 70px; }
.f.fw_80 { width: 80px; }
.f.fw_90 { width: 90px; }
.f.fw_100 { width: 100px; }
.f.fw_110 { width: 110px; }
.f.fw_120 { width: 120px; }
.f.fw_130 { width: 130px; }
.f.fw_140 { width: 140px; }
.f.fw_150 { width: 150px; }
.f.fw_160 { width: 160px; }
.f.fw_170 { width: 170px; }
.f.fw_180 { width: 180px; }
.f.fw_190 { width: 190px; }
.f.fw_200 { width: 200px; }
.f.fw_250 { width: 250px; }
.f.fw_300 { width: 300px; }
.f.fw_350 { width: 350px; }
.f.fw_400 { width: 400px; }
.f.fw_450 { width: 450px; }
.f.fw_500 { width: 500px; }
.f.fw_550 { width: 550px; }
.f.fw_600 { width: 600px; }
.f2 .error {
background: url(/lib/archimedes/images/3rd_party/icons/silk/exclamation.png) top left no-repeat;
padding-left: 19px;
font-family: arial, sans-serif;
color: #e25e52;
}
.f2 div.pencil_float_left {
float: left;
width: 21px;
height: 16px;
background: url(/lib/archimedes/images/pencil.gif) 2px 3px no-repeat;
cursor: pointer;
}
.f2 div.pencil_float_right {
float: left;
width: 21px;
height: 16px;
background: url(/lib/archimedes/images/pencil.gif) 2px 3px no-repeat;
cursor: pointer;
}
.f2 .fieldrow .widget_data_field {
/* some editable text which is not actually in a field.... */
padding: 0 19px 0 3px;
border-bottom: 1px dashed silver;
background: #fff url(/lib/archimedes/images/pencil.gif) top right no-repeat;
}
.f2 .fieldrow.morespace {
margin: 3px 0 2px 0;
}
/* widgets */
.widget_dialog label {
font-weight: bold;
}
#widget_get_contact_results_container {
width: auto;
height: 230px;
overflow: auto;
border: 1px solid #efefef;
border-left: 0;
border-right: 0;
}
ul#widget_get_contact_results {
list-style: none;
margin: 0;
padding: 0;
}
ul#widget_get_contact_results li {
list-style: none;
margin: 0;
padding: 2px 0;
border-bottom: 1px solid #efefef;
cursor: pointer;
}
/* misc */
.f.warning {
background: #fff url(/lib/archimedes/images/f_bg_warning.gif) top right no-repeat;
padding-right: 19px;
}
.f.tick {
background: #fff url(/lib/archimedes/images/f_bg_tick.gif) top right no-repeat;
padding-right: 19px;
}
.b {
font-weight: bold;
}
.i {
font-style: italic;
}
.u {
text-decoration: underline;
}
.minilink {
/* minilink is a div, span or a tag which looks like a small gray italic 'pencil' link... */
font-size: 10px;
font-style: italic;
color: gray;
cursor: pointer;
padding-left: 19px;
background: url(/lib/archimedes/images/big_click_pencil.gif) top left no-repeat;
}
.dialog_f_fw {
/* a full-width field in a jQuery modal dialog */
width: 256px;
}
#content_financial {
visibility: hidden; /* show when rendered... */
}
input.dummy {
/* a dummy input field which will receive the tab focus so we don't
tab out of the current screen space... */
border: 0;
width: 1px;
height: 1px;
overflow: hidden;
float: right;
}
#content_financial #retail_price_calc_down_img.active {
width: 30px;
height: 19px;
background: transparent url(/lib/archimedes/images/aol/artworks_calc_arrow_down.gif) 5px 2px no-repeat;
}
#content_financial #retail_total_calc_up_img.active {
width: 30px;
height: 19px;
background: transparent url(/lib/archimedes/images/aol/artworks_calc_arrow_up.gif) 5px 2px no-repeat;
}
.gray, .grey {
/* for text which is grayed-out but not disabled - used in edit screens */
color: #888;
}
.on_off_switch {
cursor: pointer;
width: 51px;
height: 18px;
background: transparent url(/lib/archimedes/images/on_off.gif) 0 0 no-repeat;
}
.on_off_switch.off {
background: transparent url(/lib/archimedes/images/on_off.gif) 0 -18px no-repeat;
}
.on_off_switch.off_red {
background: transparent url(/lib/archimedes/images/on_off.gif) 0 -36px no-repeat;
}
/* reset all styles within an object */
.reset_styles h1,
.reset_styles h2,
.reset_styles h3,
.reset_styles h4,
.reset_styles h5,
.reset_styles h6,
.reset_styles p {
text-transform: none;
color: #000;
line-height: normal;
font-size: 11px;
font-family:verdana,arial,helvetica,sans-serif;
margin: 0;
padding: 0;
line-height: 13px;
height: auto;
width: auto;
border: none;
letter-spacing: inherit;
font-weight: inherit;
text-transform: inherit;
}
/* margin-right... */
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.mr70 {margin-right: 70px;}
.mr80 {margin-right: 80px;}
.mr90 {margin-right: 90px;}
.mr100 {margin-right: 100px;}
.mr110 {margin-right: 110px;}
.mr120 {margin-right: 120px;}
.mr130 {margin-right: 130px;}
.mr140 {margin-right: 140px;}
.mr150 {margin-right: 150px;}
.mr200 {margin-right: 200px;}
.mr250 {margin-right: 250px;}
.mr300 {margin-right: 300px;}
.mr250 {margin-right: 350px;}
.mr400 {margin-right: 400px;}
.mr450 {margin-right: 450px;}
.manual .f, .manual .alias_linked_currency_inner {
/* disabled... too confusing as most imported records will naturally be
in a 'manual' state... */
/* font-family: "Comic Sans MS", "Lucida Handwriting", verdana, arial, sans-serif;
color: #060; */
}
/* jQuery .prompt CSS (see //records/jquery-plugins.js) */
div.aolpromptfade{
position: absolute;
background-color: #aaaaaa;
}
div.aolprompt{
width: 700px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
position: absolute;
background-color: #ffffff;
font-size: 11px;
text-align: left;
border: solid 1px #eeeeee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 7px;
}
div.aolprompt .aolpromptcontainer{
font-weight: normal; /* was previously bold */
}
div.aolprompt .aolpromptclose{
position: absolute;
top: 4px; right: -2px;
width: 18px;
cursor: default;
color: #bbbbbb;
font-weight: bold;
}
div.aolprompt .aolpromptmessage{
padding: 10px;
line-height: 20px;
color: #222; /* previously #444444; */
}
div.aolprompt .aolpromptbuttons{
text-align: right;
padding: 5px 0 5px 0;
border: solid 1px #eeeeee;
background-color: #f4f4f4;
}
/* see button styles in records.css
div.aolprompt button{
padding: 3px 10px;
margin: 0 10px;
background-color: #999;
border: solid 1px #f4f4f4;
color: #ffffff;
font-weight: bold;
font-size: 12px;
}
div.aolprompt button:hover{
background-color: #b2b2b2;
}
div.aolprompt button.aolpromptdefaultbutton{
background-color: #5f97ee;
}
.aolpromptwarning .aolprompt .aolpromptbuttons{
background-color: #757575;
}
*/
#fancybox-wrap.alt_translate_fancybox, #fancybox-wrap.alt_translate_fancybox #fancybox-inner {
width: calc(100% - 40px) !important;
margin: 0 auto !important;
height: calc(100% - 40px) !important;
padding: 20px !important;
top:0 !important;
left: 0 !important;
}
.whats_this {
/* a jquery magic element - The content of a div or span with class of 'whats_this'
will be replaced with a 'what's this' link and displayed in a prompt when clicked... */
display: none;
font-size: 10px;
color: #aaa;
font-style: italic;
cursor: pointer;
background: transparent url(/lib/archimedes/images/gray_link_underline.gif) bottom left repeat-x;
}
/* devtools */
.devtools {
display: none;
}
.devpanel {
float: right;
background: transparent url(/lib/archimedes/images/pencil-disabled.gif) top left no-repeat;
width: 15px;
padding: 4px 0;
cursor: pointer;
}
.devpanel:hover {
background: transparent url(/lib/archimedes/images/pencil.gif) top left no-repeat;
}
#devtools_fieldcols_slider {
margin: 10px;
}
body.devtools_active .f2 .fieldrow {
border: 1px dotted #eaeaea;
margin-bottom: 5px;
padding-top: 4px;
padding-bottom: 4px;
}
#devtools_status {
position: absolute;
top: 4px;
left: 50px;
backround: white;
padding: 2px;
font-size: 9px;
color: gray;
display: none;
}
table.devtools_field_editor {
border: 0;
cellpadding: 0;
cellspacing: 0;
}
h3.devtools_field_editor {
font-family: arial, verdana, sans-serif;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
text-align: center;
font-height: 18px;
color: #333;
border-bottom: 1px solid silver;
}
table#devtools_field_editor td {
vertical-align: top;
white-space: nowrap;
padding: 0;
}
table#devtools_field_editor td div.inner {
padding: 2px;
}
table#devtools_field_editor td.fl {
padding-right: 5px;
text-align: right;
}
table#devtools_field_editor td.fc { /* field column */
text-align: left;
}
table#devtools_field_editor .f {
width: 207px;
}
div.aol-default-prompt-text {
/* jquery.prompt dialogs, when no custom html has been supplied */
font-weight: bold;
padding: 4px 0 0 36px;
min-height: 30px;
background: transparent url(/lib/archimedes/images/info-bubble.png) 0 3px no-repeat;
}
div.aol-edit-prompt-text {
/* jquery.prompt dialogs, when no custom html has been supplied */
font-weight: bold;
padding: 4px 0 0 36px;
min-height: 30px;
background: transparent url(/lib/archimedes/images/edit-bubble.png) 0 3px no-repeat;
}
div#devtools_devtoolbar {
position: absolute;
top: 6px;
right: 28px;
float: right;
}
div.devtools_devtoolbar_btn_outer {
float: right;
padding-left: 6px;
}
div.devtools_devtoolbar_btn {
float: right;
width: 16px;
height: 16px;
cursor: pointer;
background: transparent url(/lib/archimedes/images/shim.png) top left no-repeat;
}
div#btn_devtools_devtoolbar_cog {
background: transparent url(/lib/images/third-party/icons/silk/cog.png) top left no-repeat;
}
div#btn_devtools_devtoolbar_cog.active {
background: transparent url(/lib/images/third-party/icons/silk/cog_edit.png) top left no-repeat;
}
div#btn_devtools_devtoolbar_save {
display: none;
background: transparent url(/lib/images/third-party/icons/silk/accept.png) top left no-repeat;
}
/* ************** /lib/archimedes/styles/admin/records.css ************** */
/* removing this as a hotfix as this seems redundant */
.site-lib-version-1-0 #cms-backend-toolbar {
display:none !important;
}
body.records_page, body.main_screen {
margin: 60px 20px 20px 20px;
background: #fff url(/lib/archimedes/images/artlogiccms_small_bnr.gif) top left no-repeat;
}
body.records_page.archimedes, body.main_screen.archimedes {
margin: 60px 20px 20px 20px;
background: #fff url(/lib/archimedes/images/archimedes_small_bnr.gif) top left no-repeat;
}
body.records_page.artlogiconline, body.main_screen.artlogiconline {
margin: 60px 20px 20px 20px;
background: #fff url(/lib/archimedes/images/aol_small_bnr.gif) top left no-repeat;
}
.records_page #container {
width: 100%;
width: 1050px;
}
p {
margin: 0;
padding: 0;
}
h1 {
font-size: 18px;
color: #003366;
}
h2 {
font-size: 18px;
color: #3E6797;
}
.invisible {
visibility: hidden;
}
a.btn, span.btn, .fauxbtn, .fauxbtn-ie { /* override default behaviour in flgui main.css which was designed for IE6 */
color: #3E6797;
padding-left: 12px;
border: 0;
background: transparent url(/lib/archimedes/images/tiny_blue_arrow_aol.gif) 0 50% no-repeat;
cursor: pointer; /* allows a span or div with a class of .fauxbtn to behave like a button link */
}
.fauxbtn-ie {
padding-left: 0;
background: none;
text-decoration: underline;
}
a.fnote {
font-style: normal; /* fnote is generally italic */
}
span.dustbin {
padding-left: 16px;
background: url(/lib/archimedes/images/dustbin_paler.gif) top left no-repeat;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.records_page h1, .records_page h2 {
margin: 1em 0 0 0;
padding: 0;
line-height: 1.2em;
float: left; /* display inline-block would be better here but Firefox 2 does not support it */
}
h3 {
margin: 1em 0;
font-size: 14px;
}
form {
margin: 0;
padding: 0;
}
.alt {
background: #edf3fe;
}
#home {
min-height: 300px;
}
#records {
position: relative; /* necessary for IE7,8 (BUT CAUSES PROBS ON INVOICES SCREENS) */
float: left;
border: 1px solid #ccc;
height: 383px;
width: 540px; /* this is the width when the preview pane is present */
overflow: auto;
}
#records_header_outer {
display: none;
border: 1px solid #ccc;
border-bottom: 0;
}
#records_header {
background: url(/lib/archimedes/images/recs_topbar_bg.gif) top left repeat-x;
width: auto;
height: 19px;
overflow: hidden;
font-size: 10px;
color: #707070;
}
#container.hide_pp #records {
width: auto;
/* width: 960px; */
}
#container.hide_pp.narrow #records {
width: 700px;
}
#advanced_search {
float: left;
border: 1px solid #ccc;
height: 383px;
width: auto;
/* width: 960px; */
overflow: auto;
}
#gutter {
float: left;
width: 15px;
}
#container.hide_pp #gutter {
display: none;
}
#loader {
position: relative;
width: auto;
height: 383px; /* IE7,8 fix */
background: url(/lib/archimedes/images/loading.gif) 50% 50% no-repeat;
}
#stats {
margin: 3px 0;
}
#stats_inner {
height: 18px;
}
#stats a {
font-size: 11px;
text-decoration: underline;
color: gray;
}
.stats_sep {
padding-left: 10px;
padding-right: 10px;
font-size: 11px;
color: gray;
}
#records ul {
list-style: none;
margin: 0;
padding: 0;
}
#records ul li.row {
padding: 2px 0; /* beware of adding horiz padding! check offers */
cursor: pointer;
border: 1px solid #fff;
}
#records ul li.row.alt {
border: 1px solid #edf3fe;
}
#records ul li.row.active {
border: 1px solid #fc0;
}
#records ul li.row div.thumb_outer {
float: left;
width: 36px;
height: 23px;
}
#records ul li.row div.thumb {
width: 27px;
height: 20px;
border: 1px solid #ccc;
background: #fff url(/lib/archimedes/images/no_thumb_icon.gif) 50% 50% no-repeat;
}
#records ul li.row div.row_item {
float: left;
padding-right: 0; /* beware of adding padding (was previously 8px)! check offers */
}
#records ul li.row span.row_item .subheading {
margin: 10px 0;
font-size: 13px;
font-weight: normal; /* beware - this inherits from main.css */
color: #3E6797;
font-style: italic;
}
#records ul li.row .row_item a.clickable {
color: black;
text-decoration: none;
background: url(/lib/archimedes/images/tiny_blue_arrow_grey.gif) 1px 0 no-repeat;
padding-left: 15px;
}
#records .row_item_padding, #records_header .row_item_padding {
display: block;
padding: 0 3px;
}
#records .centered {
text-align: center;
}
#records .r, #records_header .r {
text-align: right;
}
#records ul li.row span.row_item.no_pp, #records ul li.row div.row_item.no_pp {
display: none;
}
#container.hide_pp #records ul li.row span.row_item.no_pp {
display: inline;
}
#container.hide_pp #records ul li.row div.row_item.no_pp {
display: block;
}
#records ul li.row .row_sep {
padding-right: 15px;
}
#below_right {
float: right;
}
.disabled {
color: silver;
}
.artwork-no-icon-tiny {
width: 27px;
height: 20px;
border: 1px solid silver;
}
#navigation_container {
padding: 10px 0;
}
#navigation {
height: 14px;
}
#footer {
margin: 8px 0 0 0;
}
#records .pencil {
float: right;
width: 22px;
height: 16px;
background: url(/lib/archimedes/images/pencil.gif) 3px 5px no-repeat;
}
#records .flag {
float: right;
width: 22px;
height: 16px;
background: url(/lib/archimedes/images/flags.gif) 0 -16px no-repeat;
}
#records .flag.flag_unset {
/* loader image generated at http://www.ajaxload.info/ */
background: url(/lib/archimedes/images/loader_16x16_ccc.gif) 0 0 no-repeat;
}
.loader-small {
width: 16px;
height: 16px;
background: url(/lib/archimedes/images/loader_16x16_ccc.gif) 0 0 no-repeat;
}
#records .flag.flag_active {
background: url(/lib/archimedes/images/flags.gif) 0 -32px no-repeat;
}
.rowcontent {
display: block;
width: 465px; /* 75px less than #records width */
min-height: 14px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
#container.hide_pp .rowcontent {
width: 885px; /* 75px less than #container width */
}
#container.narrow.hide_pp .rowcontent {
width: 627px; /* 75px less than #container width */
}
#get_page_input {
width: 25px;
padding: 0;
margin: -2px 0 0 0;
border: 1px solid #eee;
line-height: 1em;
text-align: center;
}
#quick_search_box {
float: right;
width: 143px;
height: 33px;
overflow: hidden;
background: url(/lib/archimedes/images/quicksearch_box.gif) top left no-repeat;
cursor: pointer;
}
#quick_search_box_inner {
padding: 6px 0 0 32px;
}
#quick_search_input {
color: #333;
width: 84px;
font-family: verdana;
font-size: 9px;
padding: 1px 0 0 1px;
border: 1px solid #b4c9d2;
background-image: URL(/lib/archimedes/images/f_bg.gif);
}
#quick_search_box_go {
width: 23px;
height: 16px;
overflow: hidden;
}
#search_items {
float: right;
width: 370px;
}
#beneath_qs {
float: right;
clear: right;
white-space: nowrap;
text-align: right;
padding: 0 5px 0 0;
}
#beneath_qs ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#beneath_qs li {
display: inline;
margin: 0;
padding: 0;
color: gray;
font-size: 10px;
}
#beneath_qs li.hidden {
display: none;
}
#beneath_qs a {
color: gray;
font-size: 10px;
text-decoration: underline;
}
#beneath_qs .sep {
color: gray;
font-size: 10px;
padding: 0 5px;
}
/* navigation topnav */
ul#topnav {
list-style: none;
margin: 0;
padding: 0;
}
#topnav li {
float: left;
display: inline;
padding-right: 30px;
height: 20px;
}
#topnav a,
#topnav a:visited {
color: #888;
text-decoration: none;
}
#topnav a:hover {
color: #444;
}
#topnav ul.topnav_nested_ul {
width: auto;
}
#topnav li {
position: relative;
}
#topnav li .topnav_drop {
background: url(/lib/archimedes/images/drop_arrow.gif) right center no-repeat;
padding-right: 14px;
display: block;
}
#topnav li ul li .topnav_drop {
background: url(/lib/archimedes/images/drop_arrow_right.gif) right center no-repeat;
}
#topnav li .topnav_obscure {
display: none;
height: 300px;
width: 420px;
position: absolute;
overflow: auto;
left: 0;
top: 20px;
}
#topnav li ul {
position: absolute;
left: 0;
top: 15px;
z-index: 2000;
display: none;
margin: 0;
padding: 2px 0 2px 0;
background: #FFF;
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
}
#topnav li ul li ul {
position: absolute;
left: 135px;
top: 0;
z-index: 2000;
display: none;
margin: 0;
padding: 5px 0 5px 0;
background: #FFF;
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
}
#topnav li ul li {
background: none;
margin: 0;
padding: 0;
clear: both;
float: left;
display: inline;
min-width: 140px;
width: 100% !important;
width: 140px;
height: auto;
border: 0;
}
#topnav li ul li a {
display: block;
background: none;
margin: 0 0 0 0;
padding: 6px 10px 6px 9px;
line-height: 12px;
font-size: 12px;
white-space: nowrap;
}
#topnav li ul li.last a {
background: none;
}
#topnav li ul li a:hover {
}
#topnav li:hover ul, #topnav li.over ul,
#topnav li:hover .topnav_obscure, #topnav li.over .topnav_obscure {
display: block;
}
#topnav li:hover ul ul, #topnav li.over ul ul {
display: none;
}
#topnav li ul li:hover ul, #topnav li ul li.over ul {
display: block;
}
#topnav li ul li:hover ul ul, #topnav li ul li.over ul ul {
display: none;
}
#topnav li ul li ul li:hover ul, #topnav li ul li ul li.over ul {
display: block;
}
#topnav li ul li:hover {
background: #c7dfff;
}
#topnav_mask {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
z-index: 200;
}
#topnav {
z-index: 1000;
}
#topnav ul, #topnav li, #topnav a, #topnav span {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
cursor: pointer;
}
#topnav span.topnav_note {
font-family: georgia, "Times New Roman", serif;
font-size: 10px;
font-style: italic;
padding-left: 3px;
}
#topnav_mask {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
z-index: 200;
}
/* PREVIEW PANE */
#preview_pane_container, #preview_frame, #preview {
width: 368px;
height: 362px;
border: 0;
overflow: hidden;
}
#preview_inner {
/* padding: 20px; */
}
.flpp {
/* float: left; */
}
#container.hide_pp .flpp {
display: none;
}
.flpp td {
vertical-align: top;
}
.flpp .tl {
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) top left no-repeat;
}
.flpp .tr {
width: 14px;
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) top right no-repeat;
}
.flpp .bl {
height: 16px;
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) bottom left no-repeat;
}
.flpp .br {
width: 14px;
height: 16px;
background: url(/lib/archimedes/images/preview_pane_bg_1000.gif) bottom right no-repeat;
}
.flpp .cpad {
margin: 10px 2px -5px 14px;
}
.flpp.tight .tl {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) top left no-repeat;
}
.flpp.tight .tr {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) top right no-repeat;
}
.flpp.tight .bl {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) bottom left no-repeat;
}
.flpp.tight .br {
background: url(/lib/archimedes/images/preview_pane_bg_tight_1000.gif) bottom right no-repeat;
}
/* TERM AND DEFINITION LISTS (table objects) */
.term_def {
border: 0;
}
#preview .term_def {
width: 100%;
}
.term_def td {
border-bottom: 1px solid #f4f4f4;
}
.term_def .term {
text-align: left;
vertical-align: top;
font-weight: bold;
padding: 0 10px 0 0;
white-space: nowrap;
}
.term_def .def {
text-align: left;
vertical-align: top;
width: 80%;
}
.nowrap {
white-space: nowrap;
}
/* OFFERS SCREENS */
#offers #recordsContainer tr.expired td.flag {
background:url('/lib/archimedes/images/aol_rr_alert_icon.gif') 1px 3px no-repeat;
}
#offers #recordsContainer tr.expiring td.flag {
background: url('/lib/archimedes/images/aol_rr_partial_partial_alert_icon.gif') 1px 3px no-repeat;
}
#offers #recordsContainer tr.expired.alt td.flag {
background:url('/lib/archimedes/images/aol_rr_alert_icon.gif') 0px 3px no-repeat;
}
#offers #recordsContainer tr.expiring.alt td.flag {
background: url('/lib/archimedes/images/aol_rr_partial_partial_alert_icon.gif') 0px 3px no-repeat;
}
#offers #recordsContainer tr.sold td {
color: #999;
}
#offers #recordsContainer tr.sold td.flag {
background: none;
}
#offers #recordsContainer tr.rejected td {
color: #999;
}
#offers #recordsContainerKey div {
color: gray;
}
#offers #recordsContainerKey .expired {
padding-left: 16px;
background: url('/lib/archimedes/images/aol_rr_alert_icon.gif') 1px 2px no-repeat;
}
#offers #recordsContainerKey .expiring {
padding-left: 16px;
background: url('/lib/archimedes/images/aol_rr_partial_alert_icon.gif') 1px 2px no-repeat;
}
#toggle_preview_pane_el {
text-align: right;
padding: 0 10px 0 0;
}
a.small {
color: gray;
text-decoration: underline;
font-size: 10px;
}
span.row_icon_left {
display: none;
float: left;
width: 24px;
height: 16px;
}
span.row_icon_right {
display: none;
float: right;
width: 24px;
height: 16px;
}
#current_user {
margin: -45px 5px 0 0;
float: right;
color: #BBBBBB;
text-align: right;
}
#current_user_name {
font-weight: bold;
margin: 0 0 2px 0;
}
#records ul li.row div.thumb_outer.clone div.thumb {
background: transparent url(/lib/archimedes/images/clone_record_hanger.gif) 50% 50% no-repeat;
border: 1px solid transparent;
}
.greyed-out {
color: silver;
}
#preview .boxed {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border: 0;
border-bottom: 1px solid #d3d3d3;
}
#preview .boxed .term_def td {
border: 0;
}
div.tick_cross_on_off_, div.tick_cross_on_off_0, div.tick_cross_on_off_1 {
padding-left: 18px;
min-height: 13px;
color: #666;
background: url(/lib/archimedes/images/small_cross.gif) top left no-repeat;
}
span.tick_cross_on_off_, span.tick_cross_on_off_0, span.tick_cross_on_off_1 {
padding-left: 18px;
line-height: 13px;
color: #666;
background: url(/lib/archimedes/images/small_cross.gif) top left no-repeat;
}
div.tick_cross_on_off_1, span.tick_cross_on_off_1 {
background: url(/lib/archimedes/images/small_tick.gif) top left no-repeat;
}
#preview_buttons {
position: absolute;
left: 593px;
top: 513px;
background: #fff;
}
#right_of_preview_buttons {
position: absolute;
left: 748px;
top: 517px;
background: #fff;
}
.hightlight {
background: yellow;
}
.red {
color: red;
}
.red-bold {
color: red;
font-weight: bold;
}
.red-yellow {
color: red;
background: yellow;
}
#copyright {
margin: 10px 0;
}
.copyright a {
color: #999999;
text-decoration: none;
}
.copyright a:hover {
color: #999999;
text-decoration: underline;
}
.is_live_0 {
color: #999;
}
.pp-padding {
/* for use in a container div to increase the
padding in the preview pane */
padding: 5px 15px;
}
textarea#debug_area {
display: none;
font-family: monaco;
font-size: 9px;
width: auto;
/* width: 960px; */
height: 30px;
margin: 5px 0;
padding: 5px;
overflow: hidden;
border: 1px dotted silver;
}
/* fixed column widths on record_rows */
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10 {
display: block;
float: left;
width: 120px;
overflow: hidden;
padding-left: 0; /* beware of adding padding! check offers */
}
.c1 {
width: 200px;
}
div .pen-large-left {
background: url(/lib/archimedes/images/pen_100x100.jpg) top left no-repeat;
width: auto;
min-height: 100px;
padding: 0 70px 0 130px;
}
#records .hpad {
/* used in row_item spans to increase padding left and right */
padding: 0 3px;
}
#records div.hpad {
float: left;
}
/* http://www.quirksmode.org/css/display.html#inlineblock */
.table {
display: table;
}
#records .table, #records_header .table {
display: table;
float: left;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
vertical-align: middle;
}
/* QUERY BUILDER ROWS (qb) */
#query_builder, #query_builder_help {
padding: 10px 0 5px 100px;
}
#query_builder.expert_mode {
padding: 10px 0 5px 50px;
}
#query_builder_heading {
color: #4A709D;
font-family: Georgia, Times, "Times New Roman";
font-size: 15px;
font-style: italic;
font-weight: normal;
text-align: center;
margin: 20px 0 10px 0;
}
#query_builder_help {
padding-top: 0;
width: 100%;
}
#query_builder_heading a {
color: gray;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
padding-left: 20px;
text-decoration: underline;
}
#query_builder_help .orange_arrow_left {
width: 80px;
height: 24px;
background: url(/lib/archimedes/images/orange_arrow_left.gif) top right no-repeat;
}
#query_builder_help .orange_arrow_right {
width: 165px;
height: 24px;
background: url(/lib/archimedes/images/orange_arrow_right.gif) top left no-repeat;
}
#query_builder_help td {
padding: 0 5px;
color: #ccc;
}
#query_builder .f {
width: 251px;
}
#query_builder .f.small {
width: 103px;
}
.qb_row {
padding: 3px 0;
}
.qb_add {
cursor: pointer;
width: 32px;
height: 22px;
background: url(/lib/archimedes/images/plus_btn_blue.gif) 50% 50% no-repeat;
}
.qb_remove {
cursor: pointer;
width: 32px;
height: 22px;
background: url(/lib/archimedes/images/minus_btn_red.gif) 50% 50% no-repeat;
}
.qb_add.disabled {
cursor: auto;
background: url(/lib/archimedes/images/plus_btn_blue_disabled.gif) 50% 50% no-repeat;
}
.qb_remove.disabled {
cursor: auto;
background: url(/lib/archimedes/images/minus_btn_red_disabled.gif) 50% 50% no-repeat;
}
.qb_left_col {
width: 270px;
}
.qb_input_container {
width: 255px;
white-space: nowrap;
}
#query_builder .qb_and_or_select_container {
display: none;
}
#query_builder.expert_mode .qb_and_or_select_container {
display: block;
}
.qb_and_or {
width: 60px;
text-align: right;
}
.qb_label {
width: 170px;
text-align: right;
}
#query_builder input.f.calendarfield {
width: 85px;
padding: 0;
}
#query_builder .f.qb_and_or_select {
width: 60px;
}
#query_builder .f.qb_operator {
width: 200px;
}
#query_builder .f.qb_field_select {
width: 180px;
}
#query_builder .qb_ob {
/* open bracket */
width: 21px;
height: 17px;
display: none;
}
#query_builder .qb_cb {
/* close bracket */
width: 21px;
height: 17px;
display: none;
}
#query_builder.expert_mode .qb_ob {
cursor: pointer;
display: block;
background: url(/lib/archimedes/images/flquerybuilder/no_bracket.gif) top left no-repeat;
}
#query_builder.expert_mode .qb_cb {
cursor: pointer;
display: block;
background: url(/lib/archimedes/images/flquerybuilder/no_bracket.gif) top left no-repeat;
}
#query_builder.expert_mode .qb_ob.on {
display: block;
background: url(/lib/archimedes/images/flquerybuilder/open_bracket.gif) top left no-repeat;
}
#query_builder.expert_mode .qb_cb.on {
display: block;
background: url(/lib/archimedes/images/flquerybuilder/close_bracket.gif) top left no-repeat;
}
.switch.on {
cursor: pointer;
padding-top: 2px;
width: 130px;
height: 18px;
background: url(/lib/archimedes/images/on.gif) top right no-repeat;
}
.switch.off {
cursor: pointer;
padding-top: 2px;
width: 130px;
height: 18px;
background: url(/lib/archimedes/images/off.gif) top right no-repeat;
}
#query_builder_save_form {
margin: 30px 0 0 150px;
}
#qb_saved_form_select_cancel {
margin: 20px 0 0 175px;/* 185px */
}
#query_builder_load_form {
margin: 30px 0 30px 270px;
}
input#qb_save_as {
width: 200px;
}
/* squarebtns overrides (new image) */
.squarebtns, .squarebtns li, .squarebtns a, .aolpromptbuttons button span {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #1f4d7e;
line-height: normal;
}
.squarebtns ul {
display: inline;
line-height: normal;
margin: 0;
padding: 0;
list-style: none;
}
.squarebtns li, .aolpromptbuttons button {
display: block;
height: auto !important;
float: left;
margin: 0 10px 0 0 !important; /* gutter between each button */
padding: 0 0 0 5px !important; /* 4th padding matches width of left image */
background: url(/lib/archimedes/images/squarebtns.gif) no-repeat left top;
border: 0 !important;
}
.squarebtns li.hidden, .aolpromptbuttons button.hidden {
display: none;
}
.squarebtns a, .aolpromptbuttons button span {
display: block;
float: left;
height: 19px;
text-align: center;
background: url(/lib/archimedes/images/squarebtns.gif) no-repeat right top;
padding: 3px 8px 3px 3px !important; /* 2nd padding matches width of left image + 3 */
margin: 0 !important;
text-decoration: none;
font-weight: normal;
}
.squarebtns a:hover, , .aolpromptbuttons button span:hover {
color: #f60;
}
.squarebtns .active {
background-image: url(/lib/archimedes/images/squarebtns.gif);
border-width: 0;
}
.squarebtns .active a {
background-image: url(/lib/archimedes/images/squarebtns.gif);
color: #f60;
}
.squarebtns a.disabled, , .aolpromptbuttons button span.disabled {
color: silver;
}
.aolpromptbuttons button {
float: right;
}
#sort_options {
color: silver;
}
.sort_option {
color: gray;
text-decoration: underline;
}
.sort_option.active {
text-decoration: none;
}
#message_container {
position: absolute;
top: 96px;
left: 340px;
width: 361px;
height: 73px;
background: url(/lib/archimedes/images/info_panel_bg.png) top left no-repeat;
}
#message {
margin: 20px 28px 0 80px;
font-size: 14px;
color: #3E6797;
}
.tiny_radio_label {
padding: 3px 5px 0 0;
}
#flags_icon {
position: absolute;
top: 149px;
left: 523px;
width: 22px;
height: 16px;
background: transparent url(/lib/archimedes/images/flags.gif) no-repeat 0 -16px;
cursor: pointer;
}
#flags_panel {
position: absolute;
top: 63px;
left: 490px;
width: 200px;
height: 90px;
background: transparent url(/lib/archimedes/images/flags_panel_bg.png) top left no-repeat;
}
#flags_panel .inner {
width: auto;
height: auto;
padding: 0 0 0 8px;
}
#flags_panel li {
clear: both;
}
#flags_panel .inner div {
clear: both;
margin: 4px 0;
}
#records_error_message {
padding: 20px;
color: red;
font-size: 14px;
}
.indented {
margin: 0 15px;
}
/* ************** /lib/archimedes/styles/admin/edit_screens.css ************** */
body#editwin_body {
margin: 0;
padding: 0;
}
#editwin_body #header {
height: 28px;
margin: 0 22px;
padding: 0;
}
#editwin_body #footer {
margin: 0 22px;
padding: 0;
}
#editwin_body #footer-inner {
padding: 8px 0;
}
#editwin_body h1 {
font-family: arial, helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: black;
text-align: center;
margin: 0;
padding: 4px 0;
}
#editwin_body h1 span#heading {
/*
display: block;
margin: 0 50%;
background: transparent url(/lib/archimedes/images/pencil.gif) 0 7px no-repeat;
*/
padding: 4px 17px;
white-space: nowrap;
max-width: 90%;
overflow: hidden;
display: block;
text-overflow: ellipsis;
margin: 0 auto;
}
#editwin_body #content {
border: 1px solid #e7e7e7;
overflow: auto;
margin: 0;
padding: 0;
}
#editwin_body #content-outer {
margin: 0 22px;
}
#editwin_body #content-inner {
padding: 0 18px 18px 18px;
}
#editwin_body .dcu_popup_content {
}
#editwin_body .dcu_popup_content h1 {
margin: 0 0 20px;
padding: 0;
}
#editwin_body.simplified_page {
}
#editwin_body.simplified_page #header {
display: none;
}
#editwin_body.simplified_page #content-outer {
padding: 0;
margin: 0;
width: 100%;
}
#editwin_body.simplified_page #content-inner {
padding: 0;
margin: 0;
width: 100%;
}
.wide-leading {
line-height: 1.4em !important;
}
.fnote.wide-leading {
line-height: 1.8em !important;
}
.very-wide-leading {
line-height: 1.8em !important;
}
.fnote.very-wide-leading {
line-height: 2.2em !important;
}
/* mce_editors */
.mce_container {
float: left;
background: #fefefe;
width: auto;
min-height: 130px; /* don't change to 'height'! */
}
.mce_container:after {
/* clear after (won't work in IE so jQuery append is also used) */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.mce_container textarea {
visibility: hidden;
}
/* page container fades in and out */
body#editwin_body #page_container {
-moz-opacity: 0.01;
filter: alpha(opacity=1); /* MSIE */
opacity: 0.01;
}
/* Big Buttons - White or Green (put a class of 'green' in the 'a' tag) */
div.bigbtns ul {
margin: 0;
padding: 0;
}
div.bigbtns ul li {
display: inline;
margin: 0;
padding: 0;
}
div.bigbtns ul li a {
display: inline-block;
position: relative;
margin: 0 4px;
padding: 0 20px;
text-align: center;
text-decoration: none;
color: #686C89;
font: normal 12px/25px Arial, sans-serif;
text-shadow: 1px 1px 1px rgba(255,255,255, .22);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
}
div.bigbtns ul li a:hover {
color: #686C89;
}
div.bigbtns ul li a {
color: #686C89;
font-weight: normal;
border: 1px solid #A5A5A5;
/* gradient */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 40%, #f2f2f2 45%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(40%,#ffffff), color-stop(45%,#f2f2f2), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 40%,#f2f2f2 45%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 40%,#f2f2f2 45%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 40%,#f2f2f2 45%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#ffffff 40%,#f2f2f2 45%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
div.bigbtns ul li a:hover {
color: #686C89;
border: 1px solid #7E7E7E;
}
div.bigbtns ul li a.disabled, div.bigbtns ul li a.disabled:hover {
color: #ccc;
}
div.bigbtns ul li a.green {
color: #ffffff;
font-weight: bold;
text-shadow: 1px 1px 2px #86C112;
filter: dropshadow(color=#86C112, offx=1, offy=1);
border: 1px solid #86C112;
/* gradient */
background: #b2e654; /* Old browsers */
background: -moz-linear-gradient(top, #b2e654 0%, #b2e654 40%, #8cc916 45%, #7bb10a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e654), color-stop(40%,#b2e654), color-stop(45%,#8cc916), color-stop(100%,#7bb10a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b2e654 0%,#b2e654 40%,#8cc916 45%,#7bb10a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b2e654 0%,#b2e654 40%,#8cc916 45%,#7bb10a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b2e654 0%,#b2e654 40%,#8cc916 45%,#7bb10a 100%); /* IE10+ */
background: linear-gradient(top, #b2e654 0%,#b2e654 40%,#8cc916 45%,#7bb10a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e654', endColorstr='#7bb10a',GradientType=0 ); /* IE6-9 */
}
div.bigbtns ul li a.green:hover {
border: 1px solid #5D9500;
}
div.bigbtns ul li a.green.disabled, div.bigbtns ul li a.green.disabled:hover {
color: #E6F7C7;
}
/* Hide interface when modal/simplified mode is ON
--------------------------------------------------- */
body.simplified_page,
body.modal_page {
margin: 0;
padding: 0;
background: none;
}
body.simplified_page.records_page #container,
body.modal_page.records_page #container {
width: 588px;
min-width: 0;
margin: 0 auto;
}
body.simplified_page.records_page #container #content,
body.modal_page.records_page #container #content {
padding: 0;
}
body.simplified_page.records_page #container #content .left.pr20,
body.modal_page.records_page #container #content .left.pr20 {
padding: 0;
}
body.simplified_page.records_page .ui-jqgrid .ui-jqgrid-bdiv,
body.modal_page.records_page .ui-jqgrid .ui-jqgrid-bdiv {
height: 300px !important;
}
body.simplified_page #current_user,
body.simplified_page #navigation_container,
body.simplified_page #search_items,
body.simplified_page #header,
body.simplified_page #copyright,
body.modal_page #current_user,
body.modal_page #navigation_container,
body.modal_page #search_items,
body.modal_page #header,
body.modal_page #copyright {
display: none;
}
/* Embedded images mechanism
--------------------------------------------------- */
.embedded_img {
max-width: 100%;
}
.embedded_img.right {
padding: 0 0 10px 15px;
float: right;
}
.embedded_img.left {
padding: 0 15px 10px 0;
float: left;
}
.embedded_img a,
.embedded_img a:visited {
text-decoration: none;
}
.embedded_img img {
max-width: 100%;
}
.embedded_img_caption {
font: 11px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
color: #999;
text-decoration: none;
}
.embedded_img_copyright {
font: 11px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
color: #999;
text-decoration: none;
font-style: italic;
}
/* JULY 2014 */
.f.readonly, .f.read-only {
border: 1px dashed #b4c9d2;
}
div.f {
padding: 2px 0 2px 2px;
}