﻿/*Axis CMS 5 style sheet */

/* /yui/reset.css, /yui/base.css and /yui/fonts.css (from Yahoo UI 

library) are  used to provide a basic set of styles*/
/* site section based colours are in dialogue.css, directory.css, 

selected.css */
/* site homepage and area homepage styles are in home.css */

/* grey background */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	background-repeat: repeat-x;
	background-color: #cccccc;
	padding-bottom: 50px;
	color: rgb(51,51,51);
}
h1 {
	font-size: 182%;
	margin: 0.6em 0em 0.3em 0em;
}
h2 {
	font-size: 123.1%;
	margin: 0.8em 0em 0.3em 0em;
}
h3 {
	font-size: 123.1%;
	margin: 0.8em 0em 0.5em 0em;
	font-weight: normal;
}
h4 {
	font-size: 100%;
	margin: 0.8em 0em 0.2em 0em;
	font-weight: bold;
}
/* Below *2 remove dotted line on a links*/
a:focus {
	outline: none;
}
button:focus {
	outline: none;
}
a {
	color: #333;
}
a.rarrow, a.arrowlarge /* arrow to the right of the link */ {
	padding-right: 15px;
	background-attachment: scroll;
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
}
a.arrow, a.larrow, a.uarrow, a.forumicon /* arrow/icon to the left of  the link */ {
	padding-left: 15px;
	background-attachment: scroll;
	background-position: left center;
	background-repeat: no-repeat;
	background-color: transparent;
}
a.arrow, a.arrowlarge {
	background-image: url(/newimages/arrow-black.gif);
}
a.rarrow {
	background-image: url(/newimages/arrow-black.gif);
}
a.larrow {
	background-image: url(/newimages/arrow-black-back.gif);
}
a.uarrow {
	background-image: url(/newimages/arrow-black-up.gif);
}
a.forumicon {
	background-image: url(/newimages/forumicon.gif);
	padding-left: 20px;
}
ol li {
	list-style: decimal outside;
	margin-left: 1em;
}
ul li {
	list-style: disc outside;
	margin-left: 0.7em;
}
hr {
	height: 0px;
	border: 1px;
}
strong em {
	font-weight: bold;
}
input[type=checkbox], input[type=radio] {
	padding-left: 0.3em;
	padding-right: 0.3em;
}
.smaller {
	font-size: 85%;
}
.larger {
	font-size: 120% !important;
}
.highlighted {
	background-color: #FFD3BB;
	color: black;
}
.block /* use with floating elements to display as a block */ {
	float: left;
	width: 100%;
}
.nobr /* use instead of non-XHTML compliant <nobr> tag */ {
	white-space: nowrap;
}
.textbox {
	color: rgb(51,51,51);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.selectbox {
	color: rgb(51,51,51);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* special footer only visible on printouts */
#printfooter {
	display: none;
}
/* allow screen readers to skip menus and go straight to content */
#skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: 0px;
	top: -1000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#skip a:active, #skip a:focus {
	position: static;
	float: left;
	font-size: 85%;
	width: auto;
	height: auto;
}
/*white bar at top */
#header {
	font-family: arial, helvetica, clean, sans-serif;
	background-color: #fff;
	min-height: 75px;
	height: 75px; /* hack for IE */ /*ieonly*/
	padding: 0 12px 12px 0px;
}
#topnav, #container {
	height: 100%;
	width: 1000px;
	float: left;
	clear: both;
}
#topnav, #containernew {
	width: 1000px;
	float: left;
	clear: both;
}
#container_wide {
	max-width: 1300px;
	width: 95%;
	float: left;
	clear: both;
	min-width: 820px;
}
/* AXIS IMAGE WITH TEXT */
/*
.strapText {
	width: 500px;
	height: 50%;
	padding-left: 10px;
	padding-top: 4px;
	float: left;
	color: #888888;
}*/
.strapText a {
	text-decoration: none;
	color: #888888;
}
.strapText a:hover {
	text-decoration: none;
	color: #888888;
}
.line1 {
	font-family: verdana !important;
	font-size: 100%;
	margin: 0 0;
	font-weight: bold;
}
.line2 {
	font-family: verdana !important;
	font-size: 80%;
	margin: 0;
}
/* Section menu (+there is a colour style sheet)*/
#topnav {
	height: 80px;
}
#topnav a:focus {
	text-decoration: none;
}
#topnav .left {
	width: 630px;
	float: left;
	height: 77px;
	max-height: 77px;
	padding-left: 20px;
	padding-top: 10px;
}
#topnav .left img {
	float: left;
}
#topnav .right {
	width: 345px;
	float: right;
	height: 80px;
	max-height: 80px;
	text-align: right;
	vertical-align: bottom;
}
/*
#topnav .status {
	font-family: verdana !important;
	margin: 0;
	padding-top: 4px;
	height: 15px !important;
	width: 345px;
	font-size: 80%;
}*/
#topnav .status span {
	color: #7A7A7A;
	font-family: verdana !important;
}
#topnav .status a {
	color: #FFAF56;
	text-decoration: none;
	font-weight: bold;
}
#topnav .status a:hover {
	color: #7A7A7A;
}
#topnav .rightLogin {
	float: right;
	color: #7A7A7A;
	text-align: right;
	font-weight: bold;
	font-size: 110%;
	background-image: url(../newimages/homepage/membersbar.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 345px !important;
	min-height: 26px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
#topnav .rightLogin img {
	vertical-align: middle;
	text-align: right;
	padding-left: 5px;
	width: 35px !important;
}
#topnav .rightLogin a {
	color: #7A7A7A;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 0px !important;
}
#topnav .rightLogin a:hover {
	color: #FFAE55;
}
#topnav .rightLogin ul {
	display: inline !important;
	margin: 0px !important;
	padding: 0px !important;
}
#topnav .rightLogin li {
	display: inline !important;
	margin: 0px !important;
	padding: 0px !important;
}
#topnav ul#strands {
	float: left;
	height: 25px;
	line-height: 20px;
	vertical-align: middle;
	padding-top: 5px !important;
	margin: 0px !important;
}
/*
#topnav ul#strands li {
	display: inline !important;
	list-style-type: none !important;
	margin-left: 0px !important;
}
#topnav ul#strands li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
	margin: 0 0.5em 0 0;
	color: #555;
}*/
/*------------------------------------------------- */
/* hover colours on top navigation   */
/*--------------------------------------------------*/

#topnav ul#strands li#mho a:hover, #topnav ul#strands li#mau a:hover,  #topnav ul#strands li#mres a:hover{
	color: #2c3180; /* home+about us+resources dark blue */
}
#topnav ul#strands li#msea a:hover {
	color: #125180; /* directory  blue */
}
#topnav ul#strands li#mma a:hover {
	color: #ff8400; /* members area orange */
}
#topnav ul#strands li#msel a:hover {
	color: #d3187d; /* selected pink */
}
#topnav ul#strands li#mdia a:hover {
	color: #84b71a; /* dialogue green */
}
#topnav ul#strands li#mhel a:hover {
	color: #6E706F; /* help grey */
}
/*--------------------------------------------------*/

div#memberinfo {
	float: right;
	color: #fff;
}
div#memberinfo a {
	text-decoration: none;
	font-weight: bold;
}
div#memberinfo a span.extra {
	display: none;
	color: #fff;
}
div#memberinfo a:hover span.extra {
	display: inline;
	position: absolute;
}
/*quicksearch box to right */
#topnav .search {
	float: right;
	height: 30px;
	line-height: 30px;
}
/*
#topnav .search label {
	font-size: 110%; 
	font-weight: normal !important;
	margin: 0 0 0 0;
	color: #999999; 
	vertical-align: middle;
}*//*yui:16px*//*should be axis blue*/
/*#topnav .search .textbox {
	background: #f5f5f5 url(../newimages/quicksearch.gif) no-repeat top left;
	border: solid 1px #f0f0f0;
	padding: 0px 0px 0px 0px;
	color: Gray;
	vertical-align: middle;
	width: 100px;
}*/

/* SAFARI HACK FOR TOP MENU SEARCH BOX  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#topnav .search .textbox {
		width: 95px;
	}
}
/*
#topnav .search .selectbox {
	background: #f5f5f5 url(../newimages/quicksearch.gif) no-repeat top left;
	border: solid 1px #f0f0f0;
	padding: 2px 0px 0px 3px;
	color: Gray;
	height: 21px;
	vertical-align: middle;
}
.search input.go {
	font-weight: bold;
	font-size: 85%;
	border: 0;
	margin: 0pt;
	height: 21px;
	width: 24px;
	vertical-align: middle;
	background: transparent url(/newimages/go.gif) no-repeat scroll top left;
}*/
/* info button at top right corner */
img#infobutton {
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	top: 23px;
	left: 19px;
}
/* space between top white bar and main content */
#title {
	width: 830px;
	margin-left: 170px;
}
/*page title and breadcrumbs beneath */
#title h1, #title p, #title p a, #title_wide h1 {
	color: #111111;
}
#title_wide {
	margin-right: 5%;
	max-width: 1200px;
	margin-left: 10px;
}
#title h1 {
	/*margin-right: 170px;*/
	font-family: Arial;
}
#title_wide h1 {
	margin-right: 10px;
	font-family: Arial;
}
/* Breadcrumbs use Verdana @12 px */
#crumbs {
	width: 830px;
	height: 20px;
}
#title p {
	font-family: Verdana;
	font-size: 93%;
	float: left;
}
/*white main page content area*/
#main {
	width: auto;
	margin-left: 170px;
	background-color: #fff;
	font-family: Verdana;
	font-size: 93%;
	min-height: 400px;
}
#main_wide {
	width: auto;
	margin-left: 10px;
	background-color: #fff;
	font-family: Verdana;
	font-size: 93%;
}
/* main page content area in three column layout*/

#main2 {
	width: auto;
	margin-left: 170px;
	margin-right: 200px;
	background-color: #fff;
	font-family: Verdana;
	font-size: 93%;
}
/* main page content area in 2 column + right hand tabs layour*/

#main3 {
	width: auto;
	margin-left: 170px;
	margin-right: 80px;
	background-color: #fff;
	min-height: 550px;
	font-family: Verdana;
	font-size: 93%;
}
/* The right hand column */
#right {
	float: right;
	width: 180px;
	background-color: #fff;
	font-family: Verdana;
	font-size: 93%; /*border: solid 1px #eee;*/
}
/*area within main content area to provide padding etc */
#content {
	padding: 1em 0em 1em 0em;
	margin-left: 1.5em;
	margin-bottom: 0px;
	height: 100%;
	overflow: hidden; /*min-height: 700px;*/
}
#content.staticWidth {
	margin-left: 0px;
}
#main2 #content {
	padding-right: 1em !important;
}

/*JH Style for content area for site master and  templates*/
#templatecontent {
	margin-left: 1.5em;
	margin-bottom: 0px;
	height: 100%;
	overflow: hidden; /*min-height: 700px;*/
}

#standardcontent {
	width: auto;
	background-color: #fff;
	font-family: Verdana;
	font-size: 93%;
	min-height: 400px;
}

#tabcontent {
	width: auto;
	margin-right: 80px;
	margin-left: 170px;
	background-color: #fff;
	min-height: 550px;
	font-family: Verdana;
	font-size: 93%;
}



#profiletabs {
	float: right;
	width: 80px;
	font-family: Verdana;
	font-size: 93%;
}
#profiletabs .tab, #profiletabs .tabselected {
	display: block;
	margin-bottom: 0.6em;
	padding: 0.5em 0.2em 0.2em 0.5em;
	width: 70px;
	height: 70px;
	border-style: solid;
	border-left: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	text-decoration: none;
}
#profiletabs .tabselected, #profiletabs a.tab:hover {
	border-color: #eee;
	background-color: #fff;
	color: #333;
}
#profiletabs .tab {
	background-color: #3F66A3;
	border-color: #3F66A3;
	color: #FFFFFF;
}

#profiletabs .tab, #profiletabs .tabselected {
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 0 5px 5px 0;
}

.tabcontext {
	font-weight: bold;
	padding: 8px 0px 12px 10px;
	margin-right: 20px;
	background-image: url(/newimages/gradientartist.png);
	background-position: 10px bottom;
	background-repeat: no-repeat;
	white-space: nowrap;
}
.tabcontext a, .context span {
	padding-right: 15px;
	text-decoration: none;
	font-size: 85%;
	color: #bbb;
}
.tabcontext a:hover {
	color: #bbb;
	text-decoration: underline;
}

.rndtabs {
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 0 5px 5px 0;
}

.rndtabcontent {
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px 0 5px 5px;
}


/*End content area for site master and templates*/

/*Temp fix to sort issues with Firefox with the new C# master until 
Marc gets back */
#contentNew {
	padding: 1em 0em 1em 0em;
	margin-left: 1.5em;
	margin-bottom: 0px;
	height: 100%;
	overflow: hidden; /*min-height: 700px;*/
}
#contentCS {
	padding: 1em 0em 1em 0em;
	margin-left: 1.5em;
	margin-bottom: 0px;
	overflow: hidden; /*min-height: 700px;*/
}
#main2 #contentCS {
	padding-right: 1em !important;
}
.wide {
	margin: 0px;
}
.narrow {
	margin: 0 80px 0 60px;
}
#rcontent {
	padding: 0px;
}
#rcontent p {
	margin: 0.5em 0.5em 1.5em 0.5em;
}
#rcontent .indent {
	margin-left: 0.7em;
}
#rcontent .rheading {
	color: #fff;
	display: block;
	padding: 0.3em;
	margin: 0px;
	position: relative; /*ieonly*/
	top: -1px; /*ieonly*/
}
#rcontent #freetextsearch {
	margin: 0.7em;
}
#rcontent #freetextsearch input {
	margin-bottom: 5px;
}
#rcontent #worklist p {
	font-size: 85%;
	padding: 0 0.2em 1em 30px;
}
.clearfix /*applied to content*/ {
	display: block;
	position: relative;
}
/* left side navigation */
#sidenav {
	font-family: Arial, helvetica, clean, sans-serif;
	width: 170px;
	float: left;
}
#sidenav ul {
	margin: 0pt 1em 1em 0pt;
}
#sidenav ul li {
	margin: 0pt 0.4em 0.6em 0pt;
	list-style-type: none;
	list-style-position: inside;
	text-align: right;
	background-color: transparent;
}
#sidenav ul li a {
	font-size: 108%; /*yui:14px*/
	font-weight: bold;
	color: #555;
	text-decoration: none;
	padding: 0.2em;
	display: block;
	background-color: #fff;
}
#sidenav ul li ul {
	margin: 0em;
}
#sidenav ul li.open ul li {
	background-color: transparent;
	margin: 0em;
	padding: 0em;
}
#sidenav ul li.open ul li a {
	background-color: transparent;
	color: #333;
	font-weight: normal;
}
#sidenav ul li.open ul li.open ul.archive li a {
	color: #fff;
	font-weight: normal;
	font-size: 93%;
	font-style: italic;
	background-image: url(../images/bullet-dash.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: inline;
	padding-left: 0.7em;
}
#sidenav ul li.open ul li.open ul.archive li.selected a {
	font-weight: bold;
}
#sidenav ul li.open ul li.open ul.archive li a span.count {
	font-style: normal;
	color: #eee;
}
/* Suppressed Menus on the fb popup*/

body.suppressedMenus {
	background: none;
}
.suppressedMenus #container {
	height: 0px !important;
	width: 800px !important;
}
.suppressedMenus #main {
	margin-left: 0px !important;
	min-height: 0px !important;
}
.suppressedMenus #title {
	margin-left: 20px !important;
	width: auto !important;
}
.suppressedMenus #title h1 {
	color: #000;
}

/*------------ Google feed reader -------------------*/

.gfc-title {
	font-size: 120%;
	font-weight: bold;
	width: 90%;
	margin: 1em 0 0 0;
	padding: 0.5em;
	background-color: #eeeeee;
}
.gf-title {
	margin-top: 1em;
}

/*------------ Google custom search -------------------*/

.gsc-search-box {
	width: 70% !important;
}
input.gsc-input {
	font-size: 140% !important;
}

/*------------ Third party banner ads on right ------------------*/

#thirdpartybanners {
	position: relative;
	float: left;
	clear: left;
	left: 1020px;
	width: 130px;
	height: 0px;
}
#googlebanner {
	position: relative;
	float: left;
	clear: left;
	left: 1020px;
	width: 120px;
	height: 0px;
}

/*------------ Third party banner ads on left ------------------*/

/*#sidenav #bannerad
{
	width: 130px;
	height: 600px;
	overflow: hidden;
	float: right;
	margin-right: 18px;
}*/

#sidenav #bannerad {
	position: relative;
	top: 20px;
	left: 10px;
	width: 130px;
	overflow: hidden;
}



/*------------ Axis banner ads ---------------------*/

#flashbanner {
	z-index: -1;
	float: right;
	overflow: hidden;
}
#bannerclick {
	z-index: 10;
	position: relative;
	float: right;
}
/* banner container for left hand bar */
#sidenav #flashbanner {
	margin: 20px 19px;
	max-width: 130px;
	max-height: 600px;
}
#sidenav #bannerclick {
	top: -620px;
	right: 19px;
	width: 130px;
	height: 600px;
}
#sidenav #bannerclick img {
	width: 130px;
	height: 600px;
}
/* banner container on homepage */
#mainhome #flashbanner {
	max-width: 350px;
	max-height: 150px;
}
#mainhome #bannerclick {
	top: -150px;
	width: 350px;
	height: 150px;
}
#mainhome #bannerclick img {
	width: 350px;
	height: 150px; /*background:#fff;*/
}
/* Footer */

#footer {
	width: 1000px;
	clear: both;
	padding-top: 0.5em;
	margin-left: 170px;
}
#footer #addthis {
	margin-top: 0.5em;
}
#footer ul, #footer p {
	margin: 0.2em 0em 0.3em 0em !important;
	text-decoration: none;
	font-size: 85%;
}
#footer p {
	margin-left: 0.35em;
	line-height: 130%;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer ul li {
	display: inline;
	list-style-type: none;
	padding: 0 0.7em 0 0;
	margin-right: 0.5em;
	margin-left: 0;
}
#footer #bookmarks {
	padding-bottom: 1em;
}





/* £ColumnsHome Start ------------------------------------------------ */



