/**
 * THIS FILE IS AUTOMATICALLY GENERATED: DO NOT EDIT DIRECTLY
 *
 * 
 * Archimedes/Artlogic Online Combined Libraries
 * ---------------------------------------------
 * 
 * This file combines several third-party libraries into a single file so that we they will 
 * be served faster. Included libraries and code are copyright their respective licence holders
 * and all licence and copyright details are reproduced below, where available in the original
 * file.
 * 
 * If a licence is not specifically credited, the code is probably written by Artlogic Media 
 * Ltd (http://www.artlogic.net/), and is licenced under the MIT and GPL licences (which means
 * you are welcome to use it and modify it), as follows:
 *
 *
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 *
 * Written by: Peter Chater, Artlogic Media Ltd http://www.artlogic.net/contact/
 *
 * Artlogic Media Limited are the creators of Artlogic Online - the future of Art Gallery database
 * systems. For further information about us and what we do, visit http://www.artlogic.net/
 *
 *
 * Please read licences, below, or visit websites of respective copyright holders for 
 * full licence details of third-party libraries in this combined file.
 * 
 */
 

/* ************** /lib/jquery/1.3.2/plugins/jquery.jqGrid-3.6/css/ui.jqgrid.css **************  */

.ui-jqgrid{position:relative;font-size:11px;}.ui-jqgrid .ui-jqgrid-view{position:relative;left:0;top:0;padding:.0em;}.ui-jqgrid .ui-jqgrid-titlebar{padding:.3em .2em .2em .3em;position:relative;border-left:0 none;border-right:0 none;border-top:0 none;}.ui-jqgrid .ui-jqgrid-title{float:left;margin:.1em 0 .2em;}.ui-jqgrid .ui-jqgrid-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px;}.ui-jqgrid .ui-jqgrid-titlebar-close span{display:block;margin:1px;}.ui-jqgrid .ui-jqgrid-titlebar-close:hover{padding:0;}.ui-jqgrid .ui-jqgrid-hdiv{position:relative;margin:0;padding:0;overflow:hidden;border-left:0 none!important;border-top:0 none!important;border-right:0 none!important;}.ui-jqgrid .ui-jqgrid-hbox{float:left;padding-right:20px;}.ui-jqgrid .ui-jqgrid-htable{table-layout:fixed;margin:0;}.ui-jqgrid .ui-jqgrid-htable th{height:22px;padding:0 2px 0 2px;}.ui-jqgrid .ui-jqgrid-htable th div{overflow:hidden;position:relative;height:17px;}.ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column{overflow:hidden;white-space:nowrap;text-align:center;border-top:0 none;border-bottom:0 none;}.ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr{border-left:0 none;}.ui-th-rtl,.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl{border-right:0 none;}.ui-jqgrid .ui-th-div-ie{white-space:nowrap;zoom:1;height:17px;}.ui-jqgrid .ui-jqgrid-resize{height:20px!important;position:relative;cursor:e-resize;display:inline;overflow:hidden;}.ui-jqgrid .ui-grid-ico-sort{overflow:hidden;position:absolute;display:inline;cursor:pointer!important;}.ui-jqgrid .ui-icon-asc{margin-top:-3px;height:12px;}.ui-jqgrid .ui-icon-desc{margin-top:3px;height:12px;}.ui-jqgrid .ui-i-asc{margin-top:0;height:16px;}.ui-jqgrid .ui-i-desc{margin-top:0;margin-left:13px;height:16px;}.ui-jqgrid .ui-jqgrid-sortable{cursor:pointer;}.ui-jqgrid tr.ui-search-toolbar th{border-top-width:1px!important;border-top-color:inherit!important;border-top-style:ridge!important;}tr.ui-search-toolbar input{margin:1px 0 0 0;}tr.ui-search-toolbar select{margin:1px 0 0 0;}.ui-jqgrid .ui-jqgrid-bdiv{position:relative;margin:0;padding:0;overflow:auto;}.ui-jqgrid .ui-jqgrid-btable{table-layout:fixed;margin:0;}.ui-jqgrid tr.jqgrow td{font-weight:normal;overflow:hidden;white-space:pre;height:22px;padding:0 2px 0 2px;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid;}.ui-jqgrid tr.ui-row-ltr td{text-align:left;border-right-width:1px;border-right-color:inherit;border-right-style:solid;}.ui-jqgrid tr.ui-row-rtl td{text-align:right;border-left-width:1px;border-left-color:inherit;border-left-style:solid;}.ui-jqgrid td.jqgrid-rownum{padding:0 2px 0 2px;margin:0;border:0 none;}.ui-jqgrid .ui-jqgrid-resize-mark{width:2px;left:0;background-color:#777;cursor:e-resize;cursor:col-resize;position:absolute;top:0;height:100px;overflow:hidden;display:none;border:0 none;}.ui-jqgrid .ui-jqgrid-sdiv{position:relative;margin:0;padding:0;overflow:hidden;border-left:0 none!important;border-top:0 none!important;border-right:0 none!important;}.ui-jqgrid .ui-jqgrid-ftable{table-layout:fixed;margin-bottom:0;}.ui-jqgrid tr.footrow td{font-weight:bold;overflow:hidden;white-space:nowrap;height:21px;padding:0 2px 0 2px;border-top-width:1px;border-top-color:inherit;border-top-style:solid;}.ui-jqgrid tr.footrow-ltr td{text-align:left;border-right-width:1px;border-right-color:inherit;border-right-style:solid;}.ui-jqgrid tr.footrow-rtl td{text-align:right;border-left-width:1px;border-left-color:inherit;border-left-style:solid;}.ui-jqgrid .ui-jqgrid-pager{border-left:0 none!important;border-right:0 none!important;border-bottom:0 none!important;margin:0!important;padding:0!important;position:relative;height:25px;white-space:nowrap;overflow:hidden;}.ui-jqgrid .ui-pager-control{position:relative;}.ui-jqgrid .ui-pg-table{position:relative;padding-bottom:2px;width:auto;margin:0;}.ui-jqgrid .ui-pg-table td{font-weight:normal;vertical-align:middle;padding:1px;}.ui-jqgrid .ui-pg-button{height:19px!important;}.ui-jqgrid .ui-pg-button span{display:block;margin:1px;float:left;}.ui-jqgrid .ui-pg-button:hover{padding:0;}.ui-jqgrid .ui-state-disabled:hover{padding:1px;}.ui-jqgrid .ui-pg-input{height:13px;font-size:.8em;margin:0;}.ui-jqgrid .ui-pg-selbox{font-size:.8em;line-height:18px;display:block;height:18px;margin:0;}.ui-jqgrid .ui-separator{height:18px;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:1px;float:right;}.ui-jqgrid .ui-paging-info{font-weight:normal;height:19px;margin-top:3px;margin-right:4px;}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div{padding:1px 0;cursor:pointer;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;position:relative;}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon{float:left;margin:0 2px;}.ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea{margin:0;}.ui-jqgrid td textarea{width:auto;height:auto;}.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span{display:block;}.ui-jqgrid .ui-subgrid{margin:0;padding:0;width:100%;}.ui-jqgrid .ui-subgrid table{table-layout:fixed;}.ui-jqgrid .ui-subgrid tr.ui-subtblcell td{height:18px;border-right-width:1px;border-right-color:inherit;border-right-style:solid;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid;}.ui-jqgrid .ui-subgrid td.subgrid-data{border-top:0 none!important;}.ui-jqgrid .ui-subgrid td.subgrid-cell{border-width:0 0 1px 0;}.ui-jqgrid .loading{position:absolute;top:45%;left:45%;width:auto;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:bold;display:none;border-width:2px!important;}.ui-jqgrid .jqgrid-overlay{display:none;z-index:100;}* html .jqgrid-overlay{width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px');}* .jqgrid-overlay iframe{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px');}.ui-jqgrid .ui-userdata{border-left:0 none;border-right:0 none;height:21px;overflow:hidden;}.ui-jqdialog{display:none;width:300px;position:absolute;padding:.2em;font-size:11px;overflow:visible;}.ui-jqdialog .ui-jqdialog-titlebar{padding:.3em .2em;position:relative;}.ui-jqdialog .ui-jqdialog-title{margin:.1em 0 .2em;}.ui-jqdialog .ui-jqdialog-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px;}.ui-jqdialog .ui-jqdialog-titlebar-close span{display:block;margin:1px;}.ui-jqdialog .ui-jqdialog-titlebar-close:hover,.ui-jqdialog .ui-jqdialog-titlebar-close:focus{padding:0;}.ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content{border:0;padding:.3em .2em;background:none;height:auto;}.ui-jqdialog .ui-jqconfirm{padding:.4em 1em;border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}.ui-jqdialog-content .FormGrid{margin:0;}.ui-jqdialog-content .EditTable{width:100%;margin-bottom:0;}.ui-jqdialog-content .DelTable{width:100%;margin-bottom:0;}.EditTable td input,.EditTable td select,.EditTable td textarea{margin:0;}.EditTable td textarea{width:auto;height:auto;}.ui-jqdialog-content td.EditButton{text-align:right;border-top:0 none;border-left:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px;}.ui-jqdialog-content td.navButton{text-align:center;border-left:0 none;border-top:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px;}.ui-jqdialog-content .CaptionTD{text-align:left;vertical-align:top;border-left:0 none;border-right:0 none;border-bottom:0 none;padding:1px;white-space:nowrap;}.ui-jqdialog-content .DataTD{padding:1px;border-left:0 none;border-right:0 none;border-bottom:0 none;vertical-align:top;}.fm-button{display:inline-block;margin:0 4px 0 0;padding:.4em .5em;text-decoration:none!important;cursor:pointer;position:relative;text-align:center;zoom:1;}.fm-button-icon-left{padding-left:1.9em;}.fm-button-icon-right{padding-right:1.9em;}.fm-button-icon-left .ui-icon{right:auto;left:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px;}.fm-button-icon-right .ui-icon{left:auto;right:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px;}#nData,#pData{float:left;margin:3px;padding:0;width:15px;}.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td{font-style:normal;border-left:0 none;}.ui-jqgrid .tree-wrap{float:left;position:relative;height:18px;white-space:nowrap;overflow:hidden;}.ui-jqgrid .tree-minus{position:absolute;height:18px;width:18px;overflow:hidden;}.ui-jqgrid .tree-plus{position:absolute;height:18px;width:18px;overflow:hidden;}.ui-jqgrid .tree-leaf{position:absolute;height:18px;width:18px;overflow:hidden;}.ui-jqgrid .treeclick{cursor:pointer;}.jqmOverlay{background-color:#000;}* iframe.jqm{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px');}.ui-jqgrid-dnd tr td{border-right-width:1px;border-right-color:inherit;border-right-style:solid;height:20px;}.ui-jqgrid .ui-jqgrid-title-rtl{float:right;margin:.1em 0 .2em;}.ui-jqgrid .ui-jqgrid-hbox-rtl{float:right;padding-left:20px;}.ui-jqgrid .ui-jqgrid-resize-ltr{float:right;margin:-2px -2px -2px 0;}.ui-jqgrid .ui-jqgrid-resize-rtl{float:left;margin:-2px 0 -1px -3px;}.ui-jqgrid .ui-sort-rtl{left:0;}.ui-jqgrid .tree-wrap-ltr{float:left;}.ui-jqgrid .tree-wrap-rtl{float:right;}.ui-jqgrid .ui-ellipsis{text-overflow:ellipsis;-moz-binding:url('ellipsis-xbl.xml#ellipsis');}

.ui-searchFilter{display:none;position:absolute;z-index:770;overflow:visible;}.ui-searchFilter table{position:relative;margin:0;width:auto;}.ui-searchFilter table td{margin:0;padding:1px;}.ui-searchFilter table td input,.ui-searchFilter table td select{margin:.1em;}.ui-searchFilter .ui-state-default{cursor:pointer;}.ui-searchFilter .divider{height:1px;}.ui-searchFilter .divider div{background-color:black;height:1px;}

/* hide the grid info (this is not the number of pages which is working but the record numbers info which is not... We'll make it visible again in the 'g.on_table_load()' function...''' */
div.ui-paging-info {
    visibility: hidden;
}


/* ************** /lib/archimedes/styles/archimedes.css **************  */

/* 
    This file is a combination of the legacy 'main.css' and 'archimedesQS.css' files
    much of which is now obsolete. Needs going through with a toothcomb and cleaning
    out...
*/

/* flgui main.css */

/* ELEMENTS */


p,td,th,li,ul,input,textarea,button,select,a,body
{
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	color: #000000;
}

p,td,th,li,ul { line-height: 1.6em; }
p,td,th,table,h4,h5,h6,form,ul,ol { margin: 0px; }

ul,ol
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

h1
{
	font-family: arial,helvetica,verdana,sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: normal;
}

h1.archimedesHeading {
	color: #003366;
	line-height: 1.0em;
	font-family: arial,helvetica,sans-serif;
	font-size: 21px;
	margin: 0 0 4px 0;
}

h1.archimedesHeadingSmall {
	color: #003366;
	line-height: 1.0em;
	font-family: arial,helvetica,sans-serif;
	font-size: 18px;
	margin: 2px 0 4px 0;
}

h1.recordsList
{
	color: #003366;
	line-height: 1.0em;
	font-family: arial,helvetica,verdana,sans-serif;
	font-size: 18px;
	margin-top: 2px;
	margin: 2px 0 4px 0;
}

h2
{
	font-family: arial,helvetica,verdana,sans-serif;
	font-size: 16px;
	color: #3E6797;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 8px;
}

h3,.h3
{
	font-family: arial,helvetica,verdana,sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin: 0px;
}

h4
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #3E6797;
	margin: 0px;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-style: italic;
}

