@charset "UTF-8";
/* Ergonet CSS Document */
html { height:100%; }
body { 
height:100%; 
color:#333333;
font-size:12px;
border:0px;margin:0px;padding:0px;
background-position:center;
background-color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-family:Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
/*background-image:url(/graphics/backgroundAndBamboo.jpg);*/
/*background-image:url(/graphics/backgroundSwirlsAndBamboo.jpg);*/
/*background-image:url(/graphics/backgroundSwirls.jpg);*/
background-position:center top;
background-repeat:repeat-y;
overflow:auto;
overflow-x:hidden;
}
#mastheadStrip {

}

#twitterLink {
position:relative;
}
#web2strip {
	position:relative;
	top:10px;
	padding-left:10px;
	background-color:#FFFFFF;
	width:180px;
	height:30px;
	margin-bottom:10px;
}
.ico {
	float:left;
	margin:5px;
	width:20px;
	height:20px;
}
img {
border:0px;
}

noscript {
display:none;
}
.listBox {
position:relative;
width:100%;
height:100px;
overflow:hidden;
margin-bottom:10px;
}
.listBox input, .listBox img {
margin-right:20px;
width:120px;
border:none;
}
div {}
#backgroundContainer {
top:0px;
position:relative;
margin-left:auto;
margin-right:auto;
min-width:600px;
max-width:1300px;
background-image:url(/graphics/backgroundSwirls.jpg);
background-position:center top;
z-index:0;
height:100%;
min-height:610px;
min-height:410px;
background-repeat:no-repeat;
}
#container {
position:relative;
margin-left:auto;
margin-right:auto;
min-width:480px;
max-width:1080px;
padding-left:120px; 
padding-left:10%; 
height:110%;
min-height:610px;
min-height:410px;
z-index:1;
/* apply the background here as well so that if the body reduces to less than the container we have a fixed background */
/*background-image:url(/graphics/backgroundAndBamboo.jpg);*/
/*background-image:url(/graphics/backgroundSwirlsAndBamboo.jpg);*/



}
#pageBody { 
position:absolute; 
top:110px;
width:740px;
height:auto;
min-height:410px;
/*
overflow:scroll;
overflow-x:hidden;
*/
z-index:10;
margin-left:100px;

}
#content01 {
position:absolute;
width:70%;
height:auto;
top:0px;
padding-top:10px;
padding-bottom: 20px;
z-index:20;
margin-left:2px;
margin-top:2px;
}
#shopPanel { 
position:absolute; 
width:65%;
height:auto;
z-index:10;
}
#listenAgainTitle {
position:absolute;
right:17px;
width:35%;
height:auto;
overflow:hidden;
}
#listenAgainPlayer {
position:absolute;
right:17px;
top:34px;
width:25%;
height:auto;
overflow:hidden;
}
#listenAgainNotes {
/* includes the component name - or playlist name - as h3*/
position:absolute;
right:25px;
top:170px;
width:25%;
height:auto;
overflow:hidden;
}
#listenAgainNotes h3 {
margin:2px;
font-size:14px;
font-style:italic;
color:#EDA156;
}
#listenAgainNotes p {
margin:4px;
}
#feature01 {
position:absolute;
right:17px;
top:155px;
width:25%;
height:auto;
overflow:hidden;
}
#feature01 p {
margin-left:4px;
}
#feature01 h2 {
margin:2px;
}
#feature01 h3 {
margin:2px;
font-size:14px;
font-style:italic;
color:#EDA156;
}


#signUpNote {
width:150px;
height:28px;
overflow:hidden;
right:4px;
top:0px;
padding:5px;
line-height:110%;
padding-right:8px;
color:Red;
font-weight:bold;
text-align:center;
}
#mailingListFormContainer form {

}
#joinMailListSubmit {
height:18px;
width:79px;
}
#postcode {
display:none;
width:110px;
}

