@charset "utf-8";
/* CSS Document */

/*

**********                  **********
**********  HTML TAG STYLES **********
**********                  **********

*/

body {
font-family: Arial;
font-size: 70%;
margin: 0px;
padding: 0px;
color: #000;
background: #595959;
width: 100%;
text-align: left;
}

/*

**********                     **********
**********  WRAPPER TAG STYLES **********
**********                     **********

*/

div#wrapper {
position:absolute;
background: #FFFFFF url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/main-bg.gif) no-repeat;
width: 915px;
left: 50%;
margin-left: -475px;	
border: 1px solid #828282;
overflow: visible;
padding: 0px 16px 16px 16px;
}

div#wrapperHeader {
padding-top: 20px;
}

div#wrapperTranslationLink {
position: absolute;
top: 0px;
right: 17px;
padding: 2px 15px;
background: #7b9217;
}

div#wrapperDate {
position: absolute;
top: 140px;
right: 17px;
}

div#wrapperContent {
padding: 10px 0px 20px 0px;
}

div#wrapperFooter {
clear: both;
border: 1px solid #a7a7a9;
background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/sitemap-bg.gif) repeat-x;
height: 178px;
padding: 5px;
text-align: left;
}

div#wrapperFooterColOne {
	float: left;
	width: 200px;
	height: 180px;
	border-right: solid 1px #595959;
}

div#wrapperFooterColTwo {
	float: left;
	width: 240px;
	height: 180px;
	border-right: solid 1px #595959;	
}

div#wrapperFooterColThree {
	float: left;
	width: 240px;
	height: 180px;
	border-right: solid 1px #595959;	
}

div#wrapperFooterColFour {
	float: left;
	width: 200px;
	height: 180px;
}

div#wrapperFooterColOne li, div#wrapperFooterColTwo li, 
div#wrapperFooterColThree li, div#wrapperFooterColFour li {
	padding: 5px 10px;
}

div#wrapperFooterColOne a, div#wrapperFooterColTwo a, 
div#wrapperFooterColThree a, div#wrapperFooterColFour a {
	color: #595959;
	text-decoration: none;
}

div#wrapperFooterColOne a:hover, div#wrapperFooterColTwo a:hover, 
div#wrapperFooterColThree a:hover, div#wrapperFooterColFour a:hover {
	color: #595959;
	text-decoration: underline;
}

div#wrapperFooterLeftText {
	float: left;
	width: 500px;
	padding-top: 10px;
}

div#wrapperFooterRightText {
	float: right;
	width: 300px;
	text-align: right;
	padding-top: 10px;	
}

div#wrapperFooterLeftText a {
	color: #595959;
	text-decoration: none;
}

/*

**********                          **********
**********  MAIN CONTENT TAG STYLES **********
**********                          **********

*/

div#wrapperLeftCol {
position: relative;
float: left;
width: 146px;
margin-bottom: 10px;
}

div#wrapperMainCol {
position: relative;
float: left;
margin-left: 16px;
width: 470px;
background-color: #FFFFFF;
padding-right: 20px;
}

div#wrapperRightCol {
position: relative;
float: right;
width: 263px;
margin-bottom: 10px;
background-color: #FFFFFF;
}

/*

**********                  **********
**********  MAIN NAV STYLES **********
**********                  **********

*/

div#wrapperTranslationLink a {
color: #FFFFFF;
text-decoration: none;
}

div#wrapperTranslationLink a:hover {
color: #FFFFFF;
text-decoration: underline;
}

div#wrapperLeftCol ul {
padding: 0px;
margin: 0px;
border-top: 1px solid #a7a7a9;
border-left: 1px solid #a7a7a9;
border-right: 1px solid #a7a7a9;
list-style: none;
}

/*
#main_menu a {
	text-decoration: none;
}

#main_menu a:hover {
	text-decoration: underline;
}
*/
.menu-lvl-1 {
list-style: none;
border-bottom: 1px solid  #a7a7a9;
font-weight: normal;
padding: 0px;
}

