/* Copyright Artlogic Media Limited - http://www.artlogic.net/  */



/* ELEMENTS */


p,td,th,li,ul,input,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;
}

/* 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 */
.left { float: left; }
.right { float: right; }
.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;
}

.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(/flgui/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(/flgui/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(/flgui/images/f_bg.gif);
	padding-left: 2px;
}

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

input.f.active, textarea.f.active
{
	background-image: URL(/flgui/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;
	line-height: 1.4em;
	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; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr35 { padding-right: 35px; }
.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; }
.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; }
.mb5 { margin-bottom: 5px; }
.mb8 { margin-bottom: 8px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.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.pencil {
	padding-left: 14px;
	background: transparent url(/flgui/images/pencil.gif) top left no-repeat;
}

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

a.arrow, a.btn {
	float: left; /* to make it show correctly in IE 6 */
	padding-left: 13px;
	border: 0;
	background: transparent url(/flgui/images/tiny_blue_arrow.gif) 0 2px 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 */


/*
	SQUARE BUTTONS
	Large square white buttons, eg. for 'OK' or 'Cancel'.
	Surround a 'ul' list with a 'div' element, and give the div a class of 'squarebtns'.
	Example at /flgui/styles/examples/squarebtn.html on this server.
	This uses the 'sliding doors' method described at 'http://www.alistapart.com/articles/slidingdoors'
*/
	
	.squarebtns, .squarebtns li, .squarebtns a {
		font-family: verdana,arial,helvetica,sans-serif;
		font-size: 11px;
		color: #686C89;
		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(/flgui/images/webstandards/squarebtn_l.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 a {
		display: block;
		float: left;
		height: 19px;
		text-align: center;
		background: url(/flgui/images/webstandards/squarebtn_r.gif) no-repeat right top;
		padding: 2px 8px 3px 3px; /* 2nd padding matches width of left image + 3 */
		text-decoration: none;
	}
	.squarebtns a:hover {
		color:#f60;
	}
	.squarebtns .active {
		background-image: url(/flgui/images/webstandards/squarebtn_l.gif);
		border-width: 0;
	}
	.squarebtns .active a {
		background-image: url(/flgui/images/webstandards/squarebtn_r.gif);
		color: #f60;
	}
	
	.squarebtns a.disabled {
		color: silver;
	}


/*
	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 /flgui/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(/flgui/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(/flgui/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(/flgui/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(/flgui/images/webstandards/mt_l_active.gif);
  		border-width: 0;
  	}
  	
  	.mt .active a
  	{
  		background-image: url(/flgui/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(/flgui/images/tiny_blue_arrow.gif) 0 1px no-repeat;
	}
	
	.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(/flgui/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;
	}
	

/* 
	'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 '/flgui/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(/flgui/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(/flgui/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 {
		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;
	}


.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;
	}



/*	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(/flgui/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(/flgui/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(/flgui/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(/flgui/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(/flgui/images/fl_imageselector_bg.gif);
		border: 0;
	}
	
	.fl_imageSelectorWithCheckbox .thumbnailWithCheckboxBgSelected {
		width: 75px;
		height: 80px;
		background: url(/flgui/images/fl_imageselector_bg_sel.gif);
	}
	
	.fl_imageSelectorWithCheckbox .thumbnailWithCheckboxBgMain {
		width: 75px;
		height: 80px;
		background: url(/flgui/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(/flgui/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 
	{
		float: left;
		width: 100%;
		background: url(/flgui/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(/flgui/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(/flgui/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(/flgui/images/webstandards/mt_l_active.gif);
		border-width: 0;
	}
	
	.fltabs .nav .active a
	{
		background-image: url(/flgui/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 .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(/flgui/images/fl_dialog/fl_dialog_tl.png) top left no-repeat;
	}
	.fl_dialogTL2 {
		background: url(/flgui/images/fl_dialog/fl_dialog_tl2.png) top left no-repeat;
		width: 10px;
	}
	.fl_dialogT {
		background: url(/flgui/images/fl_dialog/fl_dialog_t.png) top center repeat-x;
	}
	.fl_dialogTR2 {
		background: url(/flgui/images/fl_dialog/fl_dialog_tr2.png) top right no-repeat;
		width: 10px;
	}
	.fl_dialogTR {
		width: 7px;
		background: url(/flgui/images/fl_dialog/fl_dialog_tr.png) top right no-repeat;
	}
	
	
	/* Left Column */
	
	.fl_dialogL {
		background: url(/flgui/images/fl_dialog/fl_dialog_l.png) left no-repeat;
		height: 10px;
	}
	.fl_dialogL2 {
		background: url(/flgui/images/fl_dialog/fl_dialog_l2.png) left repeat-y;
	}
	.fl_dialogL3 {
		height: 10px;
		background: url(/flgui/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(/flgui/images/fl_dialog/fl_dialog_title.png) bottom repeat-x;	
	}
	
	
	.fl_dialogContentDiv {
		padding: 10px;
	}
	
	
	/* Right Column */
	
	.fl_dialogR {
		background: url(/flgui/images/fl_dialog/fl_dialog_r.png) right no-repeat;
		height: 10px;
	}
	.fl_dialogR2 {
		background: url(/flgui/images/fl_dialog/fl_dialog_r2.png) right repeat-y;
	}
	.fl_dialogR3 {
		background: url(/flgui/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(/flgui/images/fl_dialog/fl_dialog_bl.png) bottom left no-repeat;
	}
	.fl_dialogBL2 {
		background: url(/flgui/images/fl_dialog/fl_dialog_bl2.png) bottom left no-repeat;
	}
	.fl_dialogB {
		background: url(/flgui/images/fl_dialog/fl_dialog_b.png) bottom repeat-x;
	}
	.fl_dialogBR2 {
		background: url(/flgui/images/fl_dialog/fl_dialog_br2.png) bottom right no-repeat;
	}
	.fl_dialogBR {
		background: url(/flgui/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='/flgui/images/fl_dialog/fl_dialog_tl.png', sizingMethod='scale');
	}
	*html .fl_dialogTL2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_tl2.png', sizingMethod='scale');
	}
	*html .fl_dialogT {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_t.png', sizingMethod='scale');
	}
	*html .fl_dialogTR2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_tr2.png', sizingMethod='scale');
	}
	*html .fl_dialogTR {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_tr.png', sizingMethod='scale');
	}
	
	
	/* Left Column */
	
	*html .fl_dialogL {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_l.png', sizingMethod='scale');
	}
	*html .fl_dialogL2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_l2.png', sizingMethod='scale');
	}
	*html .fl_dialogL3 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_l3.png', sizingMethod='scale');
	}
	
	
	/* Right Column */
	
	*html .fl_dialogR {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_r.png', sizingMethod='scale');
	}
	*html .fl_dialogR2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_r2.png', sizingMethod='scale');
	}
	*html .fl_dialogR3 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_r3.png', sizingMethod='scale');
	}
	
	
	/* Bottom Row */
	
	*html .fl_dialogBL {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_bl.png', sizingMethod='scale');
	}
	*html .fl_dialogBL2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_bl2.png', sizingMethod='scale');
	}
	*html .fl_dialogB {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_b.png', sizingMethod='scale');
	}
	*html .fl_dialogBR2 {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/images/fl_dialog/fl_dialog_br2.png', sizingMethod='scale');
	}
	*html .fl_dialogBR {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/flgui/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(/flgui/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 .frow .fcontainer {
		/* width: 450px; */
		float: left;
		padding: 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 .frow select {
		width: 250px;			/* default field width */
	}
	
	.fgroup .f.medium {
		width: 130px;
	}
	
	.fgroup .f.financial {
		width: 90px;
	}
	
	.fgroup .f.tiny {
		width: 25px;
	}
	
	.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(/flgui/images/ajax-loader.gif) top left no-repeat;
}