.column1, .column2, .column3 {
	float: left;
	margin: 0 0 20px 20px;
	overflow: hidden;
}
.homeColumn {
}
.column1 {
	width: 380px;
}
.column2 {
	width: 230px;
}
.column3 {
	width: 300px;
}





/*
Footer New  -------------------------------------------------
*/



#footerMenu {
	clear: left;
	float: left;
	width: 990px;
	margin: 10px 0 10px 10px;
	padding: 20px 0; 
	color: #333; 		
	background:#F2F2F2;		
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#CCCCCC));
	background: -moz-linear-gradient(top, #F2F2F2, #CCCCCC);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#CCCCCC');	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

#footerMenu:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/* Below - Dont want to do this but margin on footermenu is not working so had to use position - will look for a better solution*/
#footer {
	position: relative;
	top: 20px;
}
ul.footerSubNav {
	padding: 0;
	margin: 0;
}
ul.footerSubNav li {
	clear: left;
	margin: 4px 0;
	list-style: none;
}
ul.footerSubNav li a {
	color: #6666CC;
}
ul.footerSubNav li a:hover {
	color: #FFAF56;
}
#footerMenu p {
	font-size: 11px;
	margin: 10px 0;
	padding: 0;
}

#footerMenu .column1 {
	width: 380px;
	width: 360px;
}

#footerMenu .column2 {
	width: 300px;
	width: 340px;
}

#footerMenu .column3 {
	width: 210px;
}


#contactWrapper {
	overflow: hidden;
	padding: 0 0 10px;
	background: #f0f0f0;
}
#contactWrapper:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#footerMenu ul.socialMediaIcons {
	left: 0px;
	top: 0px;
}

#footerMenu ul.socialMediaIcons {
	float: left;
	margin: 10px 0 0 20px;
	padding: 0;
}


#footerMenu h3 {
	background: #DEDCC8;
	background: #E1E1E1;
	margin-top: 0;
	padding: 5px;
	font-weight: normal;
}
#contactWrapper h3 {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#footerMenu h4 {
	margin: 0 0 10px 0;
}


.footerLinks {
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
}


.footerLinks ul {
	margin: 0;
	padding: 0;
}

.footerLinks li {
	margin: 0;
	list-style: none;
	padding: 2px 2px;
}

.footerLinks li a {
	display: block;
	width: 118px;
	padding: 6px 20px;
	font-size: 11px;
	text-decoration: none;
	text-align: center; /*background:#DEDCC8; 	background:#E8E8E8;*/
	border: 1px solid #adadad;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.footerLinks li a:hover {
	background: #e8e8e8;
	background: #DEDCC8;
	background: #F2F2F2;
}

#footerMenu .homeColumn h1 {
	margin: 0;
	font-size: 16px;
	margin-bottom: 10px;
}

#footerMenu .homeColumn h2 {
	margin: 0;
	font-size: 12px;
	margin-bottom: 10px;
}


.axisAddress ul {
	margin: 0 0 10px 5px;
}

.axisAddress ul li {
	list-style: none;
	font-size: 11px;
}


#funderlogos {
	clear: both;
	float: left;
	margin: 10px 0 20px 20px;
}

#funderlogos a {
	margin: 0 30px 0 0;
}
#funderlogos a img {
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}






/* Social Media Toolbox Buttons ------------------------- */

#addthis {
	float: left;
	margin: 10px 0 10px 25px;
	padding: 0;
}

#addthis a {
	margin: 0;
	padding: 0;
}



.addthis_toolbox a.addthis_button_facebook_like, .addthis_toolbox a.addthis_button_google_plusone, .addthis_toolbox a.addthis_button_tweet, .addthis_toolbox a.addthis_counter {
	clear: both;
	float: left;
	margin: 10px 0 0 5px !important;
}



/*
.addthis_toolbox a.addthis_button_facebook_like {
	
	}

.addthis_toolbox a.addthis_button_google_plusone {
	
	}

.addthis_toolbox a.addthis_button_tweet {
	margin:5px 0 0 0 !important;
	clear:both;
	
	}

.addthis_toolbox a.addthis_counter {
	margin:5px 0 0 0 !important;
	}

*/






/*
Footer New End  -------------------------------------------------
*/



/* well-formatted lists */

ul.twocolumn, ul.onecolumn {
	margin: 20px 0px;
	padding: 0px;
}
ul.twocolumn li ul, ul.onecolumn li ul {
	padding: 0px;
	margin: 5px 5px 5px 15px;
}
ul.twocolumn li, ul.onecolumn li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	background: transparent url(/newimages/arrow-search.gif) no-repeat scroll 0px 7px;
	float: left;
	margin: 0pt;
	padding: 0pt 0pt 1em 3%;
	display: block;
}
ul.twocolumn li ul li {
	display: list-item;
	background: none;
	padding: 1px;
	float: none;
	min-height: 10px;
}
ul.twocolumn li {
	width: 47%;
	min-height: 40px;
}
ul.onecolumn li {
	width: 97%;
}
/* two column form*/

.twocolform {
	width: 450px;
}
.twocolform-wide {
	/*width: 700px; CHANGED TO FIT TAGS IN yapAddDiscussion.aspx*/
	width: 750px;
}
.twocolform, .twocolform-wide {
	margin: 0.5em 0.1em 0.8em 0.1em;
}
.twocolform img, .twocolform-wide img {
	vertical-align: middle;
}
.twocolform br, .twocolform-wide br {
	clear: left;
}
.twocolform label, .twocolform p, .twocolform .col1 {
	display: block;
	float: left;
	width: 140px;
	vertical-align: middle;
}
.twocolform-wide label, .twocolform-wide p, .twocolform-wide .col1 {
	display: block;
	float: left;
	width: 240px;
}
.col1 > * {
	float: left;
}
.twocolform div.col2 input, .twocolform-wide div.col2 input {
	vertical-align: middle;
}
.twocolform-wide div.col2, .twocolform-wide div.col2 textarea {
	vertical-align: middle;
}
.twocolform div.col2 label, .twocolform div.col2 p, .twocolform-wide div.col2 label, .twocolform-wide div.col2 p {
	display: block;
	float: none;
	width: auto;
}
.col2 label {
	line-height: 2.0em;
}
.twocolform > p, .twocolform-wide > p {
	font-size: 85%;
	margin-top: 0.5em;
}
.twocolform div.col2 {
	margin-left: 180px;
}
.twocolform-wide div.col2 {
	margin-left: 280px;
}
.twocolform div.col2 > p, .twocolform-wide div.col2 > p {
	font-size: 85%;
	margin-top: 0.3em;
}
/* end twocolform */

/* emailform */

.emailform {
	width: 500px;
}
.emailform .field {
	width: 495px;
	background-color: #3F66A3;
	margin-bottom: 4px;
}
.emailform .fieldhead {
	width: 495px;
	border: solid 1px #3F66A3;
	margin-bottom: 4px;
	padding: 2px;
}
.emailform .col1 {
	width: 130px;
	float: left;
	height: 100%;
	color: #fff;
}
.emailform .col1 label {
	width: 135px;
	text-align: right;
	padding-top: 2px;
}
.emailform .col2 {
	width: 350px;
	float: right;
	padding-left: 4px;
	background-color: #fff;
}
.emailform .col2 input, .emailform .col2 textarea {
	width: 350px;
}
/*end emailform*/

.left {
	float: left;
	width: 48%;
}
.right {
	float: right;
	width: 48%;
}
/* Box */
.box {
	border: 1px solid #bbb;
	width: 98%;
	margin: 1.5em 0px 1em;
}
.box #body {
	margin: 10px;
}
.box .notice {
	float: right;
	padding: 5px;
	background-color: #F1CAC1;
	border: solid 1px #bbbbbb;
	text-align: left;
	color: #444444;
	margin-top: 10px;
	font-size: .9em;
	float: right;
	width: 250px;
	text-align: center;
}
.box .green {
	background-color: #92DC92 !important;
}
.box .amber {
	background-color: #FFD400 !important;
}
.box .notice hr {
	border: dotted 1px #444444;
}
.box .notice .articlestatus {
	font-weight: bold;
	font-size: 1.1em;
}
.box .notice .articlelocked {
	text-align: left;
}
.box p {
	margin: 8px 7px 8px 7px;
}
.box .heading {
	background-color: #ccc;
	color: #777;
	margin: 0px -1px 0px -1px;
	padding: 0.3em 0.6em 0.3em 0.6em;
	font-weight: bold;
	font-size: 100%;
}
.box .heading div {
	float: right;
}
.abstractbox {
	width: 95%;
	border: dotted 1px #444444;
	padding: 10px;
	background-color: #cccccc;
}
/* form helper classes */
.announcement {
	padding: 4px 0.8em 0.8em 0.8em;
	margin: 0 10px 1.5em 0;
	background-color: #ffcc66;
	border: 1px solid #999999;
	font-size: 120%;
}
.error, .required {
	color: #b00;
}
.checkboxinfo {
	font-size: 85%;
	color: #888;
	padding-left: 2.5em;
	display: block;
}
/* AJAX.NET Calendar extender styles */
.MyCalendar .ajax__calendar_container {
	border: 1px solid #646464;
	background-color: #DDD;
	color: #676767;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
	color: #BBB;
	background-color: #DDD;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
	color: #EEE;
	background-color: #AAA;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
	color: #000;
	font-weight: bold;
}
.MyCalendar td, .MyCalendar th {
	padding: .1em;
}
/* table stuff */

table /* a table is usually intended to fit the available area*/ {
	width: 96%;
}
.tablefix table /* but sometimes we want it to be normal */ {
	width: auto !important;
}
/*paging */

.paging {
	margin: 0.8em 0.5em 0.8em 0em;
}
.paging a, .paging span {
	padding: 2px 6px;
	text-decoration: none;
	margin-right: 4px;
}
.paging a {
	border: 1px dotted #888;
}
.paging a[disabled=disabled] {
	color: #ccc;
	border: 1px dotted #ccc;
}
.paging a[disabled=disabled]:hover {
	text-decoration: none;
	color: #ccc;
	border: 1px dotted #ccc;
}
.paging span.inactive {
	color: #ccc;
	border: 1px dotted #ccc;
}
.paging span.hidden {
	border: 1px dotted #ccc;
	padding: 2px 8px;
}
/* slide centered img thing */

.slide, .slideselected {
	border: #888 1px dotted;
	padding: 4px;
	background-color: #f8f8f8;
	text-align: center;
	width: 100px;
	line-height: 100px;
	vertical-align: middle;
	height: 100px;
}
.slidescreen, .slidescreenselected {
	border: #888 1px dotted;
	padding: 20px;
	background-color: #f8f8f8;
	text-align: center;
	width: 160px;
	line-height: 160px;
	vertical-align: middle;
	height: 160px;
}
.slideextra {
	float: left;
	margin: 10px;
}
img.mmr /* search multimedia result in grid view */ {
	position: absolute;
	margin-left: 105px;
	margin-top: -10px;
}
.summary img.mmr /* search multimedia result in summary display */ {
	position: absolute;
	margin-left: -5px;
	margin-top: 102px;
}
.mm /* multimedia icon */ {
	padding-left: 5px;
}
.slide:hover, .slideselected {
	border: #555 1px solid;
	background-color: #eee;
}
.slide a, .slide span, .slideselected a, .slideselected span {
	height: 100px;
	width: 100px;
	font-size: 100%;
	vertical-align: middle !important;
	display: table-cell !important;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	line-height: 100px;
}
#rcontent .slide, #rcontent .slideselected {
	margin-left: auto;
	margin-right: auto;
}
.slide a img, .slide span img, .slideselected a img, .slideselected span img {
	vertical-align: middle;
	border-width: 0px;
	padding: 0px;
}
.assocworks .slide, .assocworks .slideselected {
	margin-top: 1em;
}
.moreworks .slide, .moreworks .slideselected {
	float: left;
	margin: 1px;
}
/* list for graduate institution view */

.gradinst h3 {
	font-size: 123.1%;
}
.gradinst {
	width: 100%;
	border-top: 1px dotted #bbb;
}
.archiveitem, .gradinst .artist {
	float: left;
	width: 120px;
	margin: 5px;
	height: 170px;
}
.archiveitem a {
	text-decoration: none;
}
.archiveitem a:focus, .archiveitem a:hover {
	text-decoration: underline;
}
.curproject {
	float: left;
	width: 110px;
	margin: 2px;
	height: 110px;
}
/* open frequency home*/

.phomeitem {
	width: 300px;
	min-height: 360px;
	float: left;
	margin: 0.5em 0 1em 3%;
	padding: 1em;
	border: solid 1px #eee;
}
.phomeitem img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
.phomeitem strong {
	display: block;
}
.phomeitem strong a {
	font-size: 108%;
	text-decoration: none;
	margin-bottom: 0.5em;
}
#phomebottom {
	margin: 3em 2em 3em 2em;
	font-size: 123.1%;
}
/*tabs on artist page */


#tabs {
	float: right;
	width: 80px;
	font-family: Verdana;
	font-size: 93%;
}
#tabs .tab, #tabs .tabselected {
	display: block;
	margin-bottom: 0.6em;
	padding: 0.5em 0.2em 0.2em 0.5em;
	width: 70px;
	height: 70px;
	border-style: solid;
	border-left: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	text-decoration: none;
}
#tabs .tabselected, #tabs a.tab:hover {
	border-color: #eee;
	background-color: #fff;
	color: #333;
}
#tabs .tab {
	color: #fff;
}
/* artist context menu (print, add to favourites etc */
.context {
	font-weight: bold;
	padding: 8px 0px 12px 10px;
	margin-right: 20px;
	background-image: url(/newimages/gradientartist.png);
	background-position: 10px bottom;
	background-color: #fff;
	background-repeat: no-repeat;
	white-space: nowrap;
}
.context a, .context span {
	padding-right: 15px;
	text-decoration: none;
	font-size: 85%;
	color: #bbb;
}
.context a:hover {
	color: #bbb;
	text-decoration: underline;
}
/* centred */
.centred, .mainwork {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	margin-top: 3em;
	margin-bottom: 2em;
}
.centred .inner, .mainwork .inner {
	text-align: center;
}
.centred p, .centred h3, .mainwork p, .mainwork h3 {
	text-align: left;
	margin-top: 1.0em;
	float: left;
}
.centred p.right {
	margin-top: 1.0em;
	text-align: right;
	float: right;
	width: auto;
}
.thumbs-inner {
	margin: 0pt auto;
	height: 116px;
}
/* CV summary list */
.cvsummary {
	color: #333;
	margin-bottom: 1em;
}
.cvsummary h2, .cvsummary h3 {
	font-size: 100%;
	font-weight: bold;
	display: block;
	margin-top: 1.0em;
	margin-bottom: 0.2em;
}
.cvsummary ul {
	margin: 0.1em 0.1em 1em 3em;
}
.cvsummary li {
	list-style-type: none;
	list-style-position: inside;
	text-indent: -3.5em;
}
#lastupdate {
	float: right;
	padding-left: 20px;
	font-size: 91%; /*yui 11px*/
	color: #888;
}
/*styles for breadcrumbs */

.breadcrumbs {
	font-size: 85%;
	font-family: Verdana;
	border-bottom: dashed 1px;
	margin-bottom: 8px;
	padding: 2px 2px 2px 2px;
	display: none;
}

.breadcrumbs a {
	text-decoration: none;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}
/* styles for the lightbox popup replacement */

#lightbox p {
	margin: 0em 1em 1em 1em;
}
#lightbox .header {
	margin: 3px 125px 3px 0px;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	background-color: #eee;
	overflow: hidden;
}
#lightbox .header strong.title {
	font-size: 123.1%;
	padding: 3px 10px 3px 3px;
}
#lightbox .lbbuttons {
	width: 115px;
	height: 30px;
	line-height: 30px;
	margin: 5px 5px 0px 0px;
	position: absolute;
	top: 0px;
	text-align: right;
}
#lightbox .lbbuttons a {
	font-size: 85%;
	padding: 5px 26px 5px 3px;
	text-decoration: none;
}
#lightbox .lbbuttons a.close {
	background: transparent url(/newimages/popupclose.png) no-repeat scroll right top;
}
#lightbox .lbbuttons a.close:hover {
	background: transparent url(/newimages/popupclosehover.png) no -repeat scroll right top;
	text-decoration: none;
	color: rgb(63,102,163);
}
#lightbox .lbbuttons a.print {
	background: transparent url(/newimages/print.png) no-repeat scroll right top;
}
#lightbox .lbbuttons a.print:hover {
	background: transparent url(/newimages/printhover.png) no-repeat scroll right top;
	text-decoration: none;
	color: rgb(63,102,163);
}
#lightbox .asset {
	margin-top: 20px;
	margin-left: 20px;
}
#lightbox h2 {
	margin-bottom: 0.1em;
	margin-top: 0.1em;
}
.poparticle {
	height: 630px;
	overflow: auto;
	padding: 1em;
}
.lightboxcontent {
	overflow: auto;
	padding: 0px 8px;
}
#lightbox .mainwork {
	width: 526px;
	height: 516px;
	line-height: 516px;
	text-align: center;
	float: left;
	margin: 0px 0px 0px 2px;
}
#lightbox .mainwork .inner {
	display: table-cell !important;
	font-size: 100%;
	width: 526px;
	height: 516px;
	text-align: center;
	margin: 0px;
	vertical-align: middle !important;
}
#lightbox .mainwork .inner img {
	vertical-align: middle;
	border-width: 0px;
	padding: 0px;
}
#lightbox .workinfo {
	padding-top: 10px;
	margin-bottom: 5px;
	float: right;
	width: 265px;
	font-size: 85%;
	overflow: auto;
}
#lightbox .moreworks {
	width: 250px;
	float: right;
	overflow: hidden;
	padding-top: 5px;
	margin-right: 5px;
}
/* Button class - note it can be applied to links as well */

