/* 
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/

Modifications:
Art Network Australia Pty Ltd 2006-7
*/

/* THE BIG GUYS */
* {margin:0;padding:0}
body {padding: 0 0 20px;background:#FFF;color:#666666;font: 11px Arial, Helvetica, sans-serif}
#my #content {margin: 0 25% 0 20px}
#my #content-nosidebar {margin: 0 20px}
#moodal #content {margin: 0 20px 0 20px}
#moodal #content-wrap {width:790px}
#moodal #wrap {width:790px}
/* LINKS */
a,a:link,a:link,a:link,a:hover,a:visited {color:#c00;background:transparent;text-decoration:none;cursor:pointer}  
a:hover,a:active {color:#069;text-decoration:underline}

/* LAYOUT - main body of page */
#wrap {width:994px ;min-height:1000px;background:#FFFFFF;margin: 0 auto 0 0;position:relative;border-right: 0px solid #CCC}
#content-wrap {position:relative;width:984px}
	#utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999;padding-bottom: 40px}
	#sidebar {position:absolute;top:0px;right:10px;width:20%;border-top: 0px solid #999;padding-top: 1px;padding-bottom: 40px}

#content {margin: 0 50px}
	#content #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}


/* FORMS */
form {margin: 0 0 1.5em;z-index:3}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
textarea {font-family: arial,tahoma,verdana,sans-serif;margin: 0 0 0px;font-size:11px}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#DFDFDF;color:#333333;border:1px solid #333333;font-weight:bold;font-size:96%; cursor:pointer}
	input.f-nosubmit {padding: 1px 3px;background:#DFDFDF;color:#333333;border:1px solid #333333;font-weight:bold;font-size:96%}
	form.f-wrap-1 div.f-submit-wrap {clear:left;padding: 5px 0 5px 5px}
	form.f-wrap-1 input.f-submit {clear:left;margin: 10px 0 0 0}
	form.f-wrap-1 input.f-nosubmit {margin: 10px 0 0 5px}
	form.f-wrap-2 {margin-bottom: 0}
	
	#form1 input, #form2 input {width:154px}
	.marginbotzero {margin-bottom:2px}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {
	width:100%;
	padding: .5em 0;
	background:none;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position:relative;
}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em;}
		form.f-wrap-1 fieldset.logon {width:auto;margin: 0 1em 0 16em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 125% arial;color:#333333}
		form.f-wrap-1 h5 {display:block;color:#666666;background:#DFDFDF;margin: 30px 0px 10px 0;padding-left:10px;clear:both}
		form.f-wrap-1 em {display:inline;margin:0 5px 0 5px;width: 20px}
		form.f-wrap-1 label {clear:left;float:left;width:100%; min-width:70px;border-top:none;}
		form.f-wrap-1 button {width: 30px}

		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:310px;float:left;margin-left:10px;z-index:1}
		form.f-wrap-1 label input.size, form.f-wrap-1 label select.size {width:4em;float:left;margin-left:10px; padding-left:2px}
		form.f-wrap-1 label input.date, form.f-wrap-1 label select.date {width:10em;float:left;margin-left:10px;z-index:1}
		form.f-wrap-1 label input.datetype, form.f-wrap-1 label select.datetype {width:9em;float:left;margin-left:10px;}
		form.f-wrap-1 label input.picker, form.f-wrap-1 label select.picker {width:8em;float:left;margin-left:10px; color:#333333; cursor:pointer}
		form.f-wrap-1 label input.expicker, form.f-wrap-1 label select.expicker {width:9em;float:left;margin-left:10px; color:#333333; cursor:pointer}
		form.f-wrap-1 label input.pickee, form.f-wrap-1 label select.pickee {width:6.3em}
		form.f-wrap-1 label input.logon, form.f-wrap-1 label select.logon {width:8em;float:left;margin-left:300px}
		form.f-wrap-1 label img {margin-left:10px}
		form.f-wrap-1 label b {font-weight:normal;float:left;width:10em;line-height: 1.7;display:block;position:relative;}
		form.f-wrap-1 label b.logon {font-weight:normal;float:left;width:10em;line-height: 1.7;margin-left:200px;display:block;position:relative;}
		form.f-wrap-1 label b.dateedit {margin-left:10px}
		form.f-wrap-1 label b.textinstead {margin-left:10px;width:400px}
		form.f-wrap-1 label select {width: 310px}
		form.f-wrap-1 label textarea {width: 310px}
		form.f-wrap-1 label textarea.tab4h5 {margin-bottom:15px}
		form.f-wrap-1 label textarea.f-comments {width: 310px}
		form.f-wrap-1 .req {
	background: transparent url("../images/required_info_icon.gif") right top no-repeat;
	padding-right:10px;
	font-weight: bold;
}	
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {
	clear:left;
	float:left;
	width:0em;
	border:none;
	margin:0;
	padding-bottom:0.7em;
	padding-top: 0em;
	margin-left: 0px;
	padding-left: 0px;
	left: 0px;
		}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {
		float:left;
		width:8em;
		line-height: 1.7;
		display:block;
		position:relative;
		padding-top:.3em;
		text-align:left
		}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {
		float:left;
		width:13em;
		margin: 3px 0 0 10px
		}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {
		float:left;
		width:30em;
		border:none;
		margin:0;
		padding:0;
		margin-right:-3px;
		text-align:left
		}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {
		width:auto;
		float:none;
		margin:0;
		padding:0;
		margin-left: 0px;
		text-align:left
		}
		
		form.f-wrap-1 label.mid {clear:none;float:none;width:100%;border-top: 0px solid #fff}

		form.f-wrap-1 input.title, form.f-wrap-1 select.title {width:12em;margin:-2px 10px 0 0px}
		form.f-wrap-1 input.years, form.f-wrap-1 select.years {width:4em;margin:-2px 10px 0 0px}
		form.f-wrap-1 input.medium, form.f-wrap-1 select.medium {width:8em;margin:-2px 10px 0 0px}
		form.f-wrap-1 input file.browse, form.f-wrap-1 select.browse {width:6em;margin:-2px 10px 0 0px}
		form.f-wrap-1 input.size, form.f-wrap-1 select.size {width:2em;margin:-2px 10px 0 0px}
		
		form.f-wrap-1 input.f-checkbox{width:auto;float:none;margin:0;padding:0;margin-left: 10px;}
		
/* CHARACTER COUNTER FOR FORM ELEMENTS */
.enable {
  background-color: #77FF77;
  font-weight: bold;
  color: Black;
}
.disable {
  background-color: #FF7777;
  font-weight: bold;
  color: Black;
}

/* offline page */
input.offlinein {
display:inline;
padding: 1px 3px 1px 3px;
border: 1px #666666 solid;
background-color:#FFFFFF;
cursor:pointer;
}
		
/* TYPOGRAPHY */
p, ul, ol {
	margin: 0 0 1.5em;
	line-height:120%;
}
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px transparent;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#990000}
.caption {color:#999;font-size:11px;font-weight:normal}
.date {font: normal 92% arial;color:#bbb;}
.small {font-weight:normal;font-size:11px}
.hidden {color:#FFFFFF}
.clearing {clear:both}
.minitext {font-size: 8pt;font-weight: normal;color:#CCCCCC}
.inlineblock {display:inline}

.cataloguing {line-height: 110%}
.cataloguing a{font-weight:normal !important}
.exhibitiontext {padding-top:0}
.exhibdate {font: normal 92% arial;color:#999;padding-left:15px}
.exhibitiondesc {padding:0 0px 0 0;margin-bottom:-10px}
.required {float:right; margin:-30px 0 0 0}
.featboxright {float:right; margin:-17px 0 0 0;z-index:900;}
.artistimage {float:right; margin:-17px 200px 0 0}
.profilecomplete {float:right; margin:-17px 300px 0 0}
.legal {line-height:120%;padding-left:135px;}
.accept {margin-right:25px}

.textlikeselect {margin-left:10px;width:28em;float:left;}
.ttitle {margin-left:6px}
.tyears {margin-left:113px}
.tmedium {margin-left:20px}
.tsize {margin-left:68px}
.tresponsibility {margin-left:40px}
.tbrowse {margin-left:40px}

.left-column {
float: left;
width: 100px;
margin: 0 0 5px 0;
padding: 0;
}
.right-column {
width:30px;
margin: 0px;
margin-left: 124px;
margin-bottom: 5px;
padding: 0px;
}
.listleft {
clear:left;
float: left;
width: 400px;
margin: 0 0 15px 0;
padding: 0;
}
.listright {
width:150px;
margin: 0px;
margin-left: 410px;
margin-bottom: 15px;
padding: 0px;
}
.listingleft {
	position:relative;
	float: left;
	width: 210px;
	margin: 0 0 0 0;
	padding: 0;
}
.listingright {
	width:420px;
	margin: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.listingrighter {
width:280px;
margin: 0px;
margin-left: 10px;
margin-bottom: 0px;
padding: 0px;
}
.listfarright {
position:absolute;
right:2px;
margin: 0px;
margin-left: 5px;
margin-bottom: 0px;
padding: 0px;
}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 


/* LAYOUT - HEADER */
#header {
	margin: 0 0 25px;
	padding: 0 0 2px;
	height: 112px;
	border-bottom: 2px solid #CCCCCC;
	background-color: #5C5D62;
	position:relative;
	z-index:10;
}
	#header #site-name {max-height:65px;margin:0 0 0 20px;padding:13px 0;border:none}	
	
/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
	#nav {position:absolute;bottom: -2px;font-weight:normal;font: normal 100% Arial, Helvetica, sans-serif;margin: 0 105px 0 20px;z-index:990}
	#nav li {position:relative;background: #f6f6f6 url("../images/bg_nav.png") repeat-x left top;background-color:#FFFFFF;float: left;width: 10em;display:block;margin: 0 1px;border-bottom: 2px solid #CCCCCC;padding:0;}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#333333;display: block;padding: 5px 10px 3px}
	#nav a:hover {background:#990000;color:#FFFFFF}

	#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:98%;margin-top:2px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left:0;z-index:998;min-height:0}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:1px solid #fff;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 9px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#c00}
	
	#nav li.active {background: #f6f6f6 url("../images/bg_nav.png") repeat-x left top;border-bottom: 2px solid #fff}
	
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {font-weight:bold}
	#nav li.active a:hover {color:#FFFFFF}
		
	
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {font-weight:normal;color:#000000;}
	#nav li.active li a:hover {background: #666;color:#fff}	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#c00;font-weight:bold;background:#f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none}
	
	#nav li.logout {background: #5C5D62; border-bottom:none;border-right:none;}
	#nav li.logout a{color:#FFFFFF;} 
	#nav li.logout a:hover {color:#c00; background:none}
	
	#nav li.inactive a{color:#CCCCCC;}
	#nav li.inactive ul {border-left: 1px solid #999999;background: #f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%}
	
	#nav li.inactive li.inactive a{color:#CCCCCC;}
	#nav li.active li.inactive a{color:#CCCCCC;}
	#nav li li.inactive a{color:#CCCCCC;}
	#nav li li.inactive a:hover{background:none;}
	#nav li.active li.inactive a:hover {background:none;}
		
	#nav li.inactive li {border:none;border-top: none;border-bottom: 1px solid #666666}
	#nav li.inactive li.last {border-bottom: none}
	
	#nav li.inactive li a:hover {background:none;}
	
	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	/* MININAV -  rollover effect */ 
	
	/* MININAV -  inline drop down menu */ 
		a.mininavlink:link, a.mininavlink:visited, a.mininavlink:hover, a.mininavlink:active {margin-left:0px;background: transparent url("../images/sprites.gif") no-repeat 5px -800px;padding-left:23px;padding-bottom:3px}
		a.mininavlink:hover {background: transparent url("../images/sprites.gif") 5px -800px}
	
	a.mininav:link, a.mininav:visited, a.mininav:hover, a.mininav:active {
		display:inline;
		position:relative;
		}
		
		#mininav span {display: none}
		
		a.mininav strong {font-weight:bold}
			
		a.mininav:hover span{
			display:block;
			position:absolute;
			left:3em;
			width:20em;
			background-color: #fff;
			border-top:1px solid #666666;
			border-bottom:1px solid #666666;
			border-right:1px solid #666666;
			border-left:1px solid #666666;
			text-decoration:none;
			padding: 0.5em;
			color:#000;
			text-align: left;
			font-style: normal;
			font-weight: normal;
			z-index:9999;
		}				
		
	/* POWERED BY */
	#poweredby {width:188px;height:113px;position:absolute;top:1px;right:0px;z-index:999}
	
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative} 
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}
		p.code{color: #999999;font-family: "Courier New", Courier, mono;}

	
/* LAYOUT - elements (mostly sidebar) */	
	.featurebox {color:#333;padding: 15px 20px 20px 30px;border: 1px solid #d7d7d7;position:relative;margin: 0 0 1.5em;z-index:0;z-index:2;width:165px; line-height:136%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h6 {margin: 0 0 .1em;color:#333333}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox h5 {color:#333333;margin: 0 0 .1em}
	.featurebox h4 {font-size:14px;color:#5D5D5D}
	.featurebox a {font-weight:normal}
	.featurebox em {font-weight:normal; font-style:normal;border-bottom:1px solid #d7d7d7;padding-bottom:10px}
	
	.featurebox h4.tool {padding: 0px 70px 15px 0;background: transparent url("../images/sprites_featurebox.gif") no-repeat 145px 0px;}
	.featurebox h4.help {padding: 0px 70px 15px 0;background: transparent url("../images/sprites_featurebox.gif") no-repeat 145px -200px;margin-bottom:5px}
	.featurebox h4.account {padding: 0px 70px 15px 0;background: transparent url("../images/sprites_featurebox.gif") no-repeat 145px -97px;}
	
	.creaturebox {color:#333;padding: 10px 20px 20px;border-top: 1px solid #d7d7d7;clear:both;position:relative;overflow:auto;z-index:8;margin: 0 0 1em;background: #f6f6f6 url("../images/creaturebox_bg.gif") no-repeat 100% 100%}
	.creaturebox p, .creaturebox h1, .creaturebox h2, .creaturebox h3, .creaturebox h4, .creaturebox h5, .creaturebox h6 {margin: 0 0 0;border-bottom: 0px solid #c00;color:#333333}
	.creaturebox p {border:none;margin: 0 0 0 0;color:#444}
	.creaturebox a {font-weight:bold}
	.creaturebox em {float:right}
	.creaturebox h5.weak {font-weight:normal; color:#999999; margin: 1.2em 0 0;padding-bottom:0}
	
	.listbox {color:#333;padding: 10px 20px 20px 10px;border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;position:relative;overflow:auto;z-index:8;margin: 0 0 1em;background: #f6f6f6 url("../images/listbox_bg.gif") no-repeat 100% 100%}
	.listbox p, .listbox h1, .listbox h2, .listbox h3, .listbox h4, .listbox h5, .listbox h6 {margin: 0 0 0;border-bottom: 0px solid #c00;color:#333333}
	.listbox p {border:none;margin: 0 0 0 0;color:#444}
	.listbox a {font-weight:bold}
	.listbox em {float:right}
	.listbox h5.weak {font-weight:normal; color:#999999; margin: 1.2em 0 0;padding-bottom:0}
	
	.listnoshowbox {color:#333;padding: 10px 20px 20px;border-top: 1px solid #d7d7d7;position:relative;overflow:auto;z-index:8;margin: 0 0 1em;background: #f6f6f6 url("../images/listnoshowbox_bg.gif") no-repeat 100% 100%}
	.listnoshowbox p, .listnoshowbox h1, .listnoshowbox h2, .listnoshowbox h3, .listnoshowbox h4, .listnoshowbox h5, .listnoshowbox h6 {margin: 0 0 0;border-bottom: 0px solid #c00;color:#333333}
	.listnoshowbox p {border:none;margin: 0 0 0 0;color:#444}
	.listnoshowbox a {font-weight:bold}
	.listnoshowbox em {float:right}
	.listnoshowbox h5.weak {font-weight:normal; color:#999999; margin: 1.2em 0 0;padding-bottom:0}
	
	.batchbox {min-width:750px;color:#333;padding: 1px 5px 5px;border-top: 1px solid #d7d7d7;z-index:8;margin: 0 0 8px;background: #f6f6f6 url("../images/listbox_bg.gif") no-repeat 100% 100%}
	.batchbox p, .batchbox h1, .batchbox h2, .batchbox h3, .batchbox h4, .batchbox h5, .batchbox h6 {margin: 0 0 0;border-bottom: 0px solid #c00;color:#333333}
	.batchbox p {border:none;margin: 0 0 0 0;color:#444}
	.batchbox a {font-weight:bold}
		
	.superbox {color:#333;padding: 2px 0px 3px;border-bottom: 1px solid #d7d7d7;position:relative;margin:0;background: #f6f6f6}
	.superbox p, .superbox h1, .superbox h2, .superbox h3, .superbox h4, .superbox h6 {margin: 0 0 0;border-bottom: 0px solid #c00;color:#333333}
	.superbox p {border:none;margin: 0 0 0 0;color:#444}
	.superbox em {margin:0 0 0 20px;font-weight:normal;font-style:normal}
	.superbox h5 {margin:0 0 0 20px;font-weight:normal;font-size:11px}
	.superbox a.emaillink {margin-left:0 !important}
	.superbox a.morelink {margin-left:0 !important}
	#crystal{background:#FFFFFF; border:none; margin-bottom:6px}
		
.legalbox {color:#333;margin: 30px 0 15px;padding: 5px 20px 10px 0;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;position:relative;background: none;z-index:10; -webkit-box-shadow: 2px 1px 1px #b9b9b9;
-moz-box-shadow: 2px 1px 1px #b9b9b9;
box-shadow: 2px 1px 1px #b9b9b9;}
	.legalbox p, .legalbox h1, .legalbox h2, .legalbox h3, .legalbox h4, .legalbox h6 {color:#333333}
	.legalbox p {border:none;color:#444}
	.legalbox h5 {color:#333333;margin: 0 0 .1em}
	.legalbox a {font-weight:normal}

	.warningbox {color:#990000; text-align:center;padding: 15px 15px 15px 15px;border: 3px solid #990000;position:relative;margin:0 0 1.5em;background:#FFFFFF}
	.warningbox h2 {color:#990000;margin: 0px 0 .1em}
	.warningbox h5 {color:#990000;}
	.warningbox a {font-weight:normal}

#sidebar.warningbox {width:165px}

	.thumbnail {
	margin: 0 0 0 20px;
	position:relative;
	clear:right;
	float:right;
	z-index:999999;
	border:none;
	width:173px;
	padding:5px;
	background:none;
}
	.thumbnail img {
	border: 0px solid #000;
	max-height: 160px;
}
	
	
	
	.pagination {background: none;color:#666;padding: 4px 2px 4px 7px;border:none;margin: -3em 0 1.5em}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#c00;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4{margin-top:0;padding:0;border:none;font-weight:normal;}
	.pagination em {float:left; margin:-3px 0 0 -5px}
	
	/* EXHIBITION FILTER */
	.filter {clear:both;float:right}
	.filt {width:14em !important}
	
	/* ELEMENTS - ARTMAIL */	
	.templatebox a {
	display:block;
	height:160px;
	width:125px;
	padding: 0px 0px 0px 0px;
	margin: -10px 20px 0 0;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	background: transparent url("../images/featurebox_bg.gif") no-repeat 100% 100%;
	color:#666666;
	}
	.templatebox h3 {text-align:center;font: 11px/normal Arial, Helvetica, sans-serif;}
	.templatebox a:hover {border: 1px solid #990000;}
	
	.choosebox {float:left;height:60px;width:200px;padding: 15px 15px 15px 15px;margin: 0 20px 10px 0 ;border: 1px solid #666666;background:#F6F6F6}
	.choosebox h1 {color:#666666;margin: 0 0 10px 0}
	
	.artmailbox {padding: 0px 0px 0px 0px;position:relative;margin: 0 0 1.5em;z-index:2;background:none;width:216px; border:none}
	
	.figure {
		position:relative;
		float: left;
		height:290px;
		width: 125px;
		margin: 0 20px 20px 0px;
		}
	.figure a, .figure a:link .figure a:visited, .figure a:hover, .figure a:active{background-color:#FFF !important;}
		
	.photo {
		background:none;
		}

	.photo img {
		border: 1px solid #FFF;
		background-color: #FFF;
		padding: 4px;
		position: relative;
		}
	.photo img:hover {
		border: 1px solid #990000;
		}	
		
	.figure p {
		font: 9px/normal Arial, Helvetica, sans-serif;
		text-align: center;
		margin: 10px 0 0 0;
		height: 4em;
		}
	
	.white {background-color:#FFFFFF}
	
	/* BUTTON - bulletproof graphic links, thanks http://www.456bereastreet.com */
	
		.buttons { /* Top left corner, top edge */
		float:left;
		color:#FFFFFF;/* Text colour */
		background:#333 url(../images/button.gif) no-repeat !important; /* Fallback bg colour for images off */
		font-size:1.2em;
		text-decoration:none;
		font-weight:bold;
		}
		.buttons * {display:block;}
		.buttons span { /* Top right corner */
		padding:4px 0 0;
		background:url(../images/corners.gif) no-repeat right top;
		}
		.buttons span span { /* Bottom left corner, left and bottom edges */
		padding:0 0 0 6px;
		background:url(../images/button.gif) no-repeat left bottom;
		}
		.buttons span span span { /* Bottom right corner */
		padding:0 0 4px;
		background:url(../images/corners.gif) no-repeat right bottom;
		}
		.buttons span span span span { /* Right edge */
		padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
		background:url(../images/button.gif) no-repeat right center;
		color:#FFFFFF 		
		}
		.buttons:hover,
		.buttons:focus,
		.buttons:active { /* Help keyboard users */
		outline:0px solid #990000; /* Not supported by IE/Win :-( */
		color:#fff;
		}
	

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {margin-left:-22px;background: transparent url("../images/sprites.gif") no-repeat 5px -500px;padding-left:23px;padding-bottom:3px}
		a.morelink:hover {background: transparent url("../images/sprites.gif") 5px -600px}
		
		/* 'NEW' LINK */
		a.newlink:link, a.newlink:visited, a.newlink:hover, a.newlink:active {margin-left:-22px;background: transparent url("../images/sprites.gif") no-repeat 5px -300px;padding-left:23px;padding-bottom:3px}
		a.newlink:hover {background: transparent url("../images/sprites.gif") 5px -400px}
		
	/* 'PDF' LINK */
		a.pdflink:link, a.pdflink:visited, a.pdflink:hover, a.pdflink:active {margin-left:-22px;background: transparent url("../images/sprites.gif") no-repeat 5px -201px;padding-left:23px;padding-bottom:3px}
		a.pdflink:hover {background: transparent url("../images/sprites.gif") 5px -201px}
		
		/* 'PAGE' LINK */
		a.pagelink:link, a.pagelink:visited, a.pagelink:hover, a.pagelink:active {margin-left:-22px;background: transparent url("../images/sprites.gif") no-repeat 5px -800px;padding-left:23px;padding-bottom:3px}
		a.pagelink:hover {background: transparent url("../images/sprites.gif") 5px -800px}

		/* 'EMAIL' LINK */
		a.emaillink:link, a.emaillink:visited, a.emaillink:hover, a.emaillink:active {margin-left:-22px;background: transparent url("../images/sprites.gif") no-repeat 5px -1002px;padding-left:23px;padding-bottom:3px}
		a.emaillink:hover {background: transparent url("../images/sprites.gif") 5px -902px}

		/* 'EMAILS' LINK */
		a.emailslink:link, a.emailslink:visited, a.emailslink:hover, a.emailslink:active {margin-left:0px;background: transparent url("../images/sprites.gif") no-repeat 5px -1103px;padding-left:23px;padding-bottom:3px}
		a.emailslink:hover {background: transparent url("../images/sprites.gif") 5px -1203px}

		/* 'SUPPORT' LINK */
		a.supportlink:link, a.supportlink:visited, a.supportlink:hover, a.supportlink:active {margin:0 0 0 -22px;padding: 0 0 2px 0;background: transparent url("../images/sprites.gif") no-repeat 6px -101px;padding-left:23px;padding-bottom:3px}
		a.supportlink:hover {background: transparent url("../images/sprites.gif") 6px -101px}		
		
	/* 'HELP' LINK - shows MY help tips on rollover */
	/* for IE6 only boxover.js triggers CSS via attribute title="header=[] body=[]" in help link*/
		
		.floatright {float:right; margin-right:180px}
		.floatrighter {float:right; margin-right:110px}
		.colourpickhelp {float:right; margin-right:440px}		
		a.helplink:link, a.helplink:visited, a.helplink:hover, a.helplink:active {
		display:inline;
		position:relative;
		padding: 0px 0 4px 20px;
		margin-left:15px;
		background: transparent url("../images/sprites.gif") no-repeat 5px -98px;
		cursor: help;
		color:#FFFFFF;
		text-decoration:none;
		z-index:9999
		}
		
		a.helplink span {display: none}
		
		a.helplink strong {font-weight:bold}
			
		a.helplink:hover span{
			display:block;
			position:absolute;
			left:3em;
			width:16em;
			background-color: #fff;
			border-top:1px solid #666666;
			border-bottom:1px solid #666666;
			border-right:1px solid #666666;
			border-left:1px solid #666666;
			text-decoration:none;
			padding: 0.5em;
			color:#000;
			text-align: left;
			font-style: normal;
			font-weight: normal;
			z-index:9999;
		}				
		
		.tool-tip {
			width: 160px;
			background:#FFFF99;
			color:#000000;
			padding: 4px;
			border-top: 1px solid #d7d7d7;
			border-bottom: 1px solid #d7d7d7;
			border-right: 1px solid #d7d7d7;
			border-left: 1px solid #d7d7d7;
			background-color:#FFFFCC;
			z-index: 13000;
		
		}	
		.tool-text {
			font-size: 11px;
			padding: 4px 8px 8px;
		}
		
/* LAYOUT - FOOTER */
#footer {clear:both;padding: 10px 0 30px 0px;font-size:86%;color:#999}
	#footer p {margin-left:50px}
	#footer a:link {color:#999}
	
a.sortcontrol:link, a.sortcontrol:visited {float:left;display:block; width:10em; text-decoration:none; border:solid 1px #999;margin-right:.3em; margin-bottom:3px;padding:3px 6px}
a.sortcontrol:hover, a.sortcontrol:focus { color:#FFF; text-decoration:none; background-color:#666666}
a.sortcontrol:active { color:#FFF; text-decoration:none; background-color:#990000}
a.sortcontrol .current { color:#CCFF00; text-decoration:none; background-color:#990000}	

a.pagecontrol:link, a.pagecontrol:visited {float:left;display:block; text-align:center;text-decoration:none; font-weight:normal; border:solid 1px #CC0000;margin: 1em .5em 0 0;padding:3px 6px 3px 6px}
a.pagecontrol:hover { color:#FFF; text-decoration:none; background-color:#666666;; border:solid 1px #666666}
a.pagecontrol:active { color:#FFF; text-decoration:none; background-color:#990000}
a.pagecontrol .current { color:#CCFF00; text-decoration:none; background-color:#990000}

a.available { display:inline-block;width:6em;color:#00CC00; background:none; font-weight:bold !important;border: 1px solid #00CC00 !important}
a.sold {display:inline-block;width:6em;color:#990000; background:none;font-weight:bold !important;border: 1px solid #990000 !important}
a.available:hover {color:#990000; background-color:#FFF; border: 1px solid #990000 !important} 
a.sold:hover {color:#00CC00; background-color:#FFF; border: 1px solid #00CC00 !important}
a.priceapprox, a.pexact {display:inline-block;width:10em;color:#333333; background:none;font-weight:bold !important;border: 0px solid #f6f6f6 !important}
a.priceapprox:hover, a.pexact:hover {color:#0000CC; background:none; border: 0px solid #666666 !important}

a.imagecontrol:link, a.imagecontrol:visited {float:left;display:block; text-align:center;text-decoration:none; font-weight:normal; border:solid 1px #CC0000;background: transparent url("../images/sprites.gif") no-repeat 0px -348px;margin: 1em .5em 0 0;padding:3px 6px 3px 23px}
a.imagecontrol:hover { color:#FFF; text-decoration:none; background-color:#666666;; border:solid 1px #666666}
a.imagecontrol:active { color:#FFF; text-decoration:none; background-color:#990000}

.tabletext { float:right; clear:right}


#sbox-window embed, #sbox-window object, #sbox-window select
{
	visibility:				visible;
}

#sbox-overlay
{
	position:				absolute;
	background-color:		#000;
}

#sbox-window
{
	position:				absolute;
	background-color:		#fff;
	text-align:				left;
	overflow:				visible;
	padding:				10px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
}

#sbox-btn-close
{
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:				url(/images/closebox.png) no-repeat center;
	border:					none;
}

.sbox-window-ie6 #sbox-btn-close
{
	background-image:		url(/images/closebox.gif);
}

.sbox-loading #sbox-content
{
	background-image:		url(/images/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}

#sbox-content
{
	clear:					both;
	overflow:				auto;
	background-color:		#fff;
	height:					100%;
	width:					100%;
}

.sbox-content-image#sbox-content
{
	overflow:				visible;
}

#sbox-image
{
	display:				block;
}

.sbox-content-image img
{
	display:				block;
}

.sbox-content-iframe#sbox-content
{
	overflow:				visible;
}

.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
	visibility:				hidden;
	
}	
	
#enquiriestoggle, #helptoggle, #ruletoggle {cursor:pointer}
#enquiriestoggle:hover, #helptoggle:hover, #ruletoggle:hover {color:#666666; text-decoration:underline}

/*
---
description: Stylish and functional dialogs.
license: MIT
copyright: Copyright (c) 2011 by Max Lavrov (lavmax).
authors: Max Lavrov (lavmax)
...
*/

/* WINDOW STYLES */
.mux-modal-overlay {
	display: block;
	background: black;
	opacity: 0.5; filter: alpha(opacity = 50);
	left: 0px;
	top: 0px;
	position: fixed;
	width: 10000px; /* mobile safari hack */
	height: 10000px; /* mobile safari hack */
	z-index: 10000;
}

.mux-dialog-box {
	display: inline-block;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	border: 1px solid #999;
	font-size: 14px;	
	overflow: hidden;
	position: fixed;
	top: 50px;
	left: 100px;
	z-index: 10000;
	background-color: white;
	min-height: 12.5em;
	min-width: 23em;
	outline: 0; /* to prevent Mozilla outline focused element */
}

.mux-dialog-box.mux-dialog-moving {
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

.mux-dialog-dummy-header {
	position: relative;
	width: 1px;
	height: 0px;
}

.mux-dialog-header {
	position: absolute;
	left: 0px;
	right: 0px;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	-moz-border-radius-topleft: inherit;
	-moz-border-radius-topright: inherit;
	-webkit-border-top-left-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	padding: 0.5em 0px;
	overflow: hidden;
	cursor: default;
	background: whiteSmoke; /* for unfocused window */
	font-size: inherit;	
	font-family: inherit;
}

.mux-dialog-header-dummy-title {
	font-size: inherit;	
	font-family: inherit;
}

.mux-dialog-header-title {
	font-size: inherit;	
	font-family: inherit;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	margin: 0.5em 1.5em 0.5em 1em;
	color: #959595; /* for unfocused window */
}

/* ACTIVE WINDOW STYLE */
.mux-dialog-box.mux-dialog-focused {
	box-shadow: black 0px 0px 10px; -moz-box-shadow: black 0px 0px 10px; -webkit-box-shadow: black 0px 0px 10px;
}

.mux-dialog-box.mux-dialog-focused .mux-dialog-header {
 	background: #D5D5D5 -webkit-gradient(linear, 50% 0%, 50% 100%, from(whiteSmoke), to(#e5e5e5));
}

.mux-dialog-box.mux-dialog-focused .mux-dialog-header-title {
	color: black;
}
/* end ACTIVE WINDOW STYLE */

/* INVISIBLE HEADER */
.mux-dialog-box .mux-dialog-header.mux-dialog-header-invisible {
	background: transparent;
}

.mux-dialog-header.mux-dialog-header-invisible .mux-dialog-header-title {
	display: none;
}
/* end INVISIBLE HEADER */

.mux-dialog-header-close {
	width: 16px;
	height: 16px;
	margin-right: 0.4em;
	cursor: pointer;
	position: absolute;
	right: 0px;
}

.mux-dialog-header-close {
	background-image: url(../scripts/MUX.Dialog.png);
	background-position: 0px 0px;
}

.mux-dialog-header-close:hover {
	background-position: -16px 0px;
}

.mux-dialog-header-close:active {
	background-position: -32px 0px;
}

.mux-dialog-content {
	border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit;
	font-size: 1em;
	padding: 1em 1.5em 1.5em;
	position: relative;
	font-family: inherit;
	overflow: hidden;
	min-height: 4em;
	min-width: 20em;
}

.mux-dialog-content.mux-dialog-header-invisible {
	padding-top: 0px;
}

.mux-dialog-footer {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	-moz-border-radius-bottomleft: inherit;
	-moz-border-radius-bottomright: inherit;
	-webkit-border-bottom-left-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	font-size: inherit;
	font-family: inherit;
	overflow: hidden;
	padding: 1em;
}

.mux-dialog-footer-border {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 0px 1em;
	border-top: 1px solid #999;
}

.mux-dialog-footer-buttons {
	float: right;
	font-size: inherit;
}

.mux-dialog-loader {
	vertical-align: top;
	margin-top: 0.4em;
	display: inline-block;
	zoom: 1;
	*display:inline;
}

.mux-dialog-resize-icon {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 12px;
	height: 12px;
	background-image: url(../scripts/MUX.Dialog.png);
	background-position: -48px 0px;
	border-bottom-right-radius: inherit; -moz-border-radius-bottomright: inherit; -webkit-border-bottom-right-radius: inherit;
}

/* BUTTON STYLES */
.mux-button {
	padding: 0.3em 0.5em;
	margin-left: 0.5em;
	font-size: 0.9em;
	font-weight: bold;
}

.mux-button-title {
	font-size: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}

/* Button style ELLIPSE */
.mux-button.mux-button-ellipse {
	border: 1px solid #454545;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	background: #e5e5e5 -webkit-gradient(linear, 50% 0%, 50% 100%, from(whiteSmoke), to(#e5e5e5));
	padding-left: 1em;
	padding-right: 1em;
}

.mux-button.mux-button-ellipse:focus,
.mux-button.mux-button-ellipse:hover {
	box-shadow: #959595 0px 0px 10px; -moz-box-shadow: #959595 0px 0px 10px; -webkit-box-shadow: #959595 0px 0px 10px;
}

.mux-button.mux-button-ellipse:active {
	border-color: #959595;
	background: whiteSmoke;
	color: #959595;
}

/* Button style RECTANGLE */
.mux-button.mux-button-rectangle {
	border: 1px solid #454545;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	background: #e5e5e5 -webkit-gradient(linear, 50% 0%, 50% 100%, from(whiteSmoke), to(#e5e5e5));
}

.mux-button.mux-button-rectangle:focus,
.mux-button.mux-button-rectangle:hover {
	box-shadow: #959595 0px 0px 10px; -moz-box-shadow: #959595 0px 0px 10px; -webkit-box-shadow: #959595 0px 0px 10px;
	
}

.mux-button.mux-button-rectangle:active {
	border-color: #959595;
	background: whiteSmoke;
	color: #959595;
}

/* Button style LINK */
.mux-button.mux-button-link {
	border: 1px solid transparent;
	background: transparent;
}

.mux-button.mux-button-link:focus,
.mux-button.mux-button-link:hover {
	text-decoration: underline;
}

.mux-button.mux-button-link:active {
	color: #959595;
}

/* Button additional style RED */
/*
.mux-button.mux-button-ellipse.mux-button-red,
.mux-button.mux-button-rectangle.mux-button-red {
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.5, #AA0B17), color-stop(0.5, #B6252F), color-stop(0.89, #E67279));
	background-image: -moz-linear-gradient(center bottom, #AA0B17 50%, #B6252F 50%, #E67279 89%);
	border-color: #454545 #999 #999 #454545;
	color: white;
	font-weight: normal;
	text-shadow: #505B66 0px -1px 0px;
}

.mux-button.mux-button-ellipse.mux-button-red:active,
.mux-button.mux-button-rectangle.mux-button-red:active {
	border-color: #999;
	background: #E67279;
	color: white;
}
*/

/* GENERAL STYLES */
.mux-hidden {
	display: none !important;
}

.mux-invisible {
	visibility: hidden !important;
}