.menu_link a {
display: block;
/*background: #FFFFFF url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-bg.gif) repeat-x;*/
font-weight: normal;
text-decoration: none;
padding: 6px 10px;
color: #000000;
width: 124px;
}

.menu_link a:hover {
display: block;
background: #FFFFFF url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-mo.gif) repeat-x;
font-weight: normal;
color: #000000;	
padding: 6px 10px;
width: 124px;
}

.menu-lvl-2 {
list-style: none;
background: #FFFFFF url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-bg.gif) repeat-x;
border-bottom: 1px solid  #a7a7a9;
font-weight: normal;
padding: 5px;
color: #000000;	
}

.menu-lvl-3 {
list-style: none;
background: #FFFFFF url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-bg.gif) repeat-x;
border-bottom: 1px solid  #a7a7a9;
font-weight: normal;
padding: 5px;
color: #000000;	
}

.menu-lvl-4 {
list-style: none;
background: #FFFFFF url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-bg.gif) repeat-x;
border-bottom: 1px solid  #a7a7a9;
font-weight: normal;
padding: 5px;
color: #000000;	
}

.menu-lvl-5 {
list-style: none;
background: #FFFFFF url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-bg.gif) repeat-x;
border-bottom: 1px solid  #a7a7a9;
font-weight: normal;
padding: 5px;
color: #000000;	
}

.menu-lvl-current {
list-style: none;
background: #FFFFFF url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-mo.gif) repeat-x;
border-bottom: 1px solid  #a7a7a9;
font-weight: normal;
padding: 5px;
color: #000000;		
}

/*

**********               **********
**********  FLASH STYLES **********
**********               **********

*/

div#wrapperFlash,
.tx-saltswf-pi1 {
border: 1px solid #a7a7a9;
width: 263px;
}

/*

**********                      **********
**********  MAIN CONTENT STYLES **********
**********                      **********

*/

div#wrapperMainCol p {
margin: 0px;
padding: 0px 16px 15px 0px;
}

div#wrapperMainCol h1 {
color: #7b9217;
font-size: 140%;
}

/*

**********                      **********
**********  MAIN CONTENT STYLES **********
**********                      **********

*/

div#wrapperRightCol h1 {
color: #7b9217;
font-size: 100%;
}

/*

**********                  **********
**********  SITE MAP STYLES **********
**********                  **********

*/

.siteMapColumnLeft {
position: relative;
float: left;
width: 225px;
height: 175px;
}

.siteMapColumn {
position: relative;
float: left;
width: 225px;
border-left: 1px solid #a7a7a9;
height: 175px;
}

.siteMapColumnRight {
position: relative;
float: left;
width: 180px;
padding: 10px 0px 0px 25px;
border-left: 1px solid #a7a7a9;
height: 165px;
}

.siteMapLink {
padding: 5px 0px;
height: 20px;
}

/*

**********                          **********
**********  MAIN CONTENT TAB STYLES **********
**********                          **********

*/

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
margin: 0px 0px 20px 0px;
padding: 0px;
width: 475px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
height: 230px;
border: 1px solid #a7a7a9;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
position: relative;
width: 148px;
float: left;
padding: 5px;
margin: 0px;
list-style: none;
border-left: solid 1px #a7a7a9;
border-bottom: solid 1px #a7a7a9;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-bg.gif) repeat-x;	
}

.TabbedPanelsTabStart {
position: relative;
width: 147px;
float: left;
padding: 5px;
margin: 0px;
list-style: none;
border-bottom: solid 1px #a7a7a9;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-bg.gif) repeat-x;	
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
background: url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-bg.gif) repeat-x;	
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
background: #FFFFFF url(http://www.arts-engine.org.uk/fileadmin/templates/arts_engine/images/nav-bgwhite.gif) repeat-x;
border-bottom: 1px solid #FFFFFF;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
clear: both;
background-color: #FFFFFF;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