input[type=submit], button, .btn, .button {
	font-family: Verdana;
	font-size: 93%;
	height: 20px;
	color: #000;
	border: 1px solid #bbb;
	background-color: #eee;
	text-decoration: none;
	margin-right: 6px;
	padding: 0px 3px 2px 3px;
	cursor: pointer;
	vertical-align: middle;
}
a.btn {
	font-size: 93%;
	height: 17px;
	width: auto;
	display: block;
	padding: 4px 3px 0px 3px;
	float: left;
	white-space: nowrap;
}
.btn *, .button * {
	vertical-align: middle;
}
.disabled, .disabled:hover, input[disabled].btn, input[disabled].btn:hover, button[disabled].btn, button[disabled].btn:hover, input[type=button][disabled], input[type=submit][disabled], input[type=button][disabled]:hover, input[type=submit][disabled]:hover {
	color: #666 !important;
	background-color: #eee !important;
	cursor: default;
}
button.btn, input.btn, .button {
	width: auto;
	overflow: visible;
	line-height: 130%;
}
input[type=submit]:hover, button:hover, .btn:hover, .button:hover {
	color: #000;
	background-color: #bbb;
	border: 1px solid #777;
	text-decoration: none;
}
.buttons {
	margin: 1em 0em;
}
/* links to audio works and podcasts */
.podcastBox {
	background-color: #f0efed;
	border: solid 1px #e2e1dd;
	padding: 20px;
	width: 60%;
	display: block;
}
.podcastBox .podcastLinks {
	margin-top: 1em;
}
.podcastBox a, .podcast /* class podcast is included for legacy support  */ {
	background: #ddd url(/newimages/arrow-black.gif) no-repeat scroll;
	background-position: 4px center;
	border: 1px dotted #888;
	font-size: 90%;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0.5em 7px 0 0;
	padding: 2px 0.7em 2px 17px;
	text-decoration: none !important;
	color: #333333 !important;
}
/* asp.net ajax accordion pane styles */

.accordionheader div {
	float: left;
}
#accordionheader {
	float: right;
}
.accordionheader {
	color: #000;
	border-top: solid 1px #fff;
	font-size: 90%;
	font-weight: bold;
	padding: 5px 2px 5px 20px;
	cursor: pointer;
	background: #bbb url('/newimages/arrow-black.gif') no-repeat scroll 5px 8px;
}
.accordionheaderselected {
	color: #fff;
	border-bottom: solid 1px #fff;
	font-size: 90%;
	font-weight: bold;
	padding: 5px 2px 5px 20px;
	cursor: pointer;
	background: #999 url(/newimages/arrow-white.gif) no-repeat scroll 5px 8px;
}
.accordionheader:hover, .accordionheaderselected:hover {
	text-decoration: underline;
}
.accordionheaderenquiry {
	color: #b00;
	font-size: 95%;
	font-weight: bold;
	padding-left: 10px;
}
.accordioncontent {
	background-color: #fff;
	color: #000;
	border-left: dotted 1px #aaa;
	border-right: dotted 1px #aaa;
	border-bottom: dotted 1px #aaa;
	font-size: 90%;
	font-weight: normal;
}
.accordioncontent li {
	color: #000;
	text-decoration: none;
	list-style-image: url(../images/arrow-menu-off.gif);
	padding-left: 2px;
}
.accordionheaderselectedmain {
	background: #ffffff url(../images/bg-searchbutton-blue.jpg) repeat-x left top;
	padding-left: 3px;
	color: #f5f5f5;
	cursor: pointer;
	text-align: left;
	height: 25px;
}
.accordioncontentmain {
	background-color: #FFFFFF;
	color: #000000;
	padding: 2px 2px 10px 2px;
}
.accordionheadermain {
	background: #FFFFFF url(../images/bg-searchbutton-blue.jpg) repeat-x left top;
	padding-left: 3px;
	color: #f5f5f5;
	cursor: pointer;
	text-align: left;
	height: 25px;
}
.membersarea_tableheader {
	color: #000000;
	border-top: solid 1px #ffffff;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 2px 5px 15px;
	cursor: pointer;
	background: #bbbbbb url(../images/black-on-trans-arrow.gif) no -repeat 3px 8px;
}
.membersarea_table_row {
	color: #000000;
	font-size: 95%;
	cursor: pointer;
	background-color: #EEEEEE;
	border: dotted 1px #CCCCCC;
}
.membersarea_table_row td, .membersarea_table_alternatingrow td, .membersarea_tableheader td {
	padding: 5px 5px 5px 5px;
}
.membersarea_table_alternatingrow {
	color: #000000;
	font-size: 95%;
	cursor: pointer;
	background-color: #fedecd;
	border: dotted 1px #CCCCCC;
}
/* Network discussion display header area */
.network {
	font-size: 90%;
	font-weight: normal;
	margin-bottom: 1.2em;
}
/* Main forum details */
.network div.mainblock {
	float: left;
	width: 500px;
	max-width: 500px;
	border: dotted 1px #fc6916;
	padding: 10px 10px 10px 10px;
	color: #000000;
}
/* lhs block */
.network div.menu {
	float: right;
	padding-right: 3px;
	width: 195px;
	font-size: 100%;
	text-align: left;
}
.network div.menu li {
	color: #000000;
}
/* Network mainblock paragraph */
.network p {
	margin-top: 10px;
}
.networkpostheader {
	background-color: #fedecd;
	padding: 3px 3px 3px 3px;
}
.networkpost {
	padding: 3px 3px 3px 3px;
}
.networkpaging {
	padding: 3px 3px 3px 3px;
	height: 20px;
}
.networkpostmainbody {
	border: solid 1px #000000; /*border-right:solid 1px #fedecd;*/ /*border-left:solid 1px #fedecd;*/
}
.networkpostfooter {
	background-color: #ffffff;
	border: solid 1px #fedecd;
}
/* search box*/

#modifysearch {
	width: 97%;
	border: 1px dotted #125180;
	padding: 0.5em;
}
#modifysearch div {
	float: left;
}
#modifysearch .newsearch {
	width: 320px;
	margin-bottom: 10px;
}
#modifysearch .searchnarrow {
	width: 220px;
}
#modifysearch .newsearch label {
	font-weight: bold;
}
#modifysearch .newsearch input {
	vertical-align: middle;
}
#searchinterface {
	margin: 1em 0 3em 0;
}
#searchinterface select {
	vertical-align: middle;
	margin: 0 0.4em;
}
/* search a to z */

.searchbox {
}
.atoz {
	width: 400px;
	height: 80px;
	float: left;
}
.atoz ul {
	width: 370px;
	height: 60px;
	margin: 0.5em;
}
.atoz ul li {
	list-style-type: none;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
	border: dotted 1px #888;
}
.atoz ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #125180;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 14px;
	height: 14px;
	padding: 3px 0px 3px 4px;
	cursor: pointer;
}
.atoz .on, .atoz ul li:hover {
	background-color: #ddd;
	border: 1px solid #125180;
}
.options {
	float: right;
	width: 250px;
}
.atozpaging strong {
	color: #125180;
}
/* .NET Calendar extender styles */
.Calendar {
	border-style: none;
	font-size: xx-small;
	width: 180px;
}
.Calendar td, .Calendar th {
	padding: 0.2em;
}
.Calendar a {
	text-decoration: none;
}
.Calendar table tbody /* month selector */ {
	font-weight: bold;
	font-size: x-small;
}
/* filters */

.filter {
	font-size: 93%;
}
.filter p {
	margin-bottom: 0.5em !important;
}
.filter ul {
	margin: 0.2em 1.0em 0em 0.9em;
	border-bottom: 1px solid #125180;
	padding-bottom: 10px;
	padding-left: 0.2em;
	padding-top: 0;
}
.filter ul li {
	list-style-type: none;
	list-style-position: outside;
}
.filter ul li a {
	text-decoration: none;
	line-height: 1.4;
}
.filter ul li a img {
	vertical-align: middle;
	padding-left: 4px;
}
.filter ul li.attached {
	font-weight: bold;
}
.filter strong {
	display: block;
	margin: 3px;
}
.filter .firstfilter strong {
	border-top: none;
	padding-top: 0.5em;
}
.filter ul li strong {
	border: 0;
	display: inline;
	padding: 0;
	margin: 0;
}
.activefilters {
	font-size: 85%;
	margin: 0.5em;
	padding: 5px 2px 0 5px;
	border: dotted 1px #125180;
	background-color: #ddd;
	color: #125180;
}
.activefilters strong {
	display: block;
}
.activefilters ul li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
}
.activefilters ul li strong {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.activefilters a {
	font-size: 85%;
	text-decoration: none;
	background: transparent url(../newimages/arrow-members.gif) no -repeat scroll;
	background-position: left 50%;
	padding-left: 15px;
	color: #FF5A00;
}
.activefilters a:hover {
	color: #FF5A00;
	text-decoration: underline;
}
.curator_app_edit {
	padding: 4px 0.8em 0.8em 0.8em;
	float: right;
}
/* event listing */
.event {
	padding-bottom: 1em;
	border-bottom: solid 1px #125180;
}
.event a {
	font-size: 108%;
	color: #125180;
	text-decoration: none;
	font-weight: bold;
	padding-right: 15px;
	background: transparent url(../newimages/arrow-search.gif) no-repeat scroll right center;
}
.event a:hover {
	text-decoration: underline;
}
/* summary view (on search) */

.summary {
	width: 600px;
	height: 150px;
	border-bottom: dotted 1px #125180;
	margin-bottom: 1em;
}
/* curator summary view (on search) */
.curatorsummary {
	width: 600px;
	max-height: 180px;
	border-bottom: dotted 1px #125180;
	margin-bottom: 1em;
}
.summary .slide, .summary .slideselected, .curatorsummary .slide, .curatorsummary .slideselected {
	float: left;
}
.summary .text, .curatorsummary .text {
	margin-left: 140px;
	width: 400px;
}
.summary .text strong a, .curatorsummary .text strong a {
	text-decoration: none;
}
.summary .text strong img, .curatorsummary .text strong img {
	vertical-align: middle;
	margin-left: 6px;
}
/* summary view (no filters) */
.summary-wide {
	width: 730px;
	padding-bottom: 1em;
	border-bottom: dotted 1px #125180;
	margin-bottom: 1em;
}
.summary-wide .slide, .summary-wide .slideselected {
	float: left;
}
.summary-wide .text {
	margin-left: 140px;
	width: 500px;
}
.summary-wide .text strong a {
	font-size: 108%;
	text-decoration: none; /*background: transparent url (../newimages/arrow-search.gif) no-repeat scroll; 	background- position: right 50%;*/
	padding-right: 15px;
}
.summary-wide .text strong img {
	vertical-align: middle;
	margin-left: 6px;
}
.faded {
	color: #888;
}
.toggleshortlist {
	vertical-align: middle;
	padding-left: 6px;
}
/* Curator listing */
.curatorsummary {
	padding: 10px 0 10px 0;
	margin: 0; /*border-top: solid 1px #125180; */
}
.curatorabstract {
	float: left;
	margin-left: 20px;
	width: 500px;
}
.curatorabstract p {
	margin-top: 0.2em;
}
.curatorabstract a strong {
	font-size: 115%;
	color: #125180;
	text-decoration: none;
	background: transparent url(../newimages/arrow-search.gif) no-repeat right 50%;
	padding-right: 15px;
}
.curatorabstract a:hover strong {
	text-decoration: underline;
}
/* Webzine display header area */
#journal {
	font-size: 108%;
	font-weight: normal;
	margin-bottom: 2em;
}
/* Main webzine details */
.journalissn {
	float: right;
	text-align: right;
	color: #66bc29;
	font-weight: bold;
}
/* rhs block */
#journal div.menu {
	font-size: 80%;
	float: right;
	padding-right: 3px;
	width: 195px;
	text-align: left;
}
#journal div.menu li {
	margin-left: 10px;
	padding: 2px 2px 2px 2px;
}
.menu li {
	list-style-type: none;
	font-size: 90%;
}
/* Mainblock paragraph */
#journal p {
	margin-top: 10px;
}
.navigation {
	font-size: 90%;
	font-weight: normal;
	margin: 0.8em 1em 1em .5em;
}
.rcontent #navigationbottom {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 1em;
}
.navigation div, #navigationbottom div {
	float: right;
}
.journaleditorial {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	background: transparent url(/newimages/arrow-dialogue.gif) no-repeat scroll 0px 7px;
	float: left;
	margin: 2px 2px 2px 2px;
	padding: 0pt 0pt 0pt 12px;
	display: block;
	min-height: 50px;
}
.journalpanel {
	padding: 0px 2px 12px 2px;
	border-bottom: dotted 1px #66bc29;
}
.journaleditorial a, .journaleditorial a:visited {
	color: #66bc29;
}
.journaleditorial #advisorname {
	font-weight: bold;
	margin: 2px 2px 2px 0px;
	padding: 0px 0px 0px 4px;
}
.journaleditorial #advisordetails {
	font-weight: normal;
	font-size: .9em;
	padding: 0px 0px 0px 4px;
}
.popupControl {
	background-color: #66bc29;
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-color: Black;
	border-width: 2px;
}
.panelcontent {
	font-weight: normal;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.newbulletinitem {
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	border-bottom: dotted 1px #ff5a00;
}
.newbulletinitem .slide, .newbulletinitem .slideselected {
	float: left;
	width: 120px;
	margin-right: 15px;
}
.newbulletinitem .text {
	margin-left: 150px;
}
/*info menu */

#header #imenu {
	margin: 0px 0px 0px 25px;
	width: 200px;
	float: left;
}
#header #imenu ul {
	margin: 0pt;
}
#header #imenu ul li {
	list-style-type: none;
	display: inline;
}
#header #imenu ul li a {
	font-size: 85%;
	margin: 0 2px;
	text-decoration: none;
	color: #333;
}
#header #imenu ul li a:hover {
	text-decoration: underline;
}
#header #imenu.dyn {
	margin: 5px 0px 0px 25px;
	width: 200px;
	height: 70px;
	border: 1px solid #888;
	background-color: #eee;
	padding: 4px;
	z-index: 100;
}
#header #imenu.dyn ul li {
	display: list-item;
}
#header #imenu.dyn ul li a {
	background-image: url(/newimages/arrow-search.gif);
	padding-left: 4px;
	padding-right: 15px;
	background-attachment: scroll;
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
}
td, th {
	padding: 0.1em;
}
/* data grid view */
.gridview {
	/*border-bottom-color:Black;*/
}
.gridview_header {
	background-color: #CCCCCC;
	text-align: left;
}
.gridview_linktext {
	font-size: 100%;
	font-weight: bold;
}
.gridview_row {
	height: 15px;
}
.gridview_alternatingrow {
	background-color: #DDDDDD;
	height: 15px;
}
.gridview_item {
	height: 15px;
}
/* theme for Ajax tabs */
.ajaxtab {
	background-color: Menu;
}
.ajaxtab .ajax__tab_tab {
	height: 22px;
	padding: 2px;
	margin: 0;
	border-width: medium;
	background-color: white;
}
.ajaxtab .ajax__tab_hover .ajax__tab_tab {
	background-color: Highlight;
}
.ajaxtab .ajax__tab_active .ajax__tab_tab {
	background-color: Gray;
}
.ajaxtab .ajax__tab_body {
	border: 1px solid #999999;
	padding: 8px;
	background-color: white;
}
/* Forums */

.forumheaderrowpostid {
	background-color: #CCCCCC;
	border-left: dotted 1px #CCCCCC;
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	text-align: left;
	padding-left: 3px;
	width: 49%;
}
.forumheaderrowpostedby {
	background-color: #CCCCCC;
	border-right: dotted 1px #CCCCCC;
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	text-align: right;
	padding-right: 3px;
	width: 49%;
}
.forummainrow {
	border: dotted 1px #CCCCCC;
	padding: 2px 2px 2px 2px;
	height: 50px;
}
.forummainrow #leftcol {
	float: left;
	background-color: #CCCCCC;
	text-align: center;
	width: 40%;
	padding: 10px;
	border: solid 1px #999999;
}
.forummainrow #rightcol {
	float: left;
	padding-left: 5px;
	margin-left: 5px;
	width: 50%;
}
.forumfootercell {
	border: dotted 1px #CCCCCC;
	padding: 2px 5px 2px 2px;
}
.forum {
	font-weight: normal;
	margin-bottom: 1.2em;
}
/* Main forum details */
.forum div.mainblock {
	float: left;
	width: 75%;
	min-height: 80px;
	border: dotted 1px #CCCCCC;
	padding: 5px 5px 5px 5px;
	margin: 0px 10px 10px 0px;
	color: #000000;
}
/* lhs block */
.forum div.menu {
	float: right;
	padding-right: 3px;
	margin-right: 20px;
	font-size: 100%;
	text-align: left;
}
.forum div.menu li {
	color: #000000;
	font-size: 90%;
}
.forumbody {
	color: #000000;
	font-size: 100%;
	width: 95%;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: dashed 1px #CCCCCC;
	border-width: thin;
}
.narrow .forumbody {
	width: auto !important;
}
.forumcmstable {
	border: solid 1px #CCCCCC;
}
.forumcmstableheader {
	color: #000000;
	background-color: #CCCCCC;
	font-size: 100%;
	border: solid 1px #AAAAAA;
}
.forumcmstablecell {
	color: #000000;
	text-align: center;
	background-color: #DDDDDD;
	font-size: 90%;
	border: solid 1px #BBBBBB;
}
/* RH - New forum style */
.forumpostframe {
	padding-bottom: 5px;
	padding-top: 5px;
}
.forumpostlhs {
	width: 110px;
	border-top: solid 2px #CCCCCC;
	float: left;
	min-height: 120px;
	padding: 3px;
	padding-left: 0px;
	margin-left: 0px;
	text-align: left;
	font-size: 95%;
}
.forumpostcenter {
	width: 490px;
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	float: left;
	min-height: 120px;
	padding: 2px;
	margin-right: 3px;
	margin-left: 3px;
	font-size: 95%;
}
.forumpostcenterarchive {
	width: 600px;
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	float: left;
	min-height: 120px;
	padding: 2px;
	margin-right: 3px;
	margin-left: 3px;
	font-size: 95%;
}
.forumpostcenteruser {
	background-color: #CCCCCC;
	min-height: 20px;
	padding: 5px 5px 0px 5px;
	border-bottom: dotted 1px #AAAAAA;
	font-size: 95%;
}
.forumpostcenteruser div {
	float: right;
	color: #AAAAAA;
}
.forumpostcenterbody {
	margin-top: 5px;
	padding: 4px;
	font-size: 98%;
}
.forumpostcenterbodylhs {
	width: 55%;
	float: left;
	text-align: center;
	background-color: #CCCCCC;
	border: solid 1px #999999;
	padding: 4px;
}
.forumpostcenterbodyrhs {
	width: 40%;
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	float: left;
}
.forumpostbody p {
	padding-top: 5px;
}
.forumpostrhs {
	width: 92px;
	border-top: solid 2px #CCCCCC;
	float: left;
	min-height: 120px;
	padding: 2px;
}
.forumpostrhs a, a:visited, a:hover {
	/*text-decoration:none;*/
}
.forumprofileimage {
	margin-top: 5px;
}
.forumpostrhslink {
	margin-left: 2px;
	margin-right: 2px;
	width: 88px;
	background-color: #FFFFFF;
	height: 18px;
	padding: 2px 2px 0px 2px;
	color: Black;
	border-bottom: solid 1px #CCCCCC;
	font-size: 95%;
}
.forumpostrhslink a {
	margin-top: 3px;
	padding-left: 3px;
}
#forumactionlink {
	text-decoration: none;
}
.forumpostrhslink:hover {
	background-color: #CCCCCC;
	cursor: pointer;
}
.forummedia {
	width: 260px;
	float: left;
	text-align: center;
	background-color: #CCCCCC;
	border: solid 1px #999999;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.forumvideo {
	width: 100%;
	float: none;
	text-align: left;
	margin-bottom: 10px;
}
.forumlinks {
	margin: 0px;
	border: solid 1px #AAAAAA;
	background-color: #CCCCCC;
	padding: 6px;
}
.popupControl {
	background-color: #AAD4FF;
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-color: Black;
	border-width: 2px;
}
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup {
	background-color: #f5f5f5;
	border: solid 3px #444;
	padding: 13px;
	width: 350px;
}
.modalPopup .tableForm tr, .modalPopup .tableForm td {
	margin: 2px;
	padding: 2px;
	font-weight: bold;
}
.modalPopup .tableForm tr input {
	padding: 2px 0 2px 0;
}
.modalPopupArtworks {
	background-color: #f5f5f5;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 13px;
	width: 600px;
}
/* -------------------------------------------------------------------

-------------*/
/* Staff profiles */
/* -------------------------------------------------------------------

-------------*/