a {
color:#5389AD;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#headerStrip {
position:absolute; 
width:670px; 
height:20px;
z-index:1;
margin-left:100px;
}
#logoDiv1 {
position:absolute;
width:200px;
height:60px;
top:40px;
right:0px;
}
#logoDiv2 {
position:absolute;
width:200px;
height:73px;
top:30px;
left:5px;
}

#domainName {
position:absolute;
left:760px;
top:107px;
font-size:24px;
display:none;
}
#breadcrumb {
position:absolute; 
top:29px;
width:700px;height:20px;
padding:15px 2px 2px 5px;
font-size:11px;
z-index:3;
color:#B5CACA;
margin-left:100px;
}
#breadcrumb a {
color:#B5CACA;
}

#breadcrumb p {

font-size:12px;
margin-left:8px;margin-top:0px;line-height:100%;
}
#articleDate p {
margin-left:0px;margin-top:0px;line-height:100%;
height:18px;
}
#mainIllustration {position:absolute;
width:242px;
height:114px;
right:0px;
top:27px;
overflow:hidden;
}
#heading01 {
font-size:14px;
position:absolute; 
width:700px;
height:40px;
z-index:2;
top:68px;
margin-left:100px;
}
#head01 {
position:absolute; 
top:0px;
left:5px;
}
h1 {
padding:0px;
margin:0px;
color:#5C7558;
font-weight:normal;
}
#content01 h1 {
font-size:18px;
margin-top:10px;margin-left:10px;
margin-bottom:10px;
font-weight:normal;
line-height:125%;
color:#5CA8A8;
}
h2 {
font-size:18px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
font-weight:normal;
line-height:125%;
color:#5CA8A8;
}
h3 {
font-size:16px;
margin-top:10px;margin-left:8px;margin-right:50px;
margin-bottom:10px;
font-weight:normal;line-height:125%;
color:#5CA8A8;
}
h4 {
font-size:14px;
margin-top:10px;margin-left:8px;margin-right:50px;
margin-bottom:10px;
font-weight:normal;line-height:125%;
color:#5CA8A8;
}
h5 {
font-size:12px;
margin-top:10px;margin-left:8px;margin-right:50px;
margin-bottom:10px;
font-weight:bold;line-height:125%;
color:#5CA8A8;
}
#signature {
position:absolute; width:127px;
height:4px;top:55px;left:0px;
}



p {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content01 p {
/*font-size:13px; */
/*font-family:Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; */

font-size:13px;
margin-left:8px;margin-top:0px;line-height:160%;
}

#categoryLevel1NavigatorDiv, #catLev1NavFlyOut {
z-index:20;
/* see categoryLevel1Navigator.css */
}


#shopDisplay { 
position:absolute; 
top:160px;

width:900px;
height:auto;
z-index:10;
}

#menuColumn {
position:absolute;
left:10px;
width:205px;
height:auto;
top:80px;
}
#mailingListForm {
position:absolute;
padding:0px;
top:350px;
left:10px;
text-align:right;
bottom:10px;
background-repeat:no-repeat;
z-index:80;
width:165px;
height:125px;
background-image:url(/graphics/mailingListFormBack.png);
/*
background-image:url(/graphics/RainbowWithOrbs.png);
background-position:bottom right;
background-repeat:no-repeat;
*/
}
#mailingListFormContainer {
position:absolute;
width:150px;
height:115px;

}
#menuColumnBackTop {
position:absolute;
margin-top:0px;
width:205px;
height:14px;
background-image:url(/graphics/menuColumnBackTop.png);
}
#menuSleeve {
position:relative;
width:205px;
height:auto;
margin-top:14px;
top:0px;
background-image:url(/graphics/menuColumnBack.png);
}

#menuColumnBackBase {
position:absolute;
margin-top:-1px;
width:205px;
height:14px;
background-image:url(/graphics/menuColumnBackBase.png);
}
#blogFrame {
width:740px;
height:100%;
}






#feature02 {
position:absolute;
left:0px;
bottom:5px;
width:200px;
height:auto;
overflow:hidden;
}