a {
	color: #3E6797;
	text-decoration: none;
}

a:hover { color: #FF6600; }

li a
{
	text-decoration: none;
	color: #3E6797;
}

li a:hover
{
	text-decoration: none;
	color: #FF6600;
}

a.disabled {
	color: silver;
}

/* CLASSES */

.hidden { display: none; } /* note: you cannot calculate reliably the dimensions of a hidden item */
.invisible { visibility: hidden; } /* use when you need to calculate the dimensions of a hidden item */
.invisible2 {
    /* use when you need an element on a page (e.g. a submit button) but you 
    don't want it to be visible or occupy any space */
    display: block; /* must be displayed, must not be visible... */
    visibility: hidden;
    float: left;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: -1px 0 0 -1px;
}
.left { float: left; }
.right { float: right; }
/* .t {text-align: right;} -- removed by peter 090915 (I'm really not sure why this was put in
    but it mucks up the aol diary. See http://trac.artlogic.net/changeset/7525) */
.clear {
	clear: both;
	overflow: hidden;
	height: 1px; /* height and overflow required for IE Win even though it makes it impossible for .clear not to have an affect on vertical spacing */
}
.red { color: red; }
.green { color: green; }
.gray { color: gray; }
.silver { color: silver; }
.blue { color: #3E6797; }
.middle { vertical-align: middle; }
.center { text-align: center; }

.subheading
{
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
}

.banner
{
	font-family: verdana,arial,helvetiva,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: gray;
	height: 70px;
	padding: 10px;
}

.boxed,.box
{
	padding: 15px;
	border: 1px solid #3E6797;
}

.small
{
	font-family: verdana,arial,helvetica;
	font-size: 10px;
}

.smallGray
{
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	color: gray;
}

.smallSilver
{
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	color: #B2B2B2;
}

.u {
	text-decoration: underline;
}

.noMargin { margin: 0; }

.pagenav
{
	font-size: 10px;
	color: #3E6797;
}

.pagenavItem
{
	font-size: 10px;
	color: #3E6797;
	text-decoration: none;
}

.pagenav:hover,.pagenavItem:hover
{
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
}

.topNav
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #3E6797;
	text-decoration: none;
}

.topNavCell
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #3E6797;
	text-decoration: none;
}