.staffProfiles {
	background-color: #D3D3D0;
	margin: 30px 50px 30px 35px;
	padding-top: 15px;
	padding-bottom: 155px;
}
.staffProfiles p {
	margin-top: 30px;
	margin-left: 30px;
}
.staffProfiles .Profile {
	float: left;
	width: 185px;
	height: 155px;
	padding: 0 0 0 30px;
	margin: 0;
}
.staffProfiles .Picture {
	width: 185px;
	height: 123px;
	background-color: #f0f0f0;
	overflow: hidden;
}
.staffProfiles .Picture p {
	text-align: center;
	margin-top: 50px;
	margin-left: 0;
	color: #999999;
	font-size: 90%;
	text-decoration: none !important;
}
.staffProfiles .Name {
	margin: 0.5em 0 0 0;
	padding: 0;
	text-align: right;
	font-size: 90%;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-style: italic;
}
.staffProfiles .Name a {
	text-decoration: none;
}
.staffProfiles .Name a:hover {
	text-decoration: underline;
}
/* -------------------------------------------------------------------

-------------*/
/* CMS buttons */
/* -------------------------------------------------------------------

-------------*/

.cmsButtons {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.cmsButtons .right {
	float: right;
	text-align: right;
}
.cmsButton, .cmsButtonWhite, .cmsButtonDark, .cmsButtonBig, .cmsButtonXP, .cmsButtonVista {
	line-height: 30px;
	vertical-align: middle;
	background-color: White;
	background-position: right top;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	font-size: 110%;
	color: #777777;
	font-weight: bold;
	padding-right: 1em;
	margin-right: 1em;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box; /*ff*/
}
.cmsButton span, .cmsButtonWhite span, .cmsButtonDark span, .cmsButtonBig span, .cmsButtonXP span, .cmsButtonVista span {
	height: 30px;
	line-height: 30px;
	background-color: White;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	display: inline-block;
	padding-left: 1em;
}
.cmsButton:hover, .cmsButtonWhite:hover, .cmsButtonDark:hover, .cmsButtonBig:hover, .cmsButtonXP:hover, .cmsButtonVista:hover {
	background-position: right 100%;
	color: #ea6333;
}
.cmsButton:hover span, .cmsButtonWhite:hover span, .cmsButtonDark:hover span, .cmsButtonBig:hover span, .cmsButtonXP:hover span, .cmsButtonVista:hover span {
	background-position: left 100%;
}
/* standard button */
.cmsButton {
	background-image: url(/cms/images/btnGrey.gif);
}
.cmsButton span {
	background-image: url(/cms/images/btnGrey.gif);
}
/* white button */
.cmsButtonWhite {
	background-image: url(/cms/images/btnWhite.gif);
}
.cmsButtonWhite span {
	background-image: url(/cms/images/btnWhite.gif);
}
/* dark grey button */
/*.cmsButtonDark { color: white; background-image: url

(/cms/images/btnDarkGrey.gif); }
.cmsButtonDark span { background-image: url

(/cms/images/btnDarkGrey.gif); }*/
.cmsButtonDark:hover {
	color: black;
}
/* big button */
.cmsButtonBig {
	line-height: 45px;
	font-size: 170%;
	color: #ea6333;
	background-image: url(/cms/images/btnGreyBig.gif);
}
.cmsButtonBig span {
	height: 45px;
	line-height: 45px;
	background-image: url(/cms/images/btnGreyBig.gif);
}
.cmsButtonBig:hover {
	color: black;
}
/* XP client button */
.cmsButtonXP {
	line-height: 22px;
	font-size: 70%;
	font-weight: normal;
	font-family: Arial;
	color: black;
	background-image: url(/cms/images/btnClientXP.gif);
}
.cmsButtonXP span {
	height: 22px;
	line-height: 22px;
	background-image: url(/cms/images/btnClientXP.gif);
}
.cmsButtonXP:hover {
	color: black;
}
/* Vista client button */
.cmsButtonVista {
	line-height: 22px;
	font-size: 70%;
	font-weight: normal;
	color: black;
	background-image: url(/cms/images/btnClientVista.gif);
}
.cmsButtonVista span {
	height: 22px;
	line-height: 22px;
	background-image: url(/cms/images/btnClientVista.gif);
}
.cmsButtonVista:hover {
	color: black;
}
/* -------------------------------------------------------------------

-------------*/
/* New page templates+editor styles */
/* -------------------------------------------------------------------

-------------*/

/* two columns */
.TwoColumnTemplate {
	width: 100%;
	float: left;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
}
TwoColumnTemplate p {
	margin-top: 1em;
}
.TwoColumnTemplate .left, .TwoColumnTemplate .right {
	color: black;
	padding: 5px 0;
	vertical-align: top;
}
.TwoColumnTemplate .left {
	width: 47%;
}
.TwoColumnTemplate .right {
	width: 47%;
	float: right;
}
.TwoColumnTemplate .podcastBox {
	width: auto;
}
/* two columns in wide page, where the left column is slightly wider 

than the right one */
.wide .TwoColumnTemplate .left {
	width: 53%;
}
.wide .TwoColumnTemplate .right {
	width: 40%;
	padding-right: 10px;
}
/* programme-coloured header box */
.HeaderBoxTemplate {
	width: 100%;
	background-image: url(/newimages/abstract-search.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 1em 15px 2em 20px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.narrow .HeaderBoxTemplate {
	position: relative;
	left: -60px;
	padding-left: 60px;
	padding-right: 60px;
}
/* single box over full width */
.SingleBoxTemplate {
	border: 1px solid #bbbbbb;
	float: left;
	width: 100%;
	margin: 1.5em 0px 1em 0;
}
.SingleBoxTemplate .heading {
	background-color: #cccccc;
	margin: 0px -1px 0px -1px;
	padding: 0.3em 0.6em 0.3em 1em;
	font-weight: bold;
	font-size: 100%;
}
.SingleBoxTemplate .heading div {
	float: right;
}
.SingleBoxTemplate p {
	margin: 1em;
}
.SingleBoxTemplate ul, .SingleBoxTemplate ol {
	margin-left: 2em;
}
/* three boxes in a row */
.ThreeBoxesTemplate {
	width: 100%;
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
}
.ThreeBoxesTemplate .optionBox {
	float: left;
	width: 30%;
	margin-right: 28px;
	border: solid 1px #ddd;
}
.ThreeBoxesTemplate .lastBox {
	margin-right: 0px;
}
.ThreeBoxesTemplate .heading1, .ThreeBoxesTemplate .heading2, .ThreeBoxesTemplate .heading3 {
	padding: 5px;
	font-weight: bold;
	background-image: url(/newimages/abstract-search.jpg);
	background-repeat: repeat-x;
}
.ThreeBoxesTemplate .heading1 {
	background-position: left 30%;
}
.ThreeBoxesTemplate .heading2 {
	background-position: left 50%;
}
.ThreeBoxesTemplate .heading3 {
	background-position: left 70%;
}
.ThreeBoxesTemplate p {
	padding: 5px;
	min-height: 2em;
}
/* list item with image */
.ImageListTemplate {
	float: left;
	width: 100%;
	border-bottom: dotted 1px #125180;
	margin-bottom: 1em;
	min-height: 100px;
}
.ImageListTemplate .itemimage {
	float: left;
	vertical-align: top;
	width: 180px;
	min-height: 100px;
	overflow: hidden;
	padding: 10px;
	margin: 0;
}
.ImageListTemplate .itemtext {
	margin-left: 200px;
	padding: 10px;
}
/*grid of images, most styles are related to imgBackground blocks 

within this template*/
.ImageGridTemplate {
	width: 100%;
	margin-top: 40px;
}
/* image without any background */
.imgArtwork {
}
.imgDetails {
	font-size: 85%;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.imgDetails strong {
	display: block;
}
.imgCredits {
	font-size: 85%;
	margin-bottom: 1em;
}
/* image on grey background */
.imgBackground {
	width: 100%;
	background-color: #f0efed;
	border: solid 1px #e2e1dd;
	padding: 20px 40px;
	margin-bottom: 1em;
	float: left;
}
.wide > .imgBackground, .narrow > .imgBackground {
	width: 87%;
}
.imgBackground .imgArtwork {
	float: left;
}
.imgBackground .imgDetails {
	float: left;
	margin-left: 4em;
	margin-top: 4em;
	font-size: 100%;
}
.imgBackground .imgCredits {
	float: left;
	margin-top: 5em;
	margin-left: 2em;
}
.imgBackground .imgArtwork img {
    max-width: 300px;
    max-height:300px;
}
/*image on grey background in TwoColumnTemplate */
.TwoColumnTemplate .imgBackground {
	margin-bottom: 0;
	padding: 20px 0 20px 0;
}
.TwoColumnTemplate .imgBackground .imgArtwork {
	float: none;
	text-align: center;
}
.TwoColumnTemplate .imgBackground .imgDetails {
	float: left;
	margin: 20px 0 0 20px;
}
.TwoColumnTemplate .imgBackground .imgCredits {
	float: left;
	margin-top: 2em;
	margin-left: 2em;
}
/*image on grey background in ImageGrid */
.ImageGridTemplate .imgBackground {
	width: 250px;
	height: 230px;
	padding: 10px 5px;
	margin: 0 5px 5px 0;
}
.ImageGridTemplate .imgBackground .imgArtwork img {
	width: 245px;
	margin-left: 2px;
}
.ImageGridTemplate .imgBackground .imgDetails {
	margin: 1em 35px 0.5em 1.5em;
	font-size: 90%;
}
.ImageGridTemplate .imgBackground .imgCredits {
	clear: left;
	height: 0;
	position: relative;
	top: -80px;
	left: 200px;
}
/* ABOUT MEMBERSHIP */

#membership {
}
#membership .heading {
	border: 2px solid #ffffff;
	font-weight: bold;
	color: #FF6600;
	text-align: center;
}
#membership .header {
	/*background-color: #dddddd;*/
}
#membership .body {
	text-align: center;
}
#membership .subHeading {
	width: 320px; /*background-color: #dddddd;*/
	font-weight: bold;
}
/* */

/* Email Filter */

#emailFilter {
}
.pop3Confirm {
	border: 1px solid #00AA00;
	background-color: #CCFFCC;
	float: right;
	padding: 5px;
	margin-right: 5px;
}
.pop3Error {
	border: 1px solid #FF0000;
	background-color: #FFCC99;
	float: right;
	padding: 5px;
	margin-right: 5px;
}
/* Send to a friend */

.context div {
	display: inline;
}
.sendtoafriend {
	font-weight: normal !important;
	white-space: normal !important;
	font-size: 0.9em;
}
.sendtoafriend .tableForm {
	/*background-image: url(/newimages/staf.png); 	background- repeat: repeat-y;*/
	min-height: 200px;
	padding-top: 15px;
}
.sendtoafriend table {
	margin: 0.5em, 0em;
}
.sendtoafriend p {
	color: #333333;
	padding: 0px !important;
	margin: 10px 0px !important;
	font-size: 0.9em;
}
.sendtoafriend span {
	color: #333333;
	font-size: 100% !important;
}
.required {
	color: #ff0000 !important;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
}
.tableForm tr {
	margin-bottom: 4px;
}
.tableForm .column1 {
	width: 130px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}
.tableForm .column1 td {
	margin-right: 10px;
}
.tableForm .column2 {
}
/* Tag Results */


.tagResults li {
	list-style-image: none;
	list-style-type: none;
}
.tagResults span a {
	color: green;
	font-size: 0.9em;
	text-decoration: none;
}
.tagResults span a:hover {
	color: green;
	font-size: 0.9em;
	text-decoration: underline;
}
.tagResults p {
	margin: 0px;
}
.tagResults p a {
	margin: 0px;
	padding: 0px;
}
.tagImageBox {
	width: 100px;
	text-align: center;
	padding-right: 10px;
}
.tagContentBox {
	vertical-align: top;
	vertical-align: text-top;
}
.tagContentBox a.arrowlarge {
	margin-left: 0px !important;
}
.tagContentBox .lbOn {
	background-image: url(/newimages/arrow-search.gif) !important;
	background-repeat: no-repeat;
	color: #125180;
	font-size: 100%;
	font-weight: bold;
	background-attachment: scroll;
	background-color: transparent;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}

.tagAutoCompleteItem {
	list-style-image: none;
	list-style-type: none;
}
.tagAutoCompleteItemHighlight {
	background-color: #dddddd;
	list-style-image: none;
	list-style-type: none;
}
.tagAutoComplete {
	margin: 0px !important;
	background-color: #ffffff;
	border: 1px solid #666666;
	overflow: visible;
	visibility: visible;
}
.tagAutoComplete li {
	margin: 0px !important;
	padding-left: 2px;
}
.newTagBox {
	background-color: #FFFFFF;
	height: 220px;
	margin-top: 10px;
	padding-left: 40px;
	padding-top: 5px;
}
.newTagBox h2 {
	color: #125180;
	margin-top: 10px;
	text-indent: 15px;
}
.newTagBox table {
	margin-bottom: 0;
	padding: 0;
	width: 96%;
}
.tags {
	float: left;
	position: relative;
	top: -5px;
	padding: 4px;
	margin-right: 10px;
	font-weight: bold;
}
#tagList {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
#tagList li {
	float: left;
	overflow: hidden;
	margin: 0 5px 0 0px;
	font-size: 12px;
}
/*------------------------------*/
/* Tumblr feed widget */
/*------------------------------*/
.tumblr_posts {
	padding: 0 20px;
	width: 90%;
	overflow: hidden;
}
.tumblr_posts a {
	color: #6f9916;
}
.tumblr_posts a:hover, .tumblr_posts a:focus {
	color: black;
}
li.tumblr_post {
	background-color: #f0efed;
	border: solid 1px #e2e1dd;
	border-top: solid 5px #e2e1dd;
	padding: 1em 1em 1em 50px;
	margin: 0 !important;
	list-style: none;
}
.tumblr_text_post {
	background: transparent url(/newimages/tumblr_text.gif) no-repeat scroll 5px 10px;
}
.tumblr_link_post {
	background: transparent url(/newimages/tumblr_link.gif) no-repeat scroll 5px 10px;
}
.tumblr_audio_post {
	background: transparent url(/newimages/tumblr_audio.gif) no-repeat scroll 5px 10px;
}
.tumblr_video_post {
	background: transparent url(/newimages/tumblr_video.gif) no-repeat scroll 5px 10px;
}
.tumblr_chat_post {
	background: transparent url(/newimages/tumblr_chat.gif) no-repeat scroll 5px 10px;
}
.tumblr_photo_post {
	background: transparent url(/newimages/tumblr_photo.gif) no-repeat scroll 5px 10px;
}
.tumblr_quote_post {
	background: transparent url(/newimages/tumblr_quote.gif) no-repeat scroll 5px 10px;
}
.tumblr_post img {
	max-width: 540px;
}
.tumblr_caption, .tumblr_caption h1 {
	font-size: 100%;
	font-weight: normal;
	margin: 0.5em 0;
}
.tumblr_quote {
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-style: italic;
	margin-top: 1.5em;
}
.tumblr_open_quote, .tumblr_close_quote {
	display: none; /*	font-size: 500%; 	color: #6f9916;  	font-weight: bold; 	margin-left: -5px; 	line-height:  80%;  */
}
.tumblr_open_quote {
	line-height: 40%;
}
.tumblr_title {
	font-size: 150%;
	font-weight: bold;
}
.tumblr_source img {
	display: block;
}
.tumblr_link {
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 150%;
}
.tumblr_posts .read_more {
	float: right;
	background: transparent url('/newimages/arrow-dialogue.gif') no-repeat scroll right center;
	padding-right: 15px;
}
.tumblr_posts .read_more_container {
	width: 100%;
}
/*membership styles*/
#membership {
	width: 100%;
}
#membership .Colright, .Colleft {
	float: left;
	width: 350px;
	background-color: #6C6D6F;
}
#membership .Colleft {
	margin-right: 70px;
}
#memColleft .memColHeading {
	background-color: #6C6D6F;
}
#membership h1 {
	font-size: 180% !important;
	color: #FF8400 !important;
	margin: 0.5em 0em 0.5em 0.5em;
}
#membership h2 {
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	margin: 0em 0em 0em 1em;
}
#membership h3 {
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	margin: 0em 0em 0em 1em;
}
.memContent {
	color: #fff;
	height: 100%;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
.membershipPrice {
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	width: 200px;
	display: block;
	margin-bottom: 15px;
}

.membershipPrice p {
font-size: 70%
}
.membershipPrice span {
font-size: 70%
}
.memContentItems {
}
.memContentItemsText {
	/*background-color:#78797C ;*/
	margin-top: 10px;
	min-height: 150px;
}
.memContentItemsFooter {
	/*background-color:#78797C ;*/
	min-height: 10px;
	padding-bottom: 0.5em;
}
.memContentItemsFooter a {
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 1em 0.5em;
}
.memContentMemberText ul {
	margin-left: 15px;
}
.memContentItemsText ul {
	margin-left: 15px;
}
#benefitContent li {
	margin-top: 1em;
}
.memContentMemberText {
	margin-top: 10px;
	min-height: 418px;
}
.memContentItemsButton {
}
.memButtons {
	float: left;
	margin-bottom: 10px;
}
.memButtons .right {
	float: right;
	text-align: right;
}
.cmsButtonDark {
	line-height: 25px;
	vertical-align: middle;
	background-color: Transparent;
	background-position: right top;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	font-size: 130%;
	font-weight: bold;
	color: #666666;
	padding: 0 10px 0 0 !important;
	margin-right: 0.5em;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box; /*ff*/
}
.cmsButtonDark span {
	height: 25px;
	width: 200px;
	line-height: 25px;
	background-color: #686868;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	display: inline-block;
	padding-left: 10px;
}
.cmsButtonDark:hover {
	background-position: right 100%;
	color: #fff;
	text-decoration: none;
}
.cmsButtonDark:hover span {
	background-position: left 100%;
}
/* dark grey button */
.cmsButtonDark {
	color: Black;
	background-image: url(/images/btn/btnDark.gif);
}
.cmsButtonDark span {
	background-image: url(/images/btn/btnDark.gif);
}
.cmsButtonDark a:hover {
	color: black;
}
/* membership benefits pages*/
.quotesticker {
	position: absolute;
	top: 5px;
	font-weight: bold;
	width: 400px;
	height: 100%;
	padding: 5em 1em 1em 1em;
	display: none;
}
#benefitColleft {
	float: left;
	width: 38%;
	height:199px;
	background-color: #78797C;
	padding: 10px 10px 10px 20px;
}
#benefitColright {
	float: left;
	width: 40%;
	background-color: #E1E2E3;
	padding: 5em 1em 1em 1em;
}
#benefitheader h1 {
	font-size: 180% !important;
	color: #FF8400 !important;
}
#benefitheader h2 {
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	margin: 0em 0em 0em 1em;
}
#benefitheader h3 {
	font-size: 150%;
	font-weight: bold;
	color: #fff;
	margin: 2em 0em 0em 0em;
	margin: 10px 0 15px 20px;
}
.benefitPrice {
	color: #fff;
	font-size: 150%;
	font-weight: bold;
}