#mailingListForm label {
color:#666666;
}
#mailingListForm input[type=text] {
border:1px solid #999999;
margin:2px;
background-color:#E1DDDA;
color:#333333;
}

/*
input[type=text] {font-size:1em; padding:1px 1px 1px 2px; border:1px solid #7F9DB9;}
*/
input[type=password] {font-size:1em; padding:1px 1px 1px 2px; border:1px solid #7F9DB9;}

#mailingListForm input[type=submit] {
width:64px;
}
/*
#mailingListForm input[type=submit] {font-size:1em; height:26px;border:1px solid #7F9DB9;cursor:pointer;
padding:2px 4px 4px 4px;margin:0px 0px 0px 0px; color:#333333;}

#mailingListForm input[type=submit]:hover {
padding:2px 4px 4px 4px;margin:0px 0px 0px 0px; }

#mailingListForm input[type=submit]:active {
padding:2px 4px 4px 4px;margin:0px 0px 0px 0px; }

*/







#mailingListForm label {
color:#666666;
}
#mailingListForm input[type=text] {
border:1px solid #999999;
margin:2px;
background-color:#E1DDDA;
color:#333333;
}

/*
input[type=text] {font-size:1em; padding:1px 1px 1px 2px; border:1px solid #7F9DB9;}
*/
input[type=password] {font-size:1em; padding:1px 1px 1px 2px; border:1px solid #7F9DB9;}

#mailingListForm input[type=submit] {
width:64px;
}
/*
##mailingListForm input[type=submit] {font-size:1em; height:26px;border:1px solid #7F9DB9;cursor:pointer;
padding:2px 4px 4px 4px;margin:0px 0px 0px 0px; color:#333333;}

##mailingListForm input[type=submit]:hover {
padding:2px 4px 4px 4px;margin:0px 0px 0px 0px; }

##mailingListForm input[type=submit]:active {
padding:2px 4px 4px 4px;margin:0px 0px 0px 0px; }

*/






#searchForm {

}
#ss {
width:117px; height:14px; font-size:10px; padding:0px; 
background-color:#E2E2E2;
padding-top:1px;
padding-left:3px;
}
#searchFormDiv label { 
font-size:10px; 
padding-left:12px;
}



#addToFavoritesLinkDiv {
position:absolute; 

font-size:10px;
padding-left:18px;

bottom:35px;
width:85px;
height:20px;
left:10px;
z-index:10;
}




ul li {

}
#content01 ul li, #shopPanel ul li {
margin:0px;border:0px;
list-style-image:none;
list-style-image:url(/graphics/bullet.gif);
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#feature01 ul, #feature02 ul  {

}
#feature01 li, #feature02 li  {

}


/* ********** Fly-out menu */
#subjectMenu {
position:absolute;
top:0px;
height:16px;
z-index:100;
padding-bottom:10px;
width:99%;
}
#subjectMenu div {
position:relative;
}
.pipe {
position:relative;
float:left;
height:auto;
padding:3px 1px 1px 1px;
text-align:center;
margin:0px;
}
.bachsubmenu {
position:relative;
float:left;
width:100px;
height:auto;
padding:0px 10px 0px 0px;
text-align:left;
}
.menuContent {
position:absolute;
top:0px;
width:200px;
height:0px;
overflow:hidden;
padding-left:10px;
padding-right:10px;
}
#subjectMenu ul {
padding:0px;
margin:0px;
}
#subjectMenu ul li {
list-style-type:none;
}
.bachmenu { list-style-type:none; margin:0px; padding:0px; position:relative; top:0px;}	
.bachmenu li { list-style-type:none; display:block; line-height:18px; text-indent:8px;padding-right:10px;}
.bachmenu li a { width:100%; display:block; }
.bachmenu li:hover { }
.menuHeading {
width:100%;
height:22px;
padding:4px;
text-align:center;
}
.menuHeading:hover {

}
.menuHeading a {
width:90%;
display:block;
padding-left:2px;
padding-bottom:2px;
}
#footer01 {
display:block;
position:fixed;
bottom:0px;
width:100%;
text-indent:130px;
height:16px;
padding-top:4px;
font-family:Arial, Helvetica, sans-serif;
margin-left:0px;
z-index:90;
background-color:#FFFFFF;
}
#searchFormDiv {
display:block;
position:fixed;
bottom:4px;
width:195px; 
left:5px;
z-index:100;
}
/* ----------  Search  Results --------- */