.topNavItem
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #3E6797;
	text-decoration: none;
}

.topNavItem:hover { color: #FF6600; }

.topNavCellActive
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #3E6797;
	text-decoration: none;
}

.topNavItemActive
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #000000;
	text-decoration: none;
}

.topNavItemActive:hover { color: #FF6600; }

.simpleTopNav
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

.simpleTopNavCell
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

.simpleTopNavItem
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

.simpleTopNavItem:hover { color: #FF6600; }

.simpleTopNavCellActive
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

.simpleTopNavItemActive
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.simpleTopNavItemActive:hover { color: #FF6600; }

.simpleTopNavSelect {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

.topNavItemGray
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #888888;
	text-decoration: none;
}

.topNavItemGray:hover { color: #FF6600; }

.topNavItemGrayActive
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #FF6600;
	text-decoration: none;
}

.topNavItemGrayActive:hover { color: #FF6600; }
.subnavHeading { color: #FF6600; }

.subnavRow
{
	text-align: left;
	padding-left: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.subnavTopLevelItem, .subnavTopLevelActive, .subnavTopLevelCurrentPage, 
.subnavItem, .subnavActive, .subnavCurrentPage
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 9px;
	color: #3E6797;
	text-decoration: none;
	line-height: 1.2em;
}

.subnavActive,.subnavTopLevelActive,.subnavTopLevelItem,.subnavTopLevelCurrentPage,.subnavCurrentPage { color: #FF6600; }

.breadcrumbs,.breadcrumb,.breadcrumbActive,
.srBreadcrumbs,.srBreadcrumb,.srBreadcrumbActive
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 9px;
	color: #3E6797;
	text-decoration: underline;
}

.breadcrumbs,.srBreadcrumbs,.breadcrumbActive,.srBreadcrumbActive { text-decoration: none; }
.breadcrumbs { margin-left: 3px; }

.srRow,.srHeading
{
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	margin: 0px;
	color: #304E82;
	line-height: 1.4em;
	text-decoration: none;
}

.srHeading
{
	color: #304E82;
	text-decoration: underline;
}

.srRow:hover
{
	color: #304E82;
	text-decoration: none;
}

.copyright
{
	color: #999999;
	font-size: 10px;
	text-decoration: none;
}

.copyright a:hover
{
	color: #999999;
	text-decoration: underline;
}

.caption
{
	color: gray;
	font-size: 9px;
	text-decoration: none;
}

.qsText
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

.qsInput
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 9px;
	padding: 0px;
	width: 80px;
	height: 13px;
	overflow: hidden;
	margin-top: 1px;
	border: 1px solid #b4c9d2; /* #8cacbb */
	/*
		border: 0;
		border-top: 1px solid #4B6692;
		border-left: 1px solid #4B6692;
	*/
	background-image: URL(/lib/archimedes/images/f_bg.gif);
}

.archimedesQSInput {
	color: #333;
	width: 86px;
	height: 15px;
	font-family: verdana;
	font-size: 9px;
	padding: 1px 0 0 1px;
	border: 1px solid #b4c9d2; /* #8cacbb */
	background-image: URL(/lib/archimedes/images/f_bg.gif);
}

.pic { margin: 0px 10px 6px 0px; }
.picR { margin: 0px 0px 6px 10px; }
.picFull { margin: 0px; }

.textnav
{
	color: #999999;
	text-decoration: none;
}

.siteMapItem,.siteMapTopLevelItem
{
	color: #000000;
	text-decoration: none;
}

.siteMapItem:hover,.siteMapTopLevelItem:hover
{
	color: #333399;
	text-decoration: underline;
}

.siteMapTopLevelItem { font-weight: bold; }

.arrowLink,.homeNewsListItem
{
	font-size: 10px;
	text-decoration: none;
	color: #999999;
	line-height: 1.2em;
}

.newsListItem
{
	font-size: 11px;
	text-decoration: none;
	color: #304E82;
	line-height: 1.2em;
}

.listItemHeading { font-weight: bold; }
.listItemContent { color: #000000; }

.listItemLink
{
	color: #3E6797;
	text-decoration: none;
}

.f,.fDisabled
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #b4c9d2; /* #8cacbb */
	/*
		border-top: 1px solid #818181;
		border-left: 1px solid #C5C5C5;
		border-right: 1px solid #BDBFC2;
		border-bottom: 1px solid #DEDEDE;
	*/
	/*background-image: URL(/lib/archimedes/images/f_bg.gif);*/
	padding: 2px 0 2px 2px;


        background-image: URL(/lib/archimedes/images/f_bg_new.png);
        background-color: #ffffff;
}

.fDisabled
{
	background-image: URL(/lib/archimedes/images/f_bg_disabled.gif);
	cursor: default;
	color: #000000;
}

input.f.active, textarea.f.active
{
	background-image: URL(/lib/archimedes/images/f_bg_active.gif);
	cursor: default;
	color: #000000;
}

.fl {
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	line-height: 1.4em;
	color: #3E6797;
	font-style: italic;
}

.fl.above {
	margin-bottom: 4px;
}

.fl a
{
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	line-height: 1.4em;
	color: #3E6797;
	font-style: italic;
	text-decoration: underline;
}

.fnote
{
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	color: gray;
	font-style: italic;
}

.fnote a
{
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	line-height: 1.4em;
	color: gray;
	text-decoration: underline;
}

.fgray
{
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	line-height: 1.4em;
	color: gray;
}

.fh
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #3E6797;
	font-weight: bold;
	margin: 0px;
	margin-top: 14px;
	margin-bottom: 5px;
}

input,.fl input,.f { font-style: normal; }
.f,input,textarea,select { line-height: 1.2em; }

textarea {
	overflow: auto;
}

.fHeading
{
	font-family: Georgia,Times,Times New Roman;
	font-size: 18px;
	font-style: italic;
	color: #4A709D;
}

.fl_toggleBlockLabel
{
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	color: #3E6797;
	font-style: italic;
}

/*	frequently-used classes for padding, margins and 
*	other styles in tables and paragraphs (where
*	pr=padding-right; mb=margin-bottom, etc...) 
*/

.pr2 { padding-right: 2px; }
.pr3 { padding-right: 3px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr35 { padding-right: 35px; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; } /* used in AOL invoices */
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mr5 { margin-right: 5px; }
.mr8 { margin-right: 8px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.ml5 { margin-left: 5px; }
.ml8 { margin-left: 8px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb8 { margin-bottom: 8px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.lh1 { line-height: 1.0em; }
/* FIXED WIDTHS */
.fw10 { width: 10px }
.fw20 { width: 20px }
.fw30 { width: 30px }
.fw40 { width: 40px }
.fw50 { width: 50px }
.fw60 { width: 60px }
.fw70 { width: 70px }
.fw80 { width: 80px }
.fw90 { width: 90px }
.fw100 { width: 100px }
.fw120 { width: 120px }
.fw130 { width: 130px }
.fw140 { width: 140px }
.fw150 { width: 150px }
.fw160 { width: 160px }
.fw170 { width: 170px }
.fw180 { width: 180px }
.fw190 { width: 190px }
.fw200 { width: 200px }


/* misc */
a.field_clearer {
    background: url(/lib/archimedes/images/cross-in-circle-13x13.png) no-repeat;
    width: 13px;
    height: 13px;
    display: block;
    margin: 4px 0 0 3px;
}

a.pencil {
	padding-left: 14px;
	background: transparent url(/lib/archimedes/images/pencil.gif) top left no-repeat;
}

a.dustbin {
	padding-left: 14px;
	background: transparent url(/lib/archimedes/images/dustbin.gif) top left no-repeat;
}

a.arrow, a.btn {
	float: left; /* to make it show correctly in IE 6 */
	padding-left: 13px;
        min-height: 14px;
	border: 0;
	background: transparent url(/lib/archimedes/images/tiny_blue_arrow.gif) 0 2px no-repeat;
}
a.arrow.disabled {
    opacity: 0.4;
}

a.btn_nofloat { /* used in aol resolve dups mechanism */
	padding: 1px 0 1px 13px;
	border: 0;
	background: transparent url(/lib/archimedes/images/tiny_blue_arrow.gif) 0 0 no-repeat;
}

.aBtn,.aBtnDisabled
{
	text-align: center;
	font-family: Verdana;
	font-style: normal;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #EEEEEE;
	padding: 2px;
	border-top: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 3px;
	padding-right: 3px;
}

.aBtn:hover
{
	color: #000000;
	background-color: #E6E6E6;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
}

.aBtnDisabled,.aBtnDisabled:hover { color: silver; }

.nbtntxt
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: black;
	text-decoration: none;
	line-height: 1em;
	padding: 0px;
}

.nbtntxt:hover { color: #FF6600; }

/* prevents spaces around image which create borders around objects */
.flguiBlockImg { display: block; }

/* prevents spaces around image which create borders around objects */
.absmiddle { vertical-align: middle; }



/* COMPONENTS */

/* Do not edit without first clearing with Peter */




/*
	MINITABS	- PLEASE NOTE THESE ARE NOW DEPRICATED IN FAVOUR OF FL_Tabs, BELOW...
	
	Surround a 'ul' list with a 'div' element, and give the div a class of 'mt'.
	Place another div element below it with a class of 'mtContent' to contain the contents
	Example at /styles/examples/minitabs.html on this server.
	This uses the 'sliding doors' method described at 'http://www.alistapart.com/articles/slidingdoors'
*/

  	.mt
  	{
  		float: left;
  		width: 100%;
  		background: url(/lib/archimedes/images/webstandards/mt_bg.gif) repeat-x bottom;
  		color: #666;
  		font-family: verdana, arial, helvetica, sans-serif;
  		font-size: 10px;
  		line-height: normal;
  	}
  	
  	.mt ul
  	{
  		margin: 0;
  		padding: 0 0 0 4px;
  		list-style: none;
  	}
  	
  	.mt li
  	{
  		float: left;
  		background: url(/lib/archimedes/images/webstandards/mt_l.gif) no-repeat left top;
  		margin: 0 1px 0 0;
  		padding: 0 0 0 9px;
  	}
  	
  	.mt a
  	{
  		font-size: 10px;
   		display: block;
 		float: left;
  		background: url(/lib/archimedes/images/webstandards/mt_r.gif) no-repeat right top;
  		padding: 4px 13px 4px 4px;
  		text-decoration: none;
  		color: #666;
  	}

  	
  	/* Commented Backslash Hack
  	       hides rule from IE5-Mac \*/
  	.mt a { float: none; }
  	
  	/* End IE5-Mac hack */
  	.mt a:hover { color: #333; }
  	
  	.mt .active
  	{
  		background-image: url(/lib/archimedes/images/webstandards/mt_l_active.gif);
  		border-width: 0;
  	}
  	
  	.mt .active a
  	{
  		background-image: url(/lib/archimedes/images/webstandards/mt_r_active.gif);
  		color: #333;
  		padding-bottom: 5px;
  	}
   	
  	.mt.medium .active a {
  		padding-bottom: 3px;
  	}
  	
  	.mt.medium a {
  		padding: 2px 13px 2px 4px;
  	}
   	
  	.mt.shallow .active a {
  		padding-bottom: 2px;
  	}
  	
  	.mt.shallow a {
  		padding: 1px 13px 1px 4px;
  	}
 	
  	.mtContent, .mtContentHidden, .mtcontent
  	{
  		clear: both;
		padding: 5px 10px 15px 10px;
  		border: 1px solid #D9D9D9;
  		border-top: 0;
  	}
  	
  	.mtContentHidden {
  		display: none;
  	}


/*
	
	FL BUTTONS (one above the other)

*/
	
	.flButtons ul, .btns ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.flButtons li, .btns li {
		text-decoration: none;
		padding: 0 0 0 13px;
		border: 0;
		background: transparent url(/lib/archimedes/images/tiny_blue_arrow.gif) 0 1px no-repeat;
	}
	
	.flButtons li.hidden {
		display: none;
	}
	
	.flButtons.inline li, .btns.inline li {
		float: left;
		padding-right: 13px;
	}
	
	a.flButton, a.flbutton {
		text-decoration: none;
		padding: 2px 0 0 13px;
		border: 0;
		background: transparent url(/lib/archimedes/images/tiny_blue_arrow.gif) 0 1px no-repeat;
	}
	
	.btns a, .btns aflButton, .btn a.flbutton {
		/* this enables us to place an [FL_Button] within a .btns list... */
		text-decoration: none;
		border: 0;
		padding: 0;
		background: none;
	}


/*
	
	anchors - an inline list of anchors to put on an edit screen

*/
        .anchors:after {
            content: '';
            display: block;
            clear: both;
        }
	
	.anchors ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.anchors li {
		text-decoration: none;
		padding: 0 10px;
		border: 0;
		float: left;
                border-right: 1px solid silver;
	}

        .anchors li:first-child {
            padding-left: 0;
        }

        .anchors li:last-child {
            border-right: none;
        }
	
	.anchors li.hidden {
		display: none;
	}
	
	.anchors a {
		text-decoration: none;
		border: 0;
		padding: 0;
		background: none;
                font-style: italic;
	}


/*
 *  BIG GREEN BUTTONS (.biggreenbtns) (July 2014)
 *  <div class="biggreenbtns"><ul><li><a href="#">My button</a></li></ul></div>
 */

    .biggreenbtns ul, ul.biggreenbtns {
        margin: 0;
        padding: 0;
        list-style: none;
     }
     .biggreenbtns:after {
        content: '';
        clear: both;
        display: block;
    }
    .biggreenbtns li {
        margin: 0;
        padding: 0;
        margin-right: 15px;
        float: left;
     }
    .biggreenbtns li a {
        display: inline-block;
        zoom: 1;
        width: auto;
        background: #a3d940;
        color: #ffffff !important;
        text-transform: uppercase;
        padding: 12px 22px 12px;
        border-radius: 6px;
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto;
        font-size: 11px;
        letter-spacing: 2px;
        font-family: arial, helvetica, sans-serif;
    }


/* 
	'PEN' HEADING (eg. a heading with the 'Artlogic Online' pen to the left)
	This is simply an h1 element with a class of 'pen'.
	Example at '/styles/examples/h1_pen.html' on this server.
	To adjust left-right positioning, adjust margin-left property (35% is default)
*/

	h1.pen, h1#pen {
		display: block;
		font-family: arial,helvetica,verdana,sans-serif;
		font-size: 16px;
		color: #3E6797;
		font-weight: normal;
		margin: 0 0 0 35%;
		vertical-align: middle;
		padding: 20px 0 20px 52px;
		/*background: url(/lib/archimedes/images/pen_48x48.jpg) no-repeat top left;*/ /* problems on IE */
	}

	h1.pen32, h1#pen32 {
		display: block;
		font-family: arial,helvetica,verdana,sans-serif;
		font-size: 14px;
		color: #000;
		font-weight: bold;
		margin: 0 0 0 36%;
		vertical-align: middle;
		padding: 7px 0 7px 37px;
		background: url(/lib/archimedes/images/pen_32x32.jpg) no-repeat left top;
	}

	h1.centered, h1.popup {
		display: block;
		width: auto;
		font-family: arial,helvetica,verdana,sans-serif;
		font-size: 16px;
		color: #3E6797;
		font-weight: normal;
		text-align: center;
		padding: 10px 0 15px 0;
	}


/* LEFT MARGIN PERCENTAGE ADJUSTMENTS */
	
	.ml10 { margin-left:10% }
	.ml15 { margin-left:15% }
	.ml20 { margin-left:20% }
	.ml25 { margin-left:25% }
	.ml30 { margin-left:30% }
	.ml35 { margin-left:35% }
	.ml40 { margin-left:40% }
	.ml45 { margin-left:45% }


/*	CLASSES FOR [FL_Hint] ...text... [/FL_Hint] (hint buttons on admin pages) */

	a.hint {
		padding-left: 8px;
	}
	
	div.hintpanel, div.hintpanel li {
		font-family: "Trebuchet MS", verdana;
		font-size: 11px;
		text-decoration: none;
		color: #82983a;
		line-height: 1.1em;
		margin: 5px 0;
		cursor: pointer;
	}
	
	div.hintpanel div {
		border: 1px dotted #9EB847;
		background: #f3f3cc;
		padding: 8px;
	}
	
	div.hintpanel ul {
	    margin: 1em 0;
	    padding: 0 3em;
	}
	
	div.hintpanel li {
	    margin: 0;
	    padding: 0 0 10px 0;
		font-family: "Trebuchet MS", verdana;
		font-size: 11px;
		text-decoration: none;
		color: #82983a;
		line-height: 1.1em;
		margin: 5px 0;
	}
	
	div.hintpanel a {
		font-family: "Trebuchet MS", verdana;
		font-size: 11px;
		text-decoration: underline;
		color: #82983a;
		line-height: 1.1em;
		margin: 5px 0;
	}


.rule {
	margin: 15px 0;
	border-bottom: 1px solid silver;
}


/*	PADDING DIVS - add 'padded' to vertically stacked divs to add space between them... */
	
	div.padded {
		clear: both;
		padding: 7px 0;
	}


/*	INDENTED DIVS - add 'indented' to add a left and right margin to a div */
	
	div.indented {
		padding: 0 18px;
	}



/*	ALT ROW BACKGROUND COLOUR */

.altBg {
	background: #edf3fe;
}



/*	CLASSES FOR JS DRIVEN ROWS-COLS FIELD OBJECT (FL_RowsCols) */

	input.flrcf, textarea.flrcf {
		margin: 0;
		padding-left: 2px;
		border: 1px solid #b4c9d2;
		border-top: 0;
		border-left: 0;
		background-image: URL(/lib/archimedes/images/f_bg.gif);
	}
	
	input.flrcf.col1, textarea.flrcf.col1 {
		border-left: 1px solid #b4c9d2;
	}
	
	input.flrcf.row1, textarea.flrcf.row1 {
		border-top: 1px solid #b4c9d2;
	}
	
	div.flrcf {
 		overflow: hidden;
 		background: url(/lib/archimedes/images/flrcf_readonly_bg.gif) no-repeat;
	}
	
	div.flrcf-readonly-inner {
		padding: 1px 8px;
	}
	
	div.flrcf_headerCell {
		padding: 0 2px;
	}
	
	table.flrcfDataTable.readonly {
		background: url(/lib/archimedes/images/flrcf_readonly_bg_br.gif) no-repeat bottom right;
	}
	
	div.flrcf_toolbar {
		margin-top: 1px;
	}
	
	div.flrcf_toolbar, div.flrcf_toolbar a {
		font-size: 10px;
		color: gray;
	}
	
	div.flrcf_toolbar a {
		padding: 1px 8px 0 13px;
		background: transparent url(/lib/archimedes/images/tiny_blue_arrow.gif) 0 0 no-repeat;
	}



/* CLASSED FOR fl_imageSelector MECHANISM (eg. for drag and drop exhibition images on art sites) */

	.fl_imageSelector {
		border: 1px solid #d9d9d9;
		padding: 8px 0 0 8px;
		background: #f9f9f9;
	}
	
	.fl_imageSelector ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.fl_imageSelector li {
		float: left;
		margin: 0;
		padding: 0 8px 8px 0;
		cursor: move;
	}
	
	.fl_imageSelector .thumbnail {
		border: 2px solid #f90;
		padding: 1px;
		background: #e4e4e4;
	}
	
	.fl_imageSelector .thumbnailInner {
		width: 48px;
		height: 48px;
	}
	
	/* image selectors with 'selected' checkbox... */

	.fl_imageSelectorWithCheckbox {
		border: 1px solid #d9d9d9;
		padding: 8px 0 0 8px;
		background: #f9f9f9;
	}
	
	.fl_imageSelectorWithCheckbox ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.fl_imageSelectorWithCheckbox li {
		float: left;
		margin: 0;
		padding: 0 8px 8px 0;
		cursor: move;
		border: 0;
	}
	
	.fl_imageSelectorWithCheckbox .thumbnail {
		padding: 1px; /* this is what causes the border around the floating images */
		background: #e4e4e4;
	}
	
	.fl_imageSelectorWithCheckbox .thumbnailInner {
		width: 48px;
		height: 48px;
	}

	.fl_imageSelectorWithCheckbox .flImageSelectorPadding {
		padding: 9px 0 0 10px;
		border: 0;
	}
	
	.fl_imageSelectorWithCheckbox .thumbnailWithCheckboxBg {
		width: 75px;
		height: 80px;
		background: url(/lib/archimedes/images/fl_imageselector_bg.gif);
		border: 0;
	}
	
	.fl_imageSelectorWithCheckbox .thumbnailWithCheckboxBgSelected {
		width: 75px;
		height: 80px;
		background: url(/lib/archimedes/images/fl_imageselector_bg_sel.gif);
	}
	
	.fl_imageSelectorWithCheckbox .thumbnailWithCheckboxBgMain {
		width: 75px;
		height: 80px;
		background: url(/lib/archimedes/images/fl_imageselector_bg_main.gif);
	}
	
	.fl_imageSelectorWithCheckbox .thumbnailCheckbox {
		width: 20px;
		height: 20px;
		cursor: pointer;
	}
	

/* CLASSES FOR FL_CalendarField */

	.fl_calendarField {
		padding: 0 0 0 19px;
		background: url(/lib/archimedes/images/FL_CalendarField/calendar.gif) 0 1px no-repeat;
		cursor: pointer;
	}

	.fl_calendarField input {
		text-align: left;
		cursor: pointer;
		width: 80px;
	}



/*	
	FL_Tabs (fl_lib.js)
*/


	.fltabs .nav 
	{
	    height: 27px;
		float: left;
		width: 100%;
		background: url(/lib/archimedes/images/webstandards/mt_bg.gif) repeat-x bottom;
		color: #666;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10px;
		line-height: normal;
	}
	
	.fltabs .nav ul
	{
		margin: 0;
		padding: 0 0 0 4px;
		list-style: none;
	}
	
	.fltabs .nav li
	{
		float: left;
		background: url(/lib/archimedes/images/webstandards/mt_l.gif) no-repeat left top;
		margin: 0 1px 0 0;
		padding: 0 0 0 9px;
	}
	
	.fltabs .nav a
	{
		font-size: 10px;
		display: block;
		float: left;
		background: url(/lib/archimedes/images/webstandards/mt_r.gif) no-repeat right top;
		padding: 4px 10px 4px 1px; /* this and those for medium and shallow modified from 4px 13px 4px 4px 070913 */
		text-decoration: none;
		color: #666;
	}
	
	.fltabs .content {
		width: auto;
		border: 1px solid silver;
		
	}
	
	.fltabs .item {
		display: none;
	}


	/* Commented Backslash Hack
		   hides rule from IE5-Mac \*/
	.fltabs .nav a  { float: none; }
	
	/* End IE5-Mac hack */
	.fltabs .nav a:hover { color: #333; }
	
	.fltabs .nav .active
	{
		background-image: url(/lib/archimedes/images/webstandards/mt_l_active.gif);
		border-width: 0;
	}
	
	.fltabs .nav .active a
	{
		background-image: url(/lib/archimedes/images/webstandards/mt_r_active.gif);
		color: #333;
		padding-bottom: 5px;
	}
	
	.fltabs .nav.medium .active a {
		padding-bottom: 3px;
	}
	
	.fltabs .nav.medium a {
		padding: 2px 10px 2px 1px;
	}
	
	.fltabs .nav.shallow {
	    height: 21px;
	}
	
	.fltabs .nav.shallow .active a {
		padding-bottom: 2px;
	}
	
	.fltabs .nav.shallow a {
		padding: 1px 10px 1px 1px;
	}
	
	.fltabs .content {
		clear: both;
		border: 1px solid #D9D9D9;
		border-top: 0;
	}
	
	.fltabs .item {
		clear: both;
		padding: 8px;
		display: none;
		overflow: hidden;
	}
	
	.fltabs .item.active {
		display: block;
	}
	
	.fltabs .item.nested {
		padding: 1px;
	}


/*	CLASSES FOR FL_Dialog */

	
	/* Top Row */
	
	.fl_dialogTL {
		width: 7px;
		height: 4px;
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_tl.png) top left no-repeat;
	}
	.fl_dialogTL2 {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_tl2.png) top left no-repeat;
		width: 10px;
	}
	.fl_dialogT {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_t.png) top center repeat-x;
	}
	.fl_dialogTR2 {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_tr2.png) top right no-repeat;
		width: 10px;
	}
	.fl_dialogTR {
		width: 7px;
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_tr.png) top right no-repeat;
	}
	
	
	/* Left Column */
	
	.fl_dialogL {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_l.png) left no-repeat;
		height: 10px;
	}
	.fl_dialogL2 {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_l2.png) left repeat-y;
	}
	.fl_dialogL3 {
		height: 10px;
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_l3.png) left repeat-y; /* modified from no-repeat by peter 070822 (Safari fix) */
	}
	
	
	/* Content */
	
	.fl_dialogContent {
		background: #fff;
		border: 1px solid #999;
	}
	
	table.fl_dialogTitle, table.fl_dialogNoTitle {
		position: relative;
		width: 100%;
	}
	
	table.fl_dialogTitle td, table.fl_dialogNoTitle td {
		height: 14px;
	}
	
	div.fl_dialogTitleCellInner {
		padding: 1px 0 1px 0;
		text-align: center;
		color: #555;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 11px;
		line-height: 1em;		
	}
	
	td.fl_dialogTitleLeftCell, td.fl_dialogTitleClosebox {
		width: 12px;
	}
	
	table.fl_dialogTitle td {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_title.png) bottom repeat-x;	
	}
	
	
	.fl_dialogContentDiv {
		padding: 10px;
	}
	
	
	/* Right Column */
	
	.fl_dialogR {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_r.png) right no-repeat;
		height: 10px;
	}
	.fl_dialogR2 {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_r2.png) right repeat-y;
	}
	.fl_dialogR3 {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_r3.png) right repeat-y; /* modified from no-repeat by peter 070822 (Safari fix) */
		height: 10px;
	}
	
	
	/* Bottom Row */
	
	.fl_dialogBL {
		height: 14px;
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_bl.png) bottom left no-repeat;
	}
	.fl_dialogBL2 {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_bl2.png) bottom left no-repeat;
	}
	.fl_dialogB {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_b.png) bottom repeat-x;
	}
	.fl_dialogBR2 {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_br2.png) bottom right no-repeat;
	}
	.fl_dialogBR {
		background: url(/lib/archimedes/images/fl_dialog/fl_dialog_br.png) bottom right no-repeat;
	}
	
	
	/* IE6 dialogue box hacks */
	
	/* This fixes links placed an item where transparent PNGs are used */
	
	*a { 
		position:relative;
	}
	
	/* Top Row */
	
	*html .fl_dialogTL {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_tl.png', sizingMethod='scale');
	}
	*html .fl_dialogTL2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_tl2.png', sizingMethod='scale');
	}
	*html .fl_dialogT {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_t.png', sizingMethod='scale');
	}
	*html .fl_dialogTR2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_tr2.png', sizingMethod='scale');
	}
	*html .fl_dialogTR {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_tr.png', sizingMethod='scale');
	}
	
	
	/* Left Column */
	
	*html .fl_dialogL {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_l.png', sizingMethod='scale');
	}
	*html .fl_dialogL2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_l2.png', sizingMethod='scale');
	}
	*html .fl_dialogL3 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_l3.png', sizingMethod='scale');
	}
	
	
	/* Right Column */
	
	*html .fl_dialogR {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_r.png', sizingMethod='scale');
	}
	*html .fl_dialogR2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_r2.png', sizingMethod='scale');
	}
	*html .fl_dialogR3 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_r3.png', sizingMethod='scale');
	}
	
	
	/* Bottom Row */
	
	*html .fl_dialogBL {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_bl.png', sizingMethod='scale');
	}
	*html .fl_dialogBL2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_bl2.png', sizingMethod='scale');
	}
	*html .fl_dialogB {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_b.png', sizingMethod='scale');
	}
	*html .fl_dialogBR2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_br2.png', sizingMethod='scale');
	}
	*html .fl_dialogBR {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fl_dialog/fl_dialog_br.png', sizingMethod='scale');
	}


	/*	MISC	*/
	
	fl_dialogContent.noBorder {
		border: 0px;
	}


/*	END FL_Dialog */



/*	CLASSES FOR FL_Dock */

	
	ul.fl_dock {
		height: 19px;
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0;
		top: 0;
		background: #d9e1eb url(/lib/archimedes/images/fl_dock_bg.gif) top repeat-x;
		border-bottom: 1px solid #999;
	}
	
	ul.fl_dock .fl_dock_leftMargin {
		float: left;
		width: 12px;
		height: 19px;
	}
	
	ul.fl_dock li {
		float: left;
		height: 19px;
		cursor: pointer;
	}
	
	ul.fl_dock li .inner {
		padding: 3px 0px 1px 35px;
		margin: 0;
		text-align: center;
		color: #555;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 1em;	
	}


	


/*	CLASSES FOR FIELD ROWS AND FIELDS */

	/*
		EXAMPLE:
		
		(note - you must remove the spaces before forward slashes. This is to
		prevent parsing errors)
		
		<div class="fgroup">
		
			<div class="frow">
				<label>Home Page URL< /label>
				<div class="fcontainer">
					<input type="text" name="fieldname" value="Field Value" class="f default" />
					[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 <table> 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 /<site>/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;
}