.benefitPrice span{
	font-size: 70%;
}
/*
Overrides ---------------------------------------
*/
.memContentMemberText {
	margin-top: 10px;
	min-height: 20px;
}
.memContent {
	padding: 0;
}
#membership h1 {
	margin: 0.3em 0 0.5em 0.5em;
}
/*
MC Added -------------------------------------
*/
#contentColumn1, #contentColumn2, #contentColumn3 {
	float: left;
	width: 250px;
	background: #78797C;
	color: #fff;
	padding-bottom:15px;
	
}
.greyGradient {
	background-image: -moz-linear-gradient(100% 100% 90deg, #999999, #78797C) !important;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#78797C), to(#999999)) !important;
}
#directoryMembership {
	float: left;
	width: 520px;
	height: 40px;
	background: #78797C;
	margin-bottom: 10px;
}
#directoryMembership h1 {
	color: #FF8400 !important;
	font-size: 180% !important;
	margin: 0;
	text-align: center;
	position: relative;
	top: 5px;
}
#contentColumn1 {
	margin-right: 20px;
	min-height: 450px;
}
#contentColumn1 h3 {
	margin-top: 25px;
}

#contentColumn2 {
	min-height: 330px;
	min-height: 400px;
}
#contentColumn2 .memColHeading {
	padding-top: 5px;
}
#contentColumn3 {
	margin-left: 20px;
	min-height: 400px;
}
#contentColumn1 .memButtons {
	margin-top: 40px;
}
#contentColumn2 .memButtons {
	margin-top: 10px;
}
#contentColumn3 .memButtons {
	margin-top: 78px;
}
#contentColumn3 .memButtons h3 {
	margin-top: 25px;
}
.cmsButtonDark {
	margin-top: 10px;
}
.memButtons {
	padding-left: 15px;
}
.memContentItemsFooter {
	padding-left: 15px;
}
.cmsButtonDark span {
	text-align: center;
}
.curveAll {
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.curveTop {
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.curveBottom {
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.btnCallToActionWrap {
	position: relative;
}
.btnCallToActionWrap h3 {
	padding: 0px;
}
a.btnCallToAction span {
	background: transparent url('/images/btn/btnLeft.png') no-repeat 0px 0px;
	display: block;
	line-height: 50px;
	padding: 0px 10px 0px 10px;
	color: #fff;
	height: 50px;
}
a.btnCallToAction {
	background: transparent url('/images/btn/btnRight.png') no-repeat top right;
	display: block;
	float: left;
	height: 50px;
	margin-right: 5px;
	padding-right: 5px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}
a.btnCallToAction:hover span {
	background-position: 0 -50px;
	color: #000;
}
a.btnCallToAction:hover {
	background-position: right -50px;
}
#benefitheader {
	width: 790px;
	height: 220px;
	background-color: #E1E2E3;
}
body.webkit #benefitheader {
	height: 197px;
}
/* Fancy Box & iframe ------------------------------------------------

----------------------------*/

/*Below - prevents horiz scroll bar in ff ----------------------------

-- */
form#form1 {
	padding: 18px 20px 0;
	margin-bottom: 18px;
}
#fancybox-info {
	position: relative;
	padding: 0;
	float: left;
	margin-left: 15px;
}
#fBoxWrap {
	max-width: 400px;
	position: relative;
}
body#main-image-popup, body#main-image-popup form {
	background: #fff;
}
#fbControls {
	position: absolute;
	float: right;
	right: 0px;
	top: -28px;
	z-index: 999;
	list-style: none;
}
#fbControls a:focus {
	outline: none;
}
/*Remove Dotted border from firefox on click*/
#fbControls li {
	float: left;
	margin-right: 10px;
	list-style: none;
}
#fbControls li a#fbPrint {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -448px;
	z-index: 1104;
	text-indent: -9999px;
}
#fbControls li a#fbPrint:hover {
	background-image: url('images/fancybox.png');
	background-position: -40px -388px;
}
#fbControls li a#fbFriend {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 70px;
	background-image: url('images/fancybox.png');
	background-position: -40px -418px;
	z-index: 1105;
	text-indent: -9999px;
}
#fbControls li a#fbFriend:hover {
	background-image: url('images/fancybox.png');
	background-position: -40px -354px;
}
#fbControls li a#fbContact {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 120px;
	background-image: url('images/fancybox.png');
	background-position: -40px -480px;
	z-index: 1106;
	text-indent: -9999px;
}
#fbControls li a#fbContact:hover {
	background-image: url('images/fancybox.png');
	background-position: -40px -512px;
}
/*#fancybox-close { position: absolute; top: -15px; right: -15px; 

width: 30px; height: 30px; background-image: url

('images/fancybox.png'); background-position: -40px 0px; cursor: 

pointer; z-index: 1103; display: none; }*/

.fancyboxThumb {
	position: relative;
	top: 0px;
	text-align: center;
	margin: 0;
	padding: 0;
}
.hideLabel, .hidevideo, .subImagePhotographer, .subImageCaption {
	display: none;
}
/* Hide the hidden label field which remembers sub image visual link*/
ul.subImageThumbs {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 107px;
	z-index: 999;
}
.subImageThumbs li {
	width: 80px;
	height: 80px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #d3d3d3;
}
.subImageThumbs li img {
	max-height: 75px;
	max-width: 75px;
}
#fbImgWrapper {
	/*float: left; */
}
.imgFullHolder {
	position: relative; /*text-align:center;*/
	float: left; /*padding: 20px; 	border:solid 1px #777;*/
	margin-bottom: 10px;
	z-index: 7;
}
.contactArtist {
	background: #e9e9e9;
	color: #333;
	padding: 10px;
	border: solid 1px #999;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	margin-top: 10px;
	background: -webkit-gradient(linear, 0 0, 0 50%, from(#f9f9f9), to(#e2e2e2));
	background: -moz-linear-gradient(top, #f9f9f9 0, #e2e2e2 50%) repeat-y;
}
.contactArtistHover {
	background: #bebebe;
	background: #e2e2e2;
	color: #000;
	border: solid 1px #555;
	background: -webkit-gradient(linear, 0 0, 0 25%, from(#f9f9f9), to(#e2e2e2));
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e2e2e2 25%) repeat-y; /*text-shadow:-1px -1px 1px rgba(0,0,0,.2);*/
}
.contactArtist a {
	text-decoration: none;
}
.subImageThumbActive {
	border: 1px solid #444 !important;
	background: #f5f5f5;
}
.subImageThumbHover {
	border: 1px solid #990000 !important;
}
.smallImage {
	max-height: 250px !important;
	max-width: 250px !important;
}
.mediumImage {
	max-height: 400px !important;
	max-width: 400px !important;
}
.largeImage {
	max-height: 500px;
	max-width: 500px;
}
.maxImage {
	max-height: 600px;
	max-width: 600px;
}
.loader {
	background: url ( '/newstyle/images/loadingAnimation.gif' ) no-repeat center center;
	width: 32px;
	height: 32px;
	position: absolute;
	z-index: 787;
}
#element {
	width: 100px;
	height: 100px;
	background: #555;
}
#fBoxWrap h1 {
	margin: 0;
	font-size: 16px;
	padding: 0 0 5px 0;
	font-size: normal;
	font-family: Arial;
}
#fBoxWrap h2 {
	margin: 0;
	font-size: 14px;
	padding: 0 0 5px 0;
	font-size: normal;
	font-family: Arial;
	font-style: italic;
}
#fBoxH1 span {
	color: #000;
	font-size: bold;
}
.fancybox-container h2 {
	font-size: 16px;
}
#fBoxWrap p {
	/*padding: 0 0 5px 0;*/
	font-size: 12px;
}
#pDimensions, #pMaterial, #pPhotographer, #pPrice, #pArtform, #pArtformSub, #tagList, #lblVisPhotographer, #litPhotographer {
	font-style: italic;
	font-size: 12px;
}
#fbImgWrapper p span {
	padding: 0px;
	font-size: 12px;
}
#searchTerms {
}
#subImageInfo {
	max-width: 500px;
	display: block; /*margin: auto;*/
}
.targetSubImageThumb p {
	padding: 5px 0 0 0;
	margin: 0;
	text-align: left;
}
.targetSubImageThumb img {
	vertical-align: middle !important;
}
.loader p {
	padding: 10px;
	background: #fff;
	position: absolute;
	left: -20px;
	top: 25px;
	z-index: 9999;
	color: #000;
}
/* £ArtWorkUploader Start ---------------------------------------------------------------------------------------------------------- */

/* body #main:after = Code to make content wrapper actually wrap around the content (NB is body tag needed ???? )*/
body #main:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0; /*clear: both;*/ /* Causing a gap at the bottom of pages */
	visibility: hidden;
}

#SubArtformWrapper {
	height: 300px;
	float: left;
}
#subartformRadioButtons {
	padding-top: 10px;
	top: 30px;
	overflow: auto;
}
#subartformRadioButtons:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}



body.artistUploader {
	padding: 0;
	margin: 0;
}
/*	£jQueryUIOverides --------------------------------------------------------- */

/* Tabs -----*/
li.ui-state-default a {
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}

/* tabs height changed from .2 to .5 allow space for save and close*/
.ui-tabs .ui-tabs-nav {
	padding: 0.5em 0.2em 0;
}



/*ul.tabsX li.ui-state-default a.tab-1*/


.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	font-weight: bold;
}





/*
a.tab-1, a.tab-2, a.tab-3, a.tab-4, a.tab-5 {
	background: url('/newstyle/images/cross-tick.png') no-repeat scroll right 8px transparent;
	background: url('/newstyle/images/cross-tick.png') no-repeat scroll right -20px transparent;
}
.ui-tabs .ui-tabs-nav li a {
    padding: 0.5em 1em;
    padding-right:20px;
}
*/




/* Dialog -----*/
/* Float left on the columns within the addMedia dialog iframe causes 

the content to lay outside of the border, only happens within the 

iframe for some reason ?? */
body.artistUploader .ui-widget-content:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
iframe#addImageDialog {
	width: 600px !important;
}
iframe#iFrameHelp {
	width: 600px !important;
}
/*	£Tabs Start------------------------------------------------------------	*/

body.artistUploader {
	background: #fff;
}
#artworkTabInfo {
	width: 810px;
	margin: 0px auto;
	clear: both;
}

#artworkTabInfo:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#subImageDetails {
	position: relative;
	width: 597px;
	height: 80px;
	margin: 0 0 0 222px; /*background: url('/newstyle/images/subMedia.png') no-repeat 1px 62px transparent;*/
}
#subImageDetails p {
	margin: 0;
	padding: 5px;
}
.btnBck p span:hover {
	border-bottom: 2px solid #990000;
}
ul.tabs li a:hover {
	color: #000; /*     background: #ededed; 	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); 	background: -moz-linear-gradient(top, #fff, #dcdcdc);     filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#ffffff', endColorstr='#dcdcdc'); */
}
ul.tabs li.active a:hover {
	color: #000;
}
.tab_container {
	clear: both;
	float: left;
	width: 805px; /*margin-top: 10px;*/
	background: #fff;
	border: 1px solid #999;
	border-top: none;
}
.tab_content {
	padding: 0px 20px 0px 20px;
	font-size: 1em;
	background: #fff;
}
/* £Artworkdetails Start -------------------------------------------- */

.staticWidth thbutton.btn, .staticWidth input.btn, .staticWidth .button {
	line-height: 100% !important;
}
/* JQ Dialog Formatting - Remove padding from the form */
body.artistUploader form#form1, body.artistUploader form {
	padding: 0;
	margin: 0;
}


#addMediaTabs {
	min-height: 320px;
}

#addMediaTabs {
	font-size: 12px;
}

#addMediaTabs label {
	font-weight: bold;
}



#addMediaTabs:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/*
#artworkdetails #year, #artworkdetails #startyear, #artworkdetails #description, #artworkdetails #artMaterials, #artworkdetails #artDimensions, #artworkdetails #artPrice, #artworkdetails #artBuy {
	float: left;
}
#artColLeft {
	float: left;
	width: 315px;
	margin: 0 30px 0 0;
}
#artColRight {
	float: left;
	margin-left: 20px;
	width: 400px;
}

*/

#artworkdetails #year, #artworkdetails #startyear, #artworkdetails #artDimensions {
	float: left;
}
#artColLeft {
	float: left;
	width: 200px;
	margin: 0 30px 0 0;
}
#artColRight {
	float: left;
	margin-left: 20px;
	width: 320px;
}

#artworkmoredetails, #artworkmoredetails #description, #artworkmoredetails #artMaterials, #artworkmoredetails #artPrice, #artworkmoredetails #artBuy {
	float: left;
}

#artmoreColLeft {
	float: left;
	width: 400px;
	margin: 0 30px 0 0;
}
#artmoreColRight {
	float: left;
	margin-left: 20px;
	width: 250px;
}



#artworkmoredetails li.searchOpt {
	clear: both;
	padding-bottom: 5px; /*height: 30px;*/
	list-style: none;
	margin-bottom: 10px;
	padding: 10px;
}
#artworkmoredetails li.searchOpt:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



.searchOpt .searchOptText {
	font-family: Verdana;
	font-size: 93%;
	font-style: italic;
	font-weight: normal;
	float: left;
}

.searchOpt .searchOptEdit {
	float: right;
	font-size: 14px; /*font-weight:bold;*/
}

.searchOpt a {
	cursor: pointer;
}


/*
#artworkdetails #year {
	clear: both;
	width: 100px;
}*/
/*#artworkdetails #year input {
	float: right;
}
#artworkdetails #startyear {
	width: 148px;
	float: right;
	margin-left: 5px;
}*/
#startYearInput {
	float: left;
	margin-left: 10px;
}
#artworkmoredetails #artMaterials {
	clear: both;
}
/*#artworkdetails #artDimensions {
	clear:both;
}*/
#artworkmoredetails #artPrice {
	clear: both;
}
#artworkdetails #artTitle input {
	width: 290px;
}
.tab_content #artworkdetails label {
	clear: both;
}
/*.tab_content #artworkmoredetails label {
	width: 310px;
}*/
.tab_content #artworkmoredetails label#artPrice {
	width: 195px;
	border-right: 1px solid #e8e8e8;
}
.tab_container label#artPrice input {
	margin: 0;
}
.tab_content #artworkmoredetails label#artBuy {
	width: 125px;
	margin-left: 20px;
}
.tab_content #searchtags label {
	float: none;
}
#artPrice input {
	width: 75px;
}
/*	£Buttons Start------------------------------------------------------------	*/

/* Default ------------------------------------------  */

button, .button {
	display: inline-block;
	height: 100%; /*Overide height 20px set in style.css*/
	padding: 5px;
	margin: 5px 0 5px 0;
	font-size: 10px;
	color: #333;
	border: solid 1px #b7b7b7;
}
button:hover, .button:hover {
	background: #ededed;
	color: #000;
}
button:focus, button:active, .button:focus, .button:active {
	outline: none;
	color: #990000;
}
.plusMinus {
	position: relative;
	top: -1px;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	width: 10px;
	text-shadow: #fff 0 1px 1px;
	font-family: "Arial Black" , Gadget, sans-serif;
	color: #777;
}
.uSave, .uClose, .uHelp, .upload, .uMedia, .uPublish, .uNext, .uPrevious, .uPreview, .uAddImage, .uAddVideo, .uAddAudio {
	padding: 4px 0 4px 25px;
	float: left;
	text-decoration: none;
}

.uSave:hover, .uClose:hover, .uHelp:hover, uMedia:hover, .uPublish:hover, .uNext:hover, .uPrevious:hover, .uPreview:hover, .uAddImage:hover, .uAddVideo:hover, .uAddAudio:hover {
	text-decoration: none;
}




.upload {
	width: 105px;
	background: url('/newstyle/images/button-icons.png') no-repeat 0px 0px transparent;
}