#searchResults {
position:absolute;
width:300px; /* see inline */
top:50px;
right:120px;
z-index:5;
}
#noSearchWordAlert {
position:absolute;
top:10px;
left:10px;
}

.srHead, .sr0, .sr1, .srNone {
float:left;
margin:2px 0px 2px 0px;
padding:5px;
width:90%;
line-height:1em;
}
.srHead {
font-weight:bold;
text-decoration:underline;
font-style:italic;
}
.searchResultLink {
text-decoration:none;
border:0px;
font-weight:bold;
}
.searchResultLink:hover {
text-decoration:underline;
}
.sr0 {


}
.sr1 {


}
.sr0:hover, .sr1:hover {

}
.srNone {
color:#666666;
}
.deadLink {color:#E9E9E9;}
.label {font-size:10px; font-weight:normal;color:#FFFF99; text-align:left;}

/* ----------  End Search and Results --------- */



#rcdSetPageNav {
position:absolute;
bottom:64px;
left:330px;
width:400px;
height:15px;
text-align:center;
z-index:20;
}
#rcdSetPageNav ul { height:12px; padding:0px; margin:0px;}
#rcdSetPageNav li {
list-style-type:none;
display:inline;
}
#firstImage, #previousImage, #nextImage, #lastImage, .deadLink img {height:15px;}
.rcdPosition {}

#xhrReport {
position:absolute;
right:0px;
bottom:10px;
}
#errorReport {
display:none;
color:#FF0000;

font-size:11px;
position:fixed;
left:0px;
top:0px;
width:200px;
height:16px;
z-index:100;
}

/* -----------------  Form Elements --------------------- */

legend {
	padding: 4px 10px 4px 10px;
	font-size: 14px;
	font-style:italic;
	font-weight:bold;
	border:1px dotted #999999;
}
fieldset {
	margin-top:5px;
	padding:5px;
	border-style:dotted;
	border-color:#666666;
	border-width: 1px;
	margin-left:30px;
}
form {padding:0px;margin:0px;border:0px;}
form p {
padding:2px;
margin:0px;
}
acronym {text-decoration:none; cursor:help; border-bottom:1px dotted #999999;}


form {/*  */ }
fieldset {padding:0.5em; }
fieldset fieldset {padding:0px; margin:0px;}
legend { font-size:1em; }
input {/* Any input */ }
label {font-size:1em;border:0px; margin:0px; padding:0px; line-height:0.9em;}
textarea {/* Area of Text */ 
font-family:inherit;
font-size:1em;
padding:5px;
border:1px solid #7F9DB9;
font-size: 11px;
}
select {
border:1px solid #7F9DB9;
font-size:11px;
}

optgroup {/* Group of Options within a Select Element */ }
option {/* one option row in a select Element */ }
button {/* A Form Button */ }

input[type=text] {font-size:1em; padding:1px 1px 1px 2px; border:1px solid #7F9DB9;}
input[type=password] {font-size:1em; padding:1px 1px 1px 2px; border:1px solid #7F9DB9;}

/*
input[type=submit] {font-size:1em; height:18px;border:1px solid #7F9DB9;cursor:pointer;
padding:2px 4px 4px 4px;margin:0px 0px 0px 0px; color:#333333;}

input[type=submit]:hover {
padding:2px 4px 4px 4px;margin:0px 0px 0px 0px; }

input[type=submit]:active {
padding:2px 4px 4px 4px;margin:0px 0px 0px 0px; }
*/

/* not for Firefox - confuses focus and active.. bug? 
input[type=submit]:focus {border:0px;
padding:2px 0px 5px 0px;margin:0px;
background-image:url(/images/buttons/ie_169x22_focus.gif);} 
*/
input[type=file] {
font-size:11px;
}



.rDisplayName {
width:50%; height:16px; padding:2px; float:left;
}
/*
.rOrganisation {
width:30%; height:16px; padding:2px; float:left;
}
.rTelephone {
width:15%; height:16px; padding:2px; float:left;
}
*/
.rEmail {
width:30%; height:16px; padding:2px; float:left;
}

#orgList {}
.orgListRow0 {
float:left;
width:90%;
height:auto;
padding:2px 2px 2px 5px;
}
.orgListRow1 {
float:left;
width:90%;
height:auto;
padding:2px 2px 2px 5px;
}
.orgListRow0:hover, .orgListRow1:hover {
}
.orgTitle {
width:80%; height:16px; padding:2px; float:left;
}
.deleteLink {
width:20px; height:16px; padding:2px; float:left;
}


hr {clear:both; }


#addEventText {
margin-right:20px;
width:360px;
}
#addEventText input[type=text] {
width:350px;
margin-bottom:7px;
}
#addEventText textarea {
width:350px;
height:50px;
margin-bottom:7px;
margin-top:2px;
}
#addEventText label {
line-height:110%;
}
#addEventChecks {

}
#addEventChecks textarea {
width:350px;
height:50px;
}