/*

**********                 **********
**********  ARTISTS STYLES **********
**********                 **********

*/

div#wrapperMainColWide {
position: relative;
float: left;
margin: 0px 0px 20px 16px;
width: 750px;
background-color: #e6e6e6;
border: 1px solid #a7a7a9;
}

div#wrapperMainColWideArtistName {
width: 730px;
background-color: #7b9217;
border-bottom: 1px solid #a7a7a9;
padding: 5px 10px;
font-size: 110%;
color: #FFFFFF;
height: 20px;
}

div#wrapperArtistsLeftCol {
position: relative;
float: left;
width: 281px;
padding: 10px 0px 10px 10px;
}

div#wrapperArtistsMainCol {
position: relative;
float: left;
margin-left: 15px;
width: 420px;
padding: 10px 0px;
}

div#wrapperArtistsPhotoMain {
width: 261px;
height: 261px !important;
vertical-align: middle;
text-align: center;
padding: 10px;
background: #FFFFFF;
}

div#wrapperArtistsThumbnails {
width: 281px;
padding: 10px 0px;
}

.ArtistsPhotoThumb {
/*width: 77px;*/
padding: 5px;
background: #FFFFFF;
}

.ArtistsPhotoThumbCentral {
/*width: 77px;*/
padding: 5px;
margin: 0px 5px;
background: #FFFFFF;
}

.ArtistsRecentlyViewedThumb {
padding: 5px;
background: #FFFFFF;
}

div#wrapperArtistsLeftCol h1,
div#wrapperArtistsMainCol h1 {
font-size: 140%;
color: #7b9217;
}

div#wrapperArtistsLeftCol h2,
div#wrapperArtistsMainCol h2 {
font-size: 105%;
color: #7b9217;
height: 20px;
vertical-align: middle;
margin: 10px 0px;
}

/* Info Engine Core Template CSS */

.mainCategoriesHeader {
font-size: 110%;
color: #7b9217;
font-weight: bold;
}

.mainContentBox {
padding-right: 20px;
}

.mainContentBox a {
color: #7b9217;
text-decoration: none;
}

.mainContentBox a:hover {
color: #7b9217;
text-decoration: underline;
}

.mainContentBox h1 {
font: 75%;
}

.artist_profile_header {
float: left;
width: 200px;
font-size: 120%;
}

.artist_profile_links {
float: right;
width: 400px;
padding-top: 2px;
text-align: right;
}

.artist_profile_links a {
color: #FFFFFF;
text-decoration: none;
}

.artist_profile_links a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.clear {
clear: both;
}

/* Info Engine Core CSS Styles */
.breadcrumbs {
padding: 0px 0px 10px 0px;
}

.breadcrumbs a {
color: #7b9217;
text-decoration: none;
}

.breadcrumbs a:hover {
color: #7b9217;
text-decoration: underline;
}

.recently_viewed ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.recently_viewed li {
list-style-type: none;
margin: 0px;
padding: 2px 0px;
}

.recently_viewed a {



color: #7b9217;
text-decoration: none;
}

.recently_viewed a:hover {
color: #7b9217;
text-decoration: underline;
}

.shortlistDataHeader {
background: #7b9217;
color: #FFFFFF;
padding: 5px;
font-weight: bold;
border: 1px solid #333333;
}

.shortlistDataHeaderRight {
background: #7b9217;
color: #FFFFFF;
padding: 5px;
font-weight: bold;
border-top: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}

.shortlistDataRowLeft {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
padding: 5px;
}

.shortlistDataRowRight {
padding: 5px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}

.ShortlistBoxField {
font: 100% Arial;
background: #FFFFFF;
border: 1px solid #333333;
}

.ShortlistThumb {
width: 175px;
padding: 20px 0px;
background: #FFFFFF;
border: 1px solid #333333;
}

.ShortlistThumbCentral {
width: 175px;
padding: 20px 0px;
margin: 0px 10px;
background: #FFFFFF;
border: 1px solid #333333;
}