.uAddImage {
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -120px transparent;
}
.uAddVideo {
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -360px transparent;
}
.uAddAudio {
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -160px transparent;
}
.uSave {
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -41px transparent;
}
.uPublish {
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -401px transparent;
}
.uHelp {
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -280px transparent;
}
.uClose {
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -81px transparent;
}
.uMedia {
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -319px transparent;
}

.uPreview {
	/*width: 105px;*/
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -520px transparent;
}

.uNext {
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -442px transparent;
}
.uPrevious {
	background: url('/newstyle/images/button-icons.png') no-repeat 0px -480px transparent;
}




/*	Button End ----------------------------------------------------	*/



/* £Form Elements ---------------------------------------------------------------*/

#description textarea {
	margin-top: 5px;
}
.staticWidth form {
	padding: 18px 20px 0;
	margin-bottom: 18px;
}
label#startyear {
	float: left;
}
label#startyear span {
	float: left;
}
label#year {
	float: left;
}
/*label#year input, #startyear input {
	width: 80px;
}*/
#startyear input {
	margin-left: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*label#year input {
		position: relative;
		top: -22px;
	}*/
}
label.description textarea {
	padding-top: 10px;
}
form#formArtworkDetails {
	padding: 0;
}
fieldset {
	border: 0;
	padding-bottom: 9px;
}
.twocolumnlist {
	float: left;
	margin: 0;
	padding: 5px;
	width: 45%;
	font-size: 85%;
}
.label_check input, .label_radio input {
	margin-right: 5px;
}
.has-js .label_check, .has-js .label_radio {
	padding: 2px 0 5px 34px;
}
.has-js .label_radio {
	background: url('/images/radio-off.png') no-repeat;
}
.has-js .label_check {
	background: url('/images/check-off.png') no-repeat;
}
.has-js label.c_on {
	background: url('/images/check-on.png') no-repeat;
}
.has-js label.r_on {
	background: url('/images/radio-on.png') no-repeat;
}
.has-js .label_check input, .has-js .label_radio input {
	position: absolute;
	left: -9999px;
}
.staticWidth input, .staticWidth textarea, .ui-widget input, .ui-widget textarea {
	padding: 5px 10px 5px 10px;
	margin-top: 5px;
	border: 0 solid #fff;
	background: url('/newstyle/images/dark-bg-noise.png') repeat scroll 0 0 transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 -1px 0 #d7d7d7;
	color: #333;
	font-weight: normal;
}
input:focus, textarea:focus {
	-moz-box-shadow: 0px 0px 2px #444;
	-webkit-box-shadow: 0px 0px 2px #444;
	border-color: #d7d7d7;
}
#artPrice input {
	padding: 2px 5px 2px 5px;
}
.staticWidth .tab_container input {
	width: 290px;
	margin: 5px 0 5px 0;
}
.tab_container textarea {
	width: 300px;
}
.tab_container label#description textarea {
	width: 370px;
	height: 155px;
}
#artMeasurements #artDimensionsWrapper, #artMeasurements #artDurationsWrapper {
	float: left;
}
.tab_content #artworkdetails #artMeasurements label {
	width: 80px;
}
#artMeasurementControls {
	border-right: 1px solid #ccc;
	float: left;
	margin: 0 10px;
	padding-right: 10px;
}
.tab_container #artworkdetails #artMeasurements #artDimensionsWrapper label, .tab_container #artworkdetails #artMeasurements #artDurationsWrapper label {
	float: left;
	width: 55px;
	font-weight: normal;
	text-align: center;
}
#formArtworkDetails label#artMaterials input {
	width: 210px;
}
#artMeasurements label.label_radio {
	padding-left: 25px;
}
#label-Dim {
}
#label-Dur {
	clear: both;
}
#artMeasurements {
	clear: both;
	width: 310px;
	height: 80px;
	border: 1px solid #e8e8e8;
	padding: 10px 0px 10px 0px;
}
.tab_container label input.numeric {
	width: 25px;
}
.staticWidth select {
	padding: 10px;
	width: 300px;
}

.staticWidth select#selArtform option {
	margin: 3px 0;
}

.staticWidth label {
	font-weight: bold;
	margin-top: 5px;
}

input.tag-input {
	width: 250px;
}
label.tag-label {
	font-weight: normal;
	font-size: 14px;
	padding: 0 5px 0 0;
}
.tab_content P, .tab_content .label_check, .tab_content .label_radio {
	font-size: 12px;
}
.staticWidth .tab_content label {
	cursor: pointer; /*line-height: 20px; 	padding-bottom: 20px;*/
	width: 200px;
	float: left;
}

.staticWidth .tab_content label#artPrice {
	padding-bottom: 0px;
}



.form-hover {
	color: #990000;
}
#ckbMessages {
	position: relative;
}
p.ckbMsgCount, p#ckboxMsgWarning {
	display: inline-block;
	margin-right: 5px;
	font-weight: bold;
	color: #990000;
}
p.ckbMsgCount {
	margin-right: 20px;
}




/* Form Elements ---------------------------------------------------------------*/

/*	£Toggle Start---------------------------------------------------------------*/

staticWidth h1 {
	text-align: center;
	color: #666;
}
h1 span {
	color: #000;
}
h1 small {
	text-transform: uppercase;
	display: block;
	color: #666;
}
.simpleTrigger {
	padding: 0px 20px;
	display: inline-block;
	cursor: default;
}
.simpleTrigger h3 {
	color: #333;
	font-size: 14px;
}
/*	£UploadModule	---------------------------------------------------------- */





#imageUploaderMain.upload-module, .upload-module {
	float: left;
	border: 1px solid #999999;
	text-align: center;
}


#imageUploaderMain.upload-module {
	height: 240px;
	width: 200px;
}


.upload-module {
	height: 160px;
	width: 140px;
	margin: 0px; /* remove evil global setting*/
	margin-right: 10px;
}


ul#mainImage {
	margin-top: 20px;
}
ul#addImgNames {
	margin: 0;
	padding: 0;
}


ul#addImgNames li {
	margin: 0;
	padding: 0;
}



ul#addImgNames li {
	list-style: none;
	display: inline-block;
	float: left;
	margin: 0 0 0 10px;
}

/*li#liMainImage, li#liSubMedia */





/* specific for uploader buttons */
.upload-module .trigger {
	float: left;
	width: 130px;
	height: 20px;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	letter-spacing: .1em;
	color: #666;
	cursor: default;
}
.imageholder {
	height: 160px;
	width: 140px;
	text-align: center;
	line-height: 140px;
	font-size: 140px;
	border: 1px solid #999;
}
* > .imageholder {
	font-size: 1.4px;
}
.imageholder img {
	vertical-align: middle;
}
#imageUploaderMain .imageholder {
	margin: 0px 0px 0 10px;
	height: 200px;
	width: 200px;
	text-align: center;
	line-height: 200px;
	font-size: 200px;
}
* > #imageUploaderMain .imageholder {
	font-size: 12px;
}
#imageUploaderMain .imageholder img {
	margin: 10px;
	max-height: 180px;
	max-width: 180px;
}
.imageholder img {
	vertical-align: middle;
}
#imageUploaderMain h2.trigger {
	margin-left: 10px;
	width: 190px;
}
#imageuploader1 h2.trigger {
	margin-left: 10px;
	width: 190px;
}
#imageuploader1 {
	clear: both;
	padding-top: 15px;
	background: url('/newstyle/images/mainImage.png') no-repeat 11px 0px transparent;
}
#imageuploader1 .imageholder img {
	max-height: 180px;
	max-width: 180px;
	margin: 10px;
}
#imageuploader5.upload-module {
	margin: 0px;
}
* > #imageUploaderMain .imageholder {
	font-size: 12px;
}
#imageUploaderMain .imageholder {
	height: 200px;
	line-height: 200px;
	margin: 0 0 0 10px;
	text-align: center;
	width: 200px;
}
ul#mainImage li, ul#subImages li, ul#subImagePlaceholder li {
	list-style: none;
}
ul#mainImage, ul#subImages, ul#subImagePlaceholder {
	margin: 0 0 0 10px;
	padding: 0;
}
#commerce {
	border: 1px solid #e8e8e8;
	clear: both;
	display: block;
	height: 30px;
	margin-top: 285px;
	padding: 10px;
	width: 410px;
}

#search {
	display: block;
	width: 270px;
	clear: both;
	margin: 10px 0 0;
	padding: 20px 20px 15px 10px;
	border: 1px solid #e8e8e8;
}

.gradientWhite {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #f5f5f5);
	/*filter: progid:DXImageTransform.Microsoft.gradient (startColorstr= '#ffffff' , endColorstr= '#ededed' );*/
	border: 1px solid #ccc;
}
#uploadButtons {
	float: left;
	padding: 0;
	margin: 0;
}
#uploadButtons ul {
	padding: 0;
	margin: 0 0 0 10px;
}
#addMediaWrap {
	position: relative;
	width: 620px;
	margin: 10px auto;
	padding: 10px;
}
.uploadWrap {
	float: left;
}
.divAddMediaInfo, .divAddMedia {
	float: left;
	padding-bottom: 20px;
}
.divAddMediaInfo {
	width: 350px;
	margin-top: 10px;
}
.mediapopupinto {
	margin: 10px;
}

.addworkinto {
	float: left;
	width: 400px;
	margin: 0 10px;
}


.divAddMedia {
	margin-left: 20px;
	margin: 15px 0 0 20px;
}
a#uploaderImage, a#uploaderVideo, a#uploaderAudio, a#uploaderInteractive, a#uploaderEmbed {
	margin: 0 0 0 10px;
	padding: 10px 10px 7px 25px;
}
a#uploaderImage {
	background: url('/newstyle/images/button-icons.png') no-repeat scroll 0 -111px transparent;
}
a#uploaderVideo {
	background: url('/newstyle/images/button-icons.png') no-repeat scroll 0 -351px transparent;
}
a#uploaderAudio {
	background: url('/newstyle/images/button-icons.png') no-repeat scroll 0 -151px transparent;
}
a#uploaderInteractive {
	background: url('/newstyle/images/button-icons.png') no-repeat scroll 0 -193px transparent;
}
a#uploaderEmbed {
	background: url('/newstyle/images/button-icons.png') no-repeat scroll 0 -232px transparent;
}
label#embedMedia {
	float: left;
}
label#embedMedia textarea {
	font-family: "Courier New" , Courier, monospace;
	color: #360;
	height: 75px;
}
#addMediaTabs input, #addMediaTabs textarea {
	width: 320px;
}
label.artistUploaderComments textarea {
	height: 170px;
}
/*
#artworkTab-5 label.artistUploaderComments textarea {
	height: 80px;
}
*/

#artworkTab-2 label.artistUploaderComments textarea, #artworkTab-3 label.artistUploaderComments textarea {
	height: 80px;
}

/*
#artworkTab-2.ui-tabs-panel div.divAddMediaInfo label#lblembedVideo textarea#embedVideo.txtEmbedVideo
#artworkTab-3.ui-tabs-panel div.divAddMediaInfo label#lblembedAudio textarea#embedAudio.txtEmbedAudio
*/
.txtEmbedVideo, .txtEmbedAudio {
	height: 80px;
}


#decimal {
	position: relative;
	top: 1px;
	padding: 5px;
}
span.h {
	color: #990000;
	font-weight: bold;
	font-size: 18px;
	vertical-align: middle;
	font-family: "Courier New" , Courier, monospace;
}
.paper {
	background: url('/newstyle/images/dark-bg-noise.png') repeat scroll 0 0 transparent;
}

#uploaderHelp {
	display: inline-block;
}
.toggleContainer {
	display: block;
}
.qq-uploader {
	position: relative;
	width: 100%;
}
.qq-upload-button {
	font-family: Verdana;
	font-size: 93%;
	height: 20px;
	color: #000;
	border: 1px solid #bbb;
	background-color: #eee;
	text-decoration: none;
	margin-right: 6px;
	padding: 0px 3px 2px 3px;
	cursor: pointer;
	vertical-align: middle;
}

.butCloseSubArtform {
	height: 20px;
}

/* £FileUploader Start ------------------------------------------------------------------------- */

.qq-upload-button-focus {
	outline: 1px dotted black;
}
.qq-upload-drop-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 80%;
	min-height: 30px;
	z-index: 2;
	background: #fff;
	text-align: left;
}
.qq-upload-drop-area span {
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -8px;
	font-size: 16px;
}
.qq-upload-drop-area-active {
	background: #fff;
}
.qq-upload-list {
	margin: 15px 35px;
	padding: 0;
	list-style: disc;
}
.qq-upload-list li {
	margin: 0;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload- cancel, .qq-upload-failed-text {
	margin-right: 7px;
}
.qq-upload-file {
}
.qq-upload-spinner {
	display: inline-block;
	background: url("loading.gif");
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
}
.qq-upload-size, .qq-upload-cancel {
	font-size: 11px;
}
.qq-upload-failed-text {
	display: none;
}
.qq-upload-fail .qq-upload-failed-text {
	display: inline;
}
/* $FileUploader End ------------------------------------------------------------------------- */



#uploadmainImage .qq-uploader .button {
	width: 190px;
	margin-left: 10px;
}

#subimages {
}
#subimages li {
	list-style: none;
}
.dragHandle {
	left: 10px;
	display: block;
	width: 122px;
	height: 10px;
	background: url('/newstyle/images/dragable.png') repeat-x 0px 0px transparent;
	overflow: hidden;
	margin: 5px auto 0 auto; /*border-left: solid 1px #e8e8e8; 	border-right: solid 1px #e8e8e8;*/
}
.dragHandle:hover {
	background: url('/newstyle/images/dragable.png') repeat-x 0px -10px transparent;
	cursor: move; /*border-left: solid 1px #999; 	border-right: solid 1px #999;*/
}
.ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button {
	margin: 10px;
}
.ui-dialog div.ui-dialog-buttonpane {
	border: none;
}


.enlargeImg {
	position: absolute;
	left: 50px;
	top: 45px;
	width: 35px;
	height: 35px;
	line-height: 12px;
	overflow: hidden;
	background: url('/newstyle/images/magnify-glass.png') no-repeat 0px 0px transparent;
}

.enlargeImg:hover {
	background: url('/newstyle/images/magnify-glass.png') no-repeat 0px -35px transparent;
}






/* £Gallery -------------------------------------------------------------- */

#manageArtInfo {
}

#manageArtIntro {
	float: left;
	margin: 0 10px;
	padding: 10px; /*background:#e8e8e8;*/
}






#addArtworkWrap {
	height: 120px;
	float: left;
	margin: 0 15px;
	padding: 10px;
}

#addArtworkWrap img {
	float: left;
}

/* a */
#addArtworkUploader {
	position: relative;
	width: 100px;
	height: 120px; /*background: url('/newstyle/images/upload-arrow.png')  no-repeat 0px 0px transparent;*/
	background: url("/newimages/user-icons.png");
	background-repeat: no-repeat;
	background-position: -400px -400px;
}

#addArtworkUploader span {
	position: absolute;
	top: 85px;
	left: 8px;
	background: #6666B5;
	padding: 5px;
}

#previewWrap {
	float: left;
	height: 120px;
	margin-right: 10px;
	padding: 10px;
}

/* a */
#artworkpreview {
	position: relative;
	float: left;
	width: 100px;
	height: 80px; /*background: url('/newstyle/images/big-preview.png')  no-repeat 0px 0px transparent;*/
	background: url("/newimages/user-icons.png");
	background-repeat: no-repeat;
	background-position: -500px -400px;
}


#artworkpreview span {
	position: absolute;
	left: 30px;
	top: 84px;
	padding: 5px;
	background: #6666B5;
}

#addArtworkWrap a {
	clear: both;
	float: left;
	margin-bottom: 0;
}

#addArtworkWrap a, #previewWrap a {
	color: #fff;
	text-decoration: none;
}

#addArtworkWrap a:hover, #previewWrap a:hover {
	color: #ff8400;
}





#feedBack p {
	margin: 0;
	text-align: center;
}

#feedBack p em, .CounterDisplay em {
	font-style: normal;
	font-weight: bold;
	color: #990000;
}

#cd.CounterDisplay ul {
	width: 200px;
}

#cd.CounterDisplay ul li {
	float: left;
	clear: both;
}




#gallery ul, #galleryPool ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#gallery li, #galleryPool li, .galleryitem {
	float: left;
	width: 140px;
	height: 160px;
	margin: 10px 12px 10px 6px;
	list-style: none;
	text-align: center;
	overflow: hidden;
	border: 1px solid #999999;
}

#poolworks li.emptygalleryitem, #onlineworks li.emptygalleryitem {
	float: left;
	width: 140px;
	height: 0px;
	margin: 10px 16px 10px 6px;
	list-style: none;
	text-align: center;
	visibility: hidden;
	overflow: hidden;
	border: 1px solid #999999;
}
/*
.galleryitem, .galleryPoolitem {
	position:relative;
	float: left;
	width: 140px;
	margin: 10px 16px 10px 0;
	list-style: none;
}
*/
/*
#gallery .galleryitemlarge {
	border: 1px solid #999999;
	float: left;
	list-style: none outside none;
	margin: 10px 20px 10px 11px;
	text-align: center;
	width: 375px !important;
	height:375px;
}*/

#gallery .galleryitemlarge {
}



.galleryitem a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
}
/*
.galleryitemlarge a {
	display:block;
	text-decoration:none;
	font-size: 14px;
	line-height: 14px;
}
*/
.galleryitem img {
	max-height: 100px;
	max-width: 100px;
	vertical-align: middle;
}
/*
.galleryitemlarge img {
	max-height: 300px;
	max-width: 300px;
	vertical-align:middle;
}
*/
#galleryPool {
	margin-top: 30px;
}
#galleryPool h2 {
	text-align: center;
}
.ui-sortable-helper {
	border: solid 2px #666 !important;
	background: #fff;
}
.ui-state-highlight {
	background: #f9f9f9;
	border: dashed 1px #666 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#galleryPool {
	width: 830px;
}
.galleryitem, .ui-state-highlight, .galleryitemlarge {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}
/*
.galleryitemlarge .dragHandle {
	margin: 10px auto 0px;
	width: 360px;
}
*/

ul#onlineworks, ul#placeholder, ul#poolworks {
	margin-left: 10px;
}

ul#poolworks {
	/*margin-top:20px;*/
}



.upload-module .imgHolder {
	height: 140px;
	line-height: 140px;
}