#peopleFormDiv {
position:relative;
width:90%;text-align:right;
}



.performerEditTab, .actEditTab, .peopleEditTab {
height:23px;
background-color:#CCCCCC;
}
.performerEditTab a, .actEditTab a, .peopleEditTab a {
padding:0px 6px 0px 6px;
color:#000066;
}
.performerEditTabSelected, .actEditTabSelected, .peopleEditTabSelected {
border-top:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-bottom:1px solid #EEEEEE;
background-color:#EEEEEE;
}
.performerEditTabSelected a, .actEditTabSelected a, .peopleEditTabSelected a {
padding:0px 6px 0px 6px;
color:#000066;
}
.performerEditTab:hover, .actEditTab:hover, .peopleEditTab:hover {
background-color:#DDDDDD;
}
.performerEditTab, .performerEditTabSelected, .actEditTab, .actEditTabSelected, .peopleEditTab, .peopleEditTabSelected {
display:inline;
height:24px;
width:20%;
padding:10px 0px 5px 0px;
}
.performerEditTab ul li a {
padding:10px;
height:24px;
}


#imageEditor {
    font-family:Arial, Helvetica, sans-serif;
    line-height:100%;
	border:1px solid #CCCCCC;
}
#primaryImages {
    position:relative;
    left:0px; top:2px;
    width:100%; height:300px;
}
#galleryTableau {
    position:absolute;
    left:10px; top:160px;
    width:98%; height:250px;
    border: 1px dotted #999999;
}
#uploadForm {
    position:relative;
    width:100%; height:50px;
    background-color:#CCCCCC;
}
#filesForModeration {
	position:relative;
	width:96%; 
height:auto;
	border:1px solid #FF0000;
}
#artistEditorTabs, #actEditorTabs, #peopleEditorTabs {
width:100%;
text-align:center;
margin-top:5px;
margin-bottom:20px;
height:20px; /* the line under the Performer's editor tabs */
border-bottom:1px solid #333333;
}
#artistEditorTabs ul, #actEditorTabs ul, #peopleEditorTabs ul {
width:100%; 
margin:0px; padding:0px; border:0px;
text-align:center;
list-style-type:none;
margin-top:2px;
}
#performerFormDiv form p, #actFormDiv form p,  #peopleFormDiv form p  {
margin:2px 0px 2px 0px;
}
#performerFormDiv form fieldset, #actFormDiv form fieldset, #peopleFormDiv form fieldset  {
padding:1em;
margin:1em;
}
#artistEditorTabs ul li a, #actEditorTabs ul li a, #peopleEditorTabs ul li a {
width:100%;
}
#performerFormDiv, #actFormDiv, #peopleFormDiv {

}
#performerFormDiv fieldset, #actFormDiv fieldset, #peopleFormDiv fieldset  {

}
#performerFormDiv p, #actFormDiv p, #peopleFormDiv p {
margin:0px; 
}