/* Form */

.stdButtonDelete {
font: 100% Arial;
background: #FF0000;
border: 1px solid #333333;
padding: 5px 10px;
color: #FFFFFF;
}

.stdButton {
font: 100% Arial;
background: #7b9217;
border: 1px solid #333333;
padding: 5px 10px;
color: #FFFFFF;
}

.searchBoxField {
font: 100% Arial;
background: #FFFFFF;
border: 1px solid #333333;
width: 150px;
padding: 2px 5px;
float: left;
}

.normalBoxCentre {
border: 1px solid #a7a7a9;
width: 450px;
padding: 10px 5px;
}

.normalBoxRight {
border: 1px solid #a7a7a9;
width: 253px;
padding: 10px 5px;
}

.normalBoxRight a,
.normalBoxCentre a {
color: #7b9217;
text-decoration: none;
}

.normalBoxRight a:hover,
.normalBoxCentre a:hover {
color: #7b9217;
text-decoration: underline;
}

.normalBoxRight ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.normalBoxRight li {
list-style-type: none;
margin: 0px;
padding: 2px 0px;
}

.searchBoxLayout {
float: left;
width: 225px;
height: 190px;
overflow: hidden;
}

.whatPeopleAreSearchingFor {
float: right;
width: 215px;
height: 150px;
overflow: hidden;
margin-right: 10px;
}

.titleText {
font: 110% Arial;
color: #7b9217;
font-weight: bold;
padding-bottom: 5px;
}

.searchTermsWhiteText a {
color: #000000;
text-decoration: none;
}

.searchTermsWhiteText a:hover {
color: #000000;
text-decoration: underline;
}

.searchTermsGreenText a {
color: #7b9217;
text-decoration: none;
font: bold 130% Arial;
}
.searchTermsGreenText a:hover {
color: #7b9217;
text-decoration: underline;
font: bold 130% Arial;
}

.floatIcon {
float: left;
height: 22px;
width: 22px;
padding-left: 5px;
}

.podcastImage {
float: left;
height: 72px;
width: 120px;
padding-right: 10px;
padding-bottom: 10px;
}

// Location Search - Map Div
.powysMap {
text-align: center;
padding: 20px;
width: 450px;
}

// Latest Artists Box
div#latestMediaBoxLayout {
float: left;
width: 290px;
height: 190px;
overflow: hidden;
}

div#latestMediaBoxLayoutThumbnails {
float: left;
width: 281px;
padding: 10px 0px;
}

.latestMediaBoxLayoutThumbnailsThumb {
width: 70px;
padding: 5px 0px 5px 20px;
background: #FFFFFF;
}

.latestMediaBoxLayoutThumbnailsThumbCentral {
width: 70px;
padding: 5px;
padding: 5px 0px 5px 20px;
background: #FFFFFF;
}

div#latestArtistsBoxLayout {
float: right;
width: 150px;
height: 190px;
overflow: hidden;
}

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

.textEngine {
color: #8fa11f;
font-weight: bold;
}

.searchBoxLayout a {
color: #8fa11f;
text-decoration: none;
}

.searchBoxLayout a:hover {
color: #8fa11f;
text-decoration: underline;
}

/* Home Page Categories */
.home_page_cat_name div {
	font: bold 130% Arial;
	padding: 0px;
	margin: 0px;
}

h2 {
	padding: 10px 0px;
	margin: 0px;
	font-size: 150%;
}

h5 {
	padding: 10px 0px;
	margin: 0px;
	font-size: 180%;
}

.refineSearchText {
width: 450px;
background-color: #7b9217;
border-bottom: 20px solid #FFFFFF;
padding: 5px 10px;
font-size: 100%;
color: #FFFFFF;
text-align: center;
}

.advanceSearch {
width: 450px;
border: 1px solid #a7a7a9;
padding: 5px 10px;
font-size: 100%;
text-align: center;
}

.formField {
	font: 100% Arial;
}

textarea {
	font: 100% Arial;
}