#imageUploaderMain.upload-module .imgHolder {
	height: 200px;
	line-height: 180px;
}


.galleryitem .imgHolder {
	height: 125px;
	line-height: 120px;
}

.upload-module .imgHolder, .galleryitem .imgHolder {
	position: relative;
	margin: auto;
	background: e8e8e8;
}

.upload-module .imgHolder img, .galleryitem .imgHolder img {
	vertical-align: middle;
}

#imageUploaderMain.upload-module .imgHolder img {
	max-width: 180px;
	max-height: 180px;
}



/*
.galleryitemlarge .imgHolder {
	position:relative;
	width: 300px;
	height: 330px;
	margin:auto;
	background:e8e8e8;
	line-height: 330px;
}
*/
.boxgrid {
	position: relative;
	width: 140px;
	height: 144px;
}

/*
.galleryitemlarge .boxgrid {
	position: relative;
	width: 375px;
	height: 355px;
	z-index: 9999;
}
*/

.artUploaderContainer, .artUploaderContainerLarge {
	top: 0px;
	width: 140px;
	height: 160px;
	background: #fff;
}



.artUploaderContainer .auEditText {
	position: relative;
	width: 120px;
	height: 20px;
	margin: 0 auto;
	background: #fff;
	border: solid 1px #e8e8e8;
	border-bottom: none;
	line-height: 20px;
	cursor: pointer;
	color: #999;
	z-index: 2;
}

.artUploaderContainer .auEditText:hover {
	color: #ff8400;
}

/*
.artUploaderContainerLarge .auEditText {
	position: relative;
	font-size: 10px;
	top: 3px;
}
*/
.artUploaderControls {
	position: relative;
	top: -1px;
	border-top: 1px solid #e8e8e8;
	padding-top: 5px;
}
.artUploaderControls a {
	margin: 4px auto;
	color: #333;
	width: 100px;
}














.artUploaderControls a:hover {
	color: #000;
}
.border {
	border: solid 1px #ccc;
	padding: 2px;
}

#gallery ul.gridUi, #galleryPool ul.gridUi {
	position: absolute;
	top: -22px;
	left: -7px;
	width: 145px;
	height: 150px;
	padding-left: 5px;
	background: #fff;
	z-index: 3;
}
#gallery ul.gridUi li, #galleryPool ul.gridUi li {
	position: relative;
	float: left;
	width: 10px;
	height: 7px;
	margin: 1px 0 1px 6px;
	padding: 2px 5px 4px 1px;
	list-style: none;
	text-align: center;
	font-size: 10px;
	line-height: 8px;
	cursor: pointer !important;
	border: solid 1px #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


#gallery ul.gridUi li:hover, #galleryPool ul.gridUi li:hover {
	border: solid 1px #333;
}
#gallery ul.gridUi li:active, #galleryPool ul.gridUi li:active {
	border: solid 1px #990000;
}
.galleryitem .closeGridUi {
	position: relative;
	top: -147px;
	left: 62px;
	width: 15px;
	height: 15px;
	background: url('/newstyle/images/gui-cross.png') no-repeat 0px 0px transparent;
	font-size: 10px;
	color: #999;
	text-indent: -9999px;
	z-index: 4;
}






.galleryitem .closeGridUi:hover {
	color: #ff8400;
}






/* $ArtworkUploader End ---------------------------------------------------------------------------------------------------------- */


#addMediaWrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#mainImageDetailsInfo {
	height: 15px;
	margin-bottom: 5px;
	overflow: hidden;
	width: 211px;
}

.staticWidth fieldset {
	padding: 20px;
}


#cd {
	margin: 0 0 0 20px;
	padding: 10px;
}

#cd ul {
	margin: 0px auto 10px;
	width: 500px;
}

#cd ul:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}



#cd ul li {
	list-style: none;
	float: left;
	margin: 0 0 0 10px;
	padding: 8px 10px; /*border: solid 1px #e8e8e8;*/
	background: #fff;
}

#addFeedBack {
	margin-right: 10px;
}

p#feedBack {
	font-weight: bold;
	margin: 0px 0 0 10px;
	clear: both;
}

ul.tabsX li.uiLiSave, ul.tabsX li.uiLiClose, ul.tabsX li.uiLiPublish {
	top: -1px;
}

.uiLiSave span, .uiLiClose span, .uiLiPublish span {
	border: solid 1px #999;
	margin-left: 5px;
}







/*  Dialoge tab buttons - dont delete might want later
.uiLiSave, .uiLiClose, .uiLiPublish  { 
	left:190px; 
	margin-left:15px;
	}

li.uiLiSave a.uSave, li.uiLiClose a.uClose, li.uiLiPublish a.uPublish  { 
	 padding: 6px 5px 6px 28px;
	 font-size:10px;
	 font-weight: normal;
	 cursor:help;
	 }

li.uiLiSave a.uSave { 
	background: url('/newstyle/images/button-icons.png') no-repeat 4px -37px transparent;
	}

li.uiLiClose a.uClose {
	background: url('/newstyle/images/button-icons.png') no-repeat 4px -78px transparent;
	} 
	
li.uiLiPublish a.uPublish {
	background: url('/newstyle/images/button-icons.png') no-repeat 4px -397px transparent;
}
*/



#imageUploaderMain .btnaddMediaWrapper, .btnaddMediaWrapper {
	position: relative;
	float: left;
	border: solid 1px #999;
	border-bottom: none;
	margin-left: 10px;
}

#imageUploaderMain .btnaddMediaWrapper {
	width: 180px;
	height: 20px;
}

.btnaddMediaWrapper {
	width: 120px;
	height: 20px;
}


.btnaddMedia, .btndeleteMedia {
	font-size: 10px;
}

.btnaddMedia, .btndeleteMedia {
	color: #999999;
	cursor: default;
	margin-right: 1px;
	padding: 3px 6px;
}

#subImagePlaceholder .btnaddMedia {
	padding: 3px 30px;
}

/*
#subImagePlaceholder .btnaddMedia:hover {border-bottom: solid 1px #ff8400;}
*/


fieldset#rb-site p {
}

html body#ctl00_MasterPageBodyTag.has-js div.ui-dialog div#dialog_artform.ui-dialog-content div#artformRadioButtons fieldset#rb-artforms p label.label_check {
	height: 20px;
}

.btnaddMedia:hover, .btDeleteMedia:hover, .btndeleteMedia:hover {
	/*background:#ff8400;*/
	color: #ff8400;
	text-decoration: none;
}

.btDeleteMedia {
	float: right;
	left: 5px;
	position: relative;
}


#imageUploaderMain .btnaddMedia {
	display: block;
}

#imageUploaderMain .btDeleteMedia {
}



#toolTipWrapper {
	position: fixed;
	width: 100%;
	height: 40px;
	bottom: -60px;
	z-index: 1;
	padding: 10px; /*background: #fff;*/
	border: 1px solid #999;
	border-bottom: none;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}


#toolTipWrapperInner {
	margin: 0 10px 0 130px;
}


#mediaFeedbackWrapper {
	position: relative;
	top: -200px;
	left: 80px;
	width: 600px;
	height: 70px;
	float: left;
}

#helpPanel {
	position: absolute;
	top: -23px;
	left: 30px;
	width: 100px;
	padding: 5px;
	border: 1px solid #999999;
	border-bottom: none;
	background: none repeat scroll 0 0 #FFFFFF;
	cursor: default;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	z-index: 9999;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

#helpPanel:hover {
	color: #ff8400;
}

#toolTipWrapper p {
	margin: 5px 0 0;
	font-size: 10px;
	padding: 5px;
}

p#helpPanel {
	margin: 0;
}

#toolTipWrapper em {
	font-style: normal;
	background: #ffff66;
	padding: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#mediaFeedback {
}

#mediaFeedback p {
	margin-bottom: 30px;
}



.validation {
	border: solid 2px #990000 !important;
}


#helpIcon {
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 62px;
	font-size: 24px;
	font-weight: bold;
	background: #FF8400;
	color: #FFFFFF;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-family: Arial Black;
	text-shadow: none;
}



#artworkIntro {
	margin: 30px 20px 0;
	width: 560px;
}

ul.tabsX {
	background: none;
	border: none;
	border-bottom: 1px solid #aaa;
}

/*  #artworkTabInfo - Over rides */
/* £tabs cover up the hover state on the li, because the titles (and links) have been moved up away from the li for visual reasons. the a links will have hover state feedback instead */
#artworkTabInfo {
	height: 400px;
}
#artworkTabInfo .ui-state-hover, #artworkTabInfo .ui-state-focus {
	border: 1px solid #D3D3D3;
	background: #fff;
}
/*
#artworkTabInfo .ui-state-hover a,  #artworkTabInfo .ui-state-focus a {
	 font-weight:bold; 
	 }
	 */
#artworkTabInfo div.tab_container {
	border: none;
}

ul.tabsX li.ui-state-default, ul.tabsX li.ui-state-default:hover {
	background: #fff;
}

#artworkTabInfo .ui-tabs .ui-tabs-nav li {
	border-bottom: 0 none !important;
	margin: 0 0.2em 1px 0;
}
/*
#artworkTabInfo .ui-tabs .ui-tabs-nav li a {
    float: none;
    padding: 0 5px;
}
*/
#artworkTabInfo ul.tabsX li a {
	position: relative;
	top: -15px;
	width: 100px;
	height: 22px;
	display: block;
	margin: 0 auto;
	text-align: center;
	cursor: default;
	background: #fff;
}


#artworkTabInfo .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
}

#onlineOffline {
	top: 0;
	float: right;
	right: 0;
	height: 32px;
	text-indent: 40px;
	background: url("/newstyle/images/artwork-progress.png") no-repeat scroll 0 -70px transparent;
	margin: 5px 10px 0;
}



/* £Steps -------------------------------------------------------- */


ul#artworkProgressDiagram {
	width: 810px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
ul#artworkProgressDiagram li {
	position: relative;
	float: left;
	list-style: none;
	padding: 10px 15px 44px;
	text-align: center;
	font-size: 12px;
	list-style: none outside none;
	background: transparent url('/newstyle/images/artwork-progress.png') no-repeat;
	background-position: center 38px;
	letter-spacing: 0.01em;
}
ul#artworkProgressDiagram a {
	border: solid 1px #ccc;
	padding: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
	color: #990000;
	color: #336600;
}



.steps {
	color: #990000;
	font-size: 80%;
}

/* Verbose but needed to move the #line behind, shortcuts didnt work  */
#apd1, #apd2, #apd3, #apd4, #apd5, #apd6, #apd7 {
	z-index: 1;
}

/* Steps last li works as the horizontal line through the steps ------ */
#line {
	z-index: 0;
	padding: 0 !important;
}

ul#artworkProgressDiagram li#line {
	position: absolute;
	top: 75px;
	left: 0px;
	width: 840px;
	background: none !important;
}
#artworkProgressDiagram hr {
	border: solid 2px #999;
	width: 810px;
	margin: 0;
}

/* apd's will be moved into jQuery ----


ul#artworkProgressDiagram li#apd1 {
	background-position: center -32px;
}
ul#artworkProgressDiagram li#apd2 {
	background-position: center -32px;
}
ul#artworkProgressDiagram li#apd3 {
	background-position: center -32px;
}
ul#artworkProgressDiagram li#apd4 {
}
ul#artworkProgressDiagram li#apd5 {
}
ul#artworkProgressDiagram li#apd6 {
}
ul#artworkProgressDiagram li#apd7 {
}
 */

#subImageWrapper, ul#addImgNames li#liSubMedia {
	position: relative;
	top: 80px;
}
li#liSubMedia {
	height: 70px;
}

#subImageWrapper {
}
ul#addImgNames li#liSubMedia {
}


li#liMainImage h2, li#liSubMedia h2 {
	position: relative;
	padding: 10px;
	top: 30px;
	font-size: 12px;
	color: #333;
}
/*
li#liMainImage p, li#liSubMedia p {
	position: relative;
	top: 16px;
	}
*/

li#liMainImage h2 {
	margin: 0 50px;
}

li#liSubMedia h2 {
	margin: 0 250px;
}

li#liMainImage {
	width: 200px;
}

li#liSubMedia {
	width: 590px;
}




p#stp1, p#stp2 {
	position: relative;
	z-index: 1;
	top: 22px;
	font-weight: bold;
}


/* class on the h2 works with .separator and a hr tag*/
.sep {
	position: relative;
	top: 18px;
	margin: 0 320px;
	padding: 10px;
	background: #fff;
}

.separator {
	height: 7px;
	margin: 0 15px;
	border: solid 1px #e8e8e8;
	border-bottom: none;
}



li#liMainImage hr {
	width: 202px;
}

li#liSubMedia hr {
	width: 598px;
	margin-bottom: 10px;
}

/* alter width of the line depending on text size --------  */
#artworkTabInfo ul.tabsX li a.tab-1 {
}
#artworkTabInfo ul.tabsX li a.tab-2 {
	width: 50px;
}
#artworkTabInfo ul.tabsX li a.tab-3 {
	width: 40px;
}
#artworkTabInfo ul.tabsX li a.tab-4 {
	width: 40px;
}
#artworkTabInfo ul.tabsX li a.tab-5 {
	width: 40px;
}


.savebuttons {
	position: relative;
	z-index: 1;
}





/*  -------------------------------------------------------------------------------------------------------------------- */
/*														 £Your Artwork Pages											 */
/*  -------------------------------------------------------------------------------------------------------------------- */


/* li */

#userNav {
	background: none repeat scroll 0 0 #CDCDE6;
	margin: 10px auto;
	padding: 20px;
	position: relative;
	width: 740px;
	border: none;
}


#userNav:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}


/* remove ui default styles*/
.dashboard #userNavTabWrap.ui-tabs {
	border: none;
}


.dashboard h2 span a {
	text-decoration: none;
	color: #666600;
}

#userNavTabWrap div {
	padding: 0;
	text-align: center;
	margin-bottom: 0px;
}

#tabsProfile ul.settingsIconsWrap .container {
	margin-bottom: 25px;
}

ul#userNav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #B9B9D9;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0;
	border-radius: 0;
}





#userNav li:hover {
	background: #F2F2FF;
}

#userNav li:first-child {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

#userNav li:last-child {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

/* Hide jQ UI tabs = minimum needed for them to work */
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

#userNav li.ui-tabs-selected {
	/*background:#FAFAFA;*/
	background: #fffacb;
}
#userNav li.ui-tabs-selected:hover {
	background: #fafafa;
}



/* a */

#userNav li a {
	padding: 8px 12px !important;
	text-align: center;
	color: #3F3F38;
	display: block;
	font-size: 13px;
	font-weight: 700;
	padding: 8px 27px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
}


#userNav li:not(:first-child) a {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
#userNav li:not(:last-child) a {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

ul.settingsIconsWrap {
	margin: 0;
	margin: 30px 0 39px 40px;
}

.settingsIconsWrap li {
	height: 140px;
	list-style: none;
	float: left;
	margin: 0 20px 20px 0;
}



.overviewInfoWrap {
	float: none;
	margin: 0;
	height: 100%;
}


ul.settingsIconsWrap li a {
	text-decoration: none;
}

.settingsIconsWrap li .settingIcon {
	/* 220 or 160 width also fits */
	width: 100px;
	height: 100px;
}





.settingsIconsWrap .container {
	position: relative;
	left: -20px;
}


.dashboard .separator {
	margin: 0 20px;
}

#userNavTabWrap h2 {
	/* border-bottom: 1px solid #E8E8E8;     clear: both;     margin-bottom: 15px;     padding-bottom: 5px;     width: 740px;*/
	margin: 0 260px;
}



#tabsMembership h2 {
	margin: 0;
}





ul.settingsIconsWrap li div p {
	padding: 5px 0;
	text-align: center;
	cursor: default;
}


.btnX {
	display: inline-block;
	margin: 0 10px;
	padding: 8px 8px 10px;
	border-radius: 7px 7px 7px 7px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	font-size: 13px;
	letter-spacing: 0.2px;
	text-shadow: none;
	color: #3F3F38;
	background: #eee;
}







/* Your Axis Pages Overview ------------------------------------------------------------------- */

.userAlert {
	padding: 10px 20px 20px;
	margin: auto 30px;
	border: solid 1px #F0F0F0;
}

#userNavTabWrap .overviewInfoWrap {
	float: left;
	width: 360px;
	margin: 0 0 0 40px;
	text-align: left;
}

ul.overviewInfo li, ul.overviewInfo li {
	list-style: none;
	margin: 5px 0;
	font-size: 11px;
}

.userOverview ul li strong {
	color: #333;
}

.btnRenew {
	position: relative; /*top:15px;*/
	font-weight: bold;
}

ul.overviewInfo a, ul.overviewInfo a {
	display: inline-block;
	color: #69C;
	font-weight: bold;
	text-indent: 10px;
}




#userNavTabWrap .btnRenew a {
	text-decoration: none;
	color: #660;
	text-indent: 0px;
}


.overviewInfoWrap h2 {
	margin-bottom: 10px;
	padding: 5px;
	font-size: 14px;
/*	text-align: center;
	background: #D9D3B8;
*/
}






/*		*/

.navZone ul#strands li.selected a {
	color: #fff !important;
	padding-bottom: 2px; /*text-decoration:underline!important;*/
	border-bottom: solid 1px #e8e8e8 !important;
}



.settingIcon {
	background: url("/newimages/user-icons.png");
	background-repeat: no-repeat;
}







/*  -------------------------------------------------------------------------------------------------------------------- */
/*														 User Icons											             */
/*  -------------------------------------------------------------------------------------------------------------------- */

.hide {
	display: none;
}



/* Sprite Row 1 ------------------------------ */

/*.subscriptionIcon 		{background: url("/newimages/user-icons.png") no-repeat scroll 0px 0px transparent;}*/
.userForumIcon {
	background-position: -100px 0px;
}
.viewProfileIcon {
	background-position: -100px 0px;
}
.editProfileIcon {
	background-position: -200px 0px;
}
.editArtworksIcon {
	background-position: -300px 0px;
}
.editCVIcon {
	background-position: -400px 0px;
}
.editEventsIcon {
	background-position: -500px 0px;
}
.statisticsIcon {
	background-position: -600px 0px;
}
.opportunitiesIcon {
	background-position: -700px 0px;
}
/*.userOpportunities2 		{background: url("/newimages/user-icons.png") no-repeat scroll -700px 0px transparent;}*/
.axisBadgeIcon {
	background-position: -800px 0px;
}
.faqIcon {
	background-position: -900px 0px;
}