#performerFormDiv fieldset legend, #actFormDiv fieldset legend, #peopleFormDiv fieldset legend {
font-size:1.1em;
font-style:italic;
padding:0px 5px 0px 5px;
}
#artistList, #actList, #peopleList, #eventList, #orgList{

}

img {
color:#787878;
font-style:italic;
font-size:9px;
}


.citation {
background-image:url(/graphics/yellowBackground.jpg);
font-style:normal;
margin-left:20px;
margin-right:20px;
padding:10px;
text-align:center;
line-height:150%;
}

/* --------------   Blog  ------------- */

#wp {
	float:left;
	width:660px;
	
}
#posts {
	float:left;
	width:380px;
	margin-left:10px;
	
	margin-left:8px;margin-top:0px;line-height:160%;
}
.post {
width:350px;
}
a {
	
	text-decoration:none;
}
#menu {
	float: left;
	width: 200px;
	margin-left:10px;
	
}
#footer {
	float:left;
	width:100%;
	
}
#sk2-footer {
	float:left;
	width:100%;

}
.meta {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h2 {


}
h3 {

margin-top:10px;margin-left:8px;margin-right:50px;
margin-bottom:10px;
font-weight:normal;line-height:125%;
}
#nav {

}
#nav ul {
	margin:0px 0px 0px 15px;
	padding:0px;
}
#nav ul li {
	list-style-type:none;
	list-style-image:none;
}
#nav li {
list-style-image:none;
}
#commentsDiv {
float:left;
	width:420px;
	margin-left:10px;
	
	margin-left:8px;margin-top:0px;line-height:160%;
}
#comment {
width:380px;
height:60px;
}
/* ---------  Listen Again --------------  */
#listenAgainContainer {margin-left:10px;width:90%;}
.listenAgainShowInShowHomePage {height:20px;margin-left:10px; width:300px; padding-top:5px; height:auto;}
#showEditContainer {margin-left:10px;width:550px;border-right:1px dashed Grey;}
.showEditLink, .previewShowLinkInEditor {float:left; width:50px;height:21px;padding:3px 1px 0px 1px;border-bottom:1px solid Red;}
.showEditLink:hover, .previewShowLinkInEditor:hover { background-color:#333333;}
.showEditLink a, .previewShowLinkInEditor a { display:block; padding-left:4px; }
.myShowHomePageListing{ width:540px; }
.listenAgainShow {}
.showName {border-bottom:1px solid Orange;font-size:1.4em;}
.showNameInEditor {float:left; width:305px; border-bottom:1px solid Red;
float:left;font-size:1.4em; height:24px;
padding-left:10px;}
.showNameInEditor:hover {background-color:#333333;}
.showNameInEditor a { text-indent:10px;display:block; color:#6699FF; }
.showName a { text-indent:10px;display:block; color:#000000; }
.showName a:hover, .showNameInEditor a:hover { color:#006699;}
.episodeListOuterBox {margin-left:0px;width:100%;border-right:1px dotted Grey;margin-bottom:5px;}
.editEpisodeListOuterBox {float:left; margin-left:20px;margin-top:10px;width:420px;border-right:1px dashed Grey;margin-bottom:5px;}
.episodeName {line-height:16px; background-color:#333333;padding:2px;}
.episodeName a { text-indent:10px; display:block;font-family:Verdana, Arial, Helvetica, sans-serif;padding:1px;}
.episodeName a:hover { background-color:#666666; color:#FFCCCC; }


#name, #email {
width:100px;
}