.socialmediaIcon {
	background: url("/newstyle/images/socialmediaicon.png") no-repeat scroll 15px 15px transparent;
}

/* Sprite Row 2 ------------------------------ */

.tcIcon {
	background-position: 0px -100px;
}
.userPasswordIcon {
	background-position: -100px -100px;
}
.userContactIcon {
	background-position: -200px -100px;
}
.userPreferencesIcon {
	background-position: -300px -100px;
}
.userShareProfileIcon {
	background-position: -500px -100px;
}
.userInboxIcon {
	background-position: -600px -100px;
}
.userOutboxIcon {
	background-position: -700px -100px;
}
.userMessageSettingsIcon {
	background-position: -800px -100px;
}
.userFavourites {
	background-position: -900px -100px;
}


/* Sprite Row 3 ------------------------------ */

.userNetwork {
	background-position: 0px -200px;
}
.userEbulletin {
	background-position: -100px -200px;
}
.userNews {
	background-position: -200px -200px;
}
.userAnnounce {
	background-position: -300px -200px;
}
.applyArtistIcon {
	background-position: -400px -200px;
}
.applyCuratorIcon {
	background-position: -500px -200px;
}
.contactAxisIcon {
	background-position: -600px -200px;
}
.newArtistIcon {
	background-position: -700px -200px;
}
.addAnnounce {
	background-position: -800px -200px;
}
.profileImageIcon {
	background-position: -900px -200px;
}


/* Sprite Row 4 ------------------------------ */

.editPracticeIcon {
	background-position: 0px -300px;
}
.editStatementIcon {
	background-position: -100px -300px;
}
.editProjectsIcon {
	background-position: -200px -300px;
}
.cmsIcon {
	background-position: -300px -300px;
}
.networkDiscuss {
	background-position: -400px -300px;
}
.networkComplain {
	background-position: -500px -300px;
}
.articleEditor {
	background-position: -600px -300px;
}
.userBulletin {
	background-position: -700px -300px;
}
.cmsVintage {
	background-position: -800px -300px;
}
.eBulletinArchive {
	background-position: -700px -300px;
}
.editBaseIcon {
	background-position: -900px -300px;
}

/* Sprite Row 5 ------------------------------ */

.addOpportunityIcon {
	background-position: 0px -400px;
}
.tagProfileIcon {
	background-position: -100px -400px;
}
.statisticsCuratorIcon {
	background-position: -100px -400px;
}
.manageArtworksIcon {
	background-position: -300px -400px;
}




#main {
	margin-left: 170px; /*margin-left: 20px;*/ /*margin-top:20px;*/
	padding: 20px 10px 10px 0;
}
/*#main:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}*/
#header {
	height: 100%; /* over ride 75px */
	font-family: arial, helvetica, clean, sans-serif;
	background-color: #fff;
	padding: 0 12px 12px 0px;
}
#header:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#topnav, #container {
	float: left;
	height: 100%;
	width: 1000px;
}

/* ---------- TEMP liftin up the hood --------------- 
#content {
    margin-top: 185px;
}
 */

/* £Global Start ---------------------------------------------------- */

/* £Branding / £logo Start  ----------------------------------------------*/


.branding {
	float: left;
	display: inline-block;
	margin: 5px 0 10px 30px;
}
.branding img {
	float: left;
	margin: 10px 10px 0 0px;
}
/* orig 
.strapText {
    height: 50%;
    padding-left: 10px;
    padding-top: 4px;
    width: 500px;
}
*/
.strapText {
	float: left;
	width: 150px; /* maybe remove when style.css is cleared */
	color: #888888;
	margin-top: 15px;
	padding: 0;
}

.strapText a {
	text-decoration: none;
	color: #888888;
}
.strapText a:hover {
	text-decoration: none;
	color: #888888;
}
.line1 {
	font-family: verdana !important;
	font-size: 100%;
	margin: 0;
	font-weight: bold;
}
.line2 {
	font-family: verdana !important;
	font-size: 80%;
	margin: 0;
}
/* £NavSocialMediaIcons Start ----------------------------------------------*/

.socialMediaIcons {
	/*float:right;*/
	position: relative;
	top: 5px;
	left: 90px;
}
.socialMediaIcons li {
	float: left;
	list-style: none;
	margin: 0 0 0 10px;
}
ul.socialMediaIcons li span {
	color: #888888;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	top: 4px;
}
.socialMediaIcons li a {
	text-indent: -9999px;
}
.socialMediaIcons li a {
	display: block;
	width: 25px;
	height: 25px;
}
.rssIcon {
	background: transparent url("/newstyle/images/nav-icons.png") no-repeat scroll 0px -100px ;
}

.facebookIcon {
	background: transparent url("/newstyle/images/nav-icons.png") no-repeat scroll -60px -100px ;
}
.twitterIcon {
	background: transparent url("/newstyle/images/nav-icons.png") no-repeat scroll -120px -100px ;
}
.vimeoIcon {
	background: transparent url("/newstyle/images/nav-icons.png") no-repeat scroll -180px -100px ;
}

/* £UserStatus Start -------------------------*/

#topnav .status {
	/*clear: right; 	 	display:inline-block;*/
	float: right;
	margin-top: 10px;
}
#topnav .status p {
	color: #888888;
	font-size: 13px;
	font-weight: bold;
	margin: 0 5px 5px 0;
}
#topnav .status .contactName {
	color: #FFAF56;
}
#topnav .status a {
	color: #6666cc;
	text-decoration: none;
}
#topnav .status a:hover {
	color: #7A7A7A;
}
.status p span a {
	/*font-size:.8em;*/
	margin-left: 5px;
}


.status p a.signIn {
}

.status p a.joinAxis {
}





/* £NavYourAxisIcons Start  ----------------------------------------------*/

#navIcons {
	float: left;
	margin: 8px 0 0 20px;
}
#navIcons ul {
	margin: 0;
}
#navIcons li {
	float: left;
	margin-right: 20px;
	list-style: none;
}
#navIcons li a {
	display: block;
	width: 60px;
	padding-top: 45px;
	text-decoration: none;
	font-weight: bold;
	color: #999;
	text-align: center;
}
#navIcons li a:hover {
	color: #FFAF56;
}
#navIcons li a span:hover {
	color: #FFAF56;
}
.navIconYourAxis {
	background: url("/newstyle/images/nav-icons.png") no-repeat scroll 0px 0px transparent;
}
.navIconfavourites {
	background: url("/newstyle/images/nav-icons.png") no-repeat scroll -120px 0px transparent;
}
.navIconAnnounce {
	background: url("/newstyle/images/nav-icons.png") no-repeat scroll -240px 0px transparent;
}
.navIconNews {
	background: url("/newstyle/images/nav-icons.png") no-repeat scroll -360px 0px transparent;
}

/* £Search -------------------------------------- */

#topnav .search {
	clear: both;
	float: right;
	margin: 10px 0;
	padding: 10px 20px;
	background: #f5f5ef;
}
#topnav .search label {
	color: #666;
	margin: 0 3px;
	font-size: 14px;
	font-weight: bold;
}
#topnav .search input#quicksearch.textbox {
	width: 350px;
	background: #fff;
	border: none;
	padding: 5px;
}
#topnav .search .selectbox {
	height: 28px;
	padding: 5px 10px;
	background: #fff;
	color: #333;
	border: none;
}
#topnav form#quicksearchfrm .search select#quickdropdown.selectbox option {
	margin: 4px 2px;
	padding: 3px;
}
.search input.go {
	height: 30px;
	width: 30px;
	margin: 0 3px 0 5px;
	border: none;
	background: transparent url('/newstyle/images/go.png') no-repeat scroll 0 0;
}
.search input.go:hover {
	background: transparent url('/newstyle/images/go.png') no-repeat scroll -30px 0;
	border: none;
}

/* £NavMain Start ----------------------------------------------*/

#topnav .navZone {
	clear: both;
	float: left;
	width: 1000px;
	margin: 15px 0 5px 0;
	
	background:#333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');	
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666));
	background: -moz-linear-gradient(top, #999999, #666666);
		
	-moz-border-radius-topright: 20px;
	-khtml-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-khtml-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-radius: 0px 20px 20px 0px;
	
}



#topnav .navZone ul {
	float: left;
	padding: 5px;
	margin: 0;
}
#topnav .navZone ul li {
	list-style: none;
	float: left;
	margin: 0 0 0 40px;
}


/*
#topnav .nav ul li:last-child {
	margin:0 10px 0 20px;
}
*/
#topnav .navZone ul li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

/* strands over rides ---------------------- */


#topnav ul#strands {
	float: left;
	float: none;
	height: 25px;
	height: 20px; /* remove height from style.css when you can - the inner elements will set the height.  */
	line-height: 20px;
	line-height: normal;
	margin: 0 !important;
	padding-top: 5px !important;
	vertical-align: middle;
}

#topnav ul#strands li {
	display: inline !important;
	list-style-type: none !important;
	margin-left: 0 !important;
	margin: 0 0 0 40px !important;
}

#topnav ul#strands li a {
	color: #fff;
	font-size: 115%;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0.5em 0 0;
	margin: 0;
	text-decoration: none;
}




/* £GetNewsFormHome Start ------------------------------------------------------- */

.getNewsWrap {
	overflow: hidden;
}
.getNewsWrap:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.getNews {
	/*float:left;*/
	color: #666;
}
.getNews label, form.getNews input {
}
.getNews label {
	float: left;
	width: 50px;
	margin: 13px 0px 0 10px;
}
.getNews input {
	float: left;
	width: 120px;
	margin: 0px 8px 0 10px;
	padding: 2px 5px;
	border: solid 1px #ccc;
}
.getNews input.getNewsSubmit {
	position: relative;
	top: -10px;
	float: right;
	height: 30px;
	width: 30px;
	margin: 0 10px 0 0;
	border: none;
	text-indent: -9999px;
	background: url("/newstyle/images/go.png") no-repeat scroll 0 0 transparent;
}
.getNews input.getNewsSubmit:hover {
	background: transparent url('/newstyle/images/go.png') no-repeat scroll -30px 0;
}
.getNews input.getNewsEmailTxt {
	margin-bottom: 20px;
}
#sidenav .getNewsWrap {
	background: #fff;
	width: 150px;
}
#sidenav form.getNews input {
	width: 120px;
	margin: 10px 0px 0 10px;
}
#sidenav {
}
#sidenav form.getNews input.getNewsSubmit {
	top: 10px;
	width: 30px;
	margin: 0 13px 20px 0;
}

/* ADS --------------------------- */

.advert {
	position: relative;
	border: 1px solid #E8E8E8;
}

.mpu {
	margin: 30px 0 30px 20px;
	width: 298px;
	height: 250px;
	overflow: hidden;
}

.tipsy {
	padding: 5px;
	font-size: 10px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat;
	background-image: url(/newstyle/images/tipsy.gif);
}
.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
.tipsy-inner {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tipsy-north {
	background-position: top center;
}
.tipsy-south {
	background-position: bottom center;
}
.tipsy-east {
	background-position: right center;
}
.tipsy-west {
	background-position: left center;
}












/*  -------------------------------------------------------------------------------------------------------------------- */
/*														 £Formatting													 */
/*  -------------------------------------------------------------------------------------------------------------------- */


.wrn {
	color: #990000 !important;
	font-weight: bold;
}

/*  depreciate */
.warning {
	color: #990000;
	font-weight: bold;
	font-style: normal;
}
/* Floats ------------ */

.fltL {
	float: left;
}
.floatLeft {
	float: left;
}
.fltR {
	float: right;
}
.floatright {
	float: right;
}
/* Clear ------------ */

.clrB {
	clear: both;
}
/*  depreciate */
.clearBoth {
	clear: both;
}
/*	£Borders Start------------------------------------------------

------------	*/
.brdC {
	border: 1px solid #ccc;
}

.brd3 {
	border: 1px solid #333;
}
.brd6 {
	border: 1px solid #666;
}
.brd9 {
	border: 1px solid #999;
}
.brd0 {
	border: 1px solid #000;
}

.brdOrng {
	border: 1px solid #ff8400;
}


.brdRed {
	border: 1px solid #990000;
}



/*	£Gradients Start------------------------------------------------------------*/

.grdW {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);	
}
.grdW:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
}
.grdW:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top, #ededed, #fff);
}
.grd9-6 {
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666));
	background: -moz-linear-gradient(top, #999999, #666666);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');		
}
.grd3-6 {
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));
	background: -moz-linear-gradient(top, #333333, #666666);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666');		
}



/* £Background Colours Start -------------------------------------------------- */
.bckBge {
	background: #e3dc9e;
}


/* £Padding Start -------------------------------------------------- */

.pad0 {
	padding: 0;
}
.pad5 {
	padding: 5px;
}
.pad10 {
	padding: 10px;
}

.pad20 {
	padding: 20px;
}
.pad30 {
	padding: 30px;
}
.padL20 {
	margin-left: 20px;
}



/* £Margin Start -------------------------------------------------- */

.mrgC {
	margin: 0 auto;
}
.mrg0 {
	margin: 0;
}
.mrgT0 {
	margin-top: 0px;
}
.mrg10 {
	margin: 10px;
}
.mrgT5 {
	margin-top: 5px;
}
.mrgT10 {
	margin-top: 10px;
}
.mrgT15 {
	margin-top: 15px;
}
.mrgT20 {
	margin-top: 20px;
}
.mrgR5 {
	margin-right: 5px;
}
.mrgR10 {
	margin-right: 10px;
}
.mrgR15 {
	margin-right: 15px;
}
.mrgR20 {
	margin-right: 20px;
}
.mrgR30 {
	margin-right: 30px;
}

.mrgB5 {
	margin-bottom: 5px;
}
.mrgB10 {
	margin-bottom: 10px;
}
.mrgB15 {
	margin-bottom: 15px;
}
.mrgB20 {
	margin-bottom: 20px;
}
.mrgB40 {
	margin-bottom: 40px;
}
/* £Display Start -------------------------------------------------- */


.dspB {
	display: block !important;
}
.dspI {
	display: inline;
}
.dspIB {
	display: inline-block;
}

.dspN {
	display: none;
}


/* £BorderRadius Start -------------------------------------------------- */

.rndT3 {
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-radius: 3px 3px 0 0;
}

.rndT5 {
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-radius: 5px 5px 0 0;
}



.rndT10 {
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-radius: 10px 10px 0 0;
}
.rnd3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.rnd5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rnd7 {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.rnd10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.rnd20 {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.rnd30 {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.rnd40 {
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.rndR3 {
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-radius: 0px 3px 3px 0px;
}
.rndR5 {
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-radius: 0px 5px 5px 0px;
}

.rndR10 {
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-radius: 0px 10px 10px 0px;
}




.rndR20 {
	-moz-border-radius-topright: 20px;
	-khtml-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomright: 20px;
	-khtml-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-radius: 0px 20px 20px 0px;
}

.rndL3 {
	-moz-border-radius-topright: 0px;
	-khtml-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-radius: 3px 0px 0px 3px;
}
.rndB3 {
	-moz-border-radius-topright: 0px;
	-khtml-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-radius: 0px 0px 3px 3px;
}
.rndB5 {
	-moz-border-radius-topright: 0px;
	-khtml-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-khtml-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-radius: 0px 0px 5px 5px;
}
/*	£Shadows Start------------------------------------------------------------	*/

.tShd1 {
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}
.tShd2 {
	text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.7);
}
.txtC {
	text-align: center;
}
.txt14 {
	font-size: 14px;
}
.txt16 {
	font-size: 16px;
}
.txt18 {
	font-size: 18px;
}
.col3 {
	color: #333;
}
.col6 {
	color: #666;
}
.col9 {
	color: #999;
}
.colF {
	color: #FFF;
}
.container {
	clear: both;
}
/*  -------------------------------------------------------------------------------------------------------------------- */
/*Early career artists*/
/*  -------------------------------------------------------------------------------------------------------------------- */
#earlycareer
{ 
	display:block;
	height:33px;
	margin: 5px 20px  0px 10px;
	white-space: nowrap;
}

#earlycareer a
{
	float:right;
	display:block;
	height:25px;
	width:150px;
	background-repeat:no-repeat;
	background-position: right;
	background-image: url(/newimages/eca.jpg);
}

#earlycareer a:hover
{
	background-image: url(/newimages/eca.jpg);
}

/*  -------------------------------------------------------------------------------------------------------------------- */
/*social media*/
/*  -------------------------------------------------------------------------------------------------------------------- */
 .socialmediaitem 
 { margin-bottom: 25px;	
 }

 .socialmediaitem span { 
 	font-weight:bold;
 }
 
 .socialmediaitem input, .socialmediaitem textarea {
	width: 350px;
}
/*  -------------------------------------------------------------------------------------------------------------------- */
/*  End Early career artists */
/*  -------------------------------------------------------------------------------------------------------------------- */

/*  -------------------------------------------------------------------------------------------------------------------- */
/*	        £FCK - Styles specific to editing in FCK -  UNCOMMENT in the editor style sheet								 */
/*          These may override some of the above styles so please keep them at the end of this document					 */
/*  -------------------------------------------------------------------------------------------------------------------- */


/*

body
{
	background-image: none;
	background-color: #f6ffff;
	font-size: 80%;
}

.youtube_editor
{
	width:425px;
	height:344px;
	border: solid 1px #2aff00;
	background-color:#ffffff;
	background-image: url('/newimages/YouTubeEditor.jpg');
    background-repeat:no-repeat;
    background-position:center;

}

.video_editor, .video_editor_400, .video_editor_300
{
	width:500px;
	height:500px;
	border: solid 1px #2aff00;
	background-color:#000;
	background-image: url('/newimages/VideoEditor.jpg');
    background-repeat:no-repeat;
    background-position:center;
}
.video_editor_400
{
	width:400px;
	height:400px;	
}
.video_editor_300
{
	width:300px;
	height:300px;	
}

.ImageListTemplate, 
.HeaderBoxTemplate, 
.SingleBoxTemplate, 
.ThreeBoxesTemplate, 
.TwoColumnTemplate 
.ImageGridTemplate
{ 
	border: solid 1px #2aff00; 
}

.TwoColumnTemplate .left, 
.TwoColumnTemplate .right,
.ImageListTemplate .image
{ 
	background-color: #ffffaf; 
}

*/

