/*===============Sitewide============*/
body
{
  background: #000000;
  color: #FFFFFF;
  font-family: Verdana, Helvetica, Sans-Serif;
  font-size: 0.8em;
}
/*===============Error Text============*/
.error, a.error, a.error:hover, a.error:visited, .errorLabel
{
  color: Red;
  text-decoration: none;
}
/*===============Theme colours============*/
.themeColourForeground, .themeColourForeground a
{
  background: #000000;
  color: #FFFFFF;
}
.themeColourBackground, .themeColourBackground a
{
  background: #000000; /*green*/
  color: #FFFFFF;
}
.themeColourBorder
{
  border: 1px solid #009933;
}
.green
{
  color: #3C8813;
}
.red
{
  color: #BB0202;
}
.blue
{
  color: #0096FF;
}
/*===============Container============*/
#container-wrapper
{
  width: 868px;
  background-color: #000000;
}
/*===============Header============*/
/*Logo left*/
#header
{
  height: 150px;
}
#headerLogo
{
  width: 163px;
  height: 150px;
  background-image: url(   '../../Assets/Images/Logo.jpg' );
  background-repeat: no-repeat;
  background-position: left top;
}
#headerGraphic
{
  width: 700px;
  height: 150px;
  background-image: url(   '../../Assets/Images/Header.jpg' );
  background-repeat: no-repeat;
  background-position: left top;
}
/*
span.headerStrapline
{
  /width and height must be same as headerGraphic/
  width: 600px;
  height: 175px;
  background-image: url(../../Assets/Images/CSS/headerStrapline.jpg);
}
span.headerStrapline a
{
  width: 349px;
  cursor: crosshair;
}
*/
/*===============Menu Horizontal============*/
/*border colour (default state)*/
#menuHorizontal li a
{
  min-width: 92px;
  border-color: #FFFFCC;
}
/*Selected item state*/
#menuHorizontal li.menuHighlighted a, #menuHorizontal li a:hover
{
  color: #FFFFFF;
  background-color: #0096FF; /*same as border colour (default state)*/
  border-color: #0096FF;
}
/*===============Menu Vertical============*/
#menuVertical
{
  margin-top: 30px;
  width: 140px;
  background-color: #000000;
}
/*Selected item state*/
#menuVertical li.menuHighlighted a:hover, #menuVertical li.menuHighlighted a:active
{
  color: #FFFFFF;
  background-color: #0096FF;
}
/*===============Content============*/
#mainContent
{
  min-height: 350px;
  margin-left: 164px; /*Width of content-container minus (Vertical menu + padding)*/
  padding-right: 3px;
}
.content
{
  background-color: #000000;
}
#content-wrapper
{
  text-align: justify;
  margin-top: 10px;
}
.highlight
{
  color: #FFD700;
}
.highlight2
{
  color: #0096FF;
}
/*Lists*/
li
{
  list-style-type: square;
}
.indent
{
  float:left; 
margin-left: 100px;
}

/*Links*/
.mainContent a
{
  text-decoration: none;
  color: #0096FF;
}
.mainContent a:visited
{
  color: #0096FF;
}
.mainContent a:hover
{
  color: #FFFFCC;
  text-decoration: underline;
}

/*Images*/
.image
{
  font-size: 0.9em;
  text-align: center;
}


/*Footer*/

.footer
{
  border-color: #9CAAB5;
}

/*Main Content*/

h1, h2, h3
{
  color: #FFFFFF;
}

.highlight h2
{
   line-height:0.8em;
}

a
{
  color: #FFFFFF;
}

/*Forms*/
.floatingPanel
{
  border-color: #02004C;
}

/*GridView*/
.gridView
{
  border-color: #333;
}

.gridView tr.header
{
  background-color: #02004C;
}

.gridView tr.normal
{
  background-color: #99FF99;
}

.gridView tr.alternate
{
  background-color: #66CC66;
}

/*Forms*/
.blankLabel
{}
.savedLabel
{}
.editLabel
{}
legend
{
  color: #FFFFFF;
}
input, select
{
  border: none;
}

/*Buttons*/
.button
{
  min-width: 150px;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.save
{
  background-color: green;
}
.submit
{
  background-color: green;
}
.delete
{
  background-color: red;
}
.clear
{
  background-color: gray;
}
.cancel
{
  background-color: red;
}


/*Images*/
span.imgContainer
{
  display: block;
}
.imgContainer span
{
  display: block;
}
.imgTitle
{
  margin-top: 3px;
}

/*Products*/
.product
{
  margin: 1em 3em 2em 3em;
  border: solid 1px #FFFFFF;
  padding: 1em 1.5em 0.8em 1.5em;
}

.productSubCatTitle
{
   font-variant: small-caps;
}

.musicProduct
{
  min-height: 220px;
  padding-bottom: 1.1em;
}

.productName
{
  color: #000000;
  float: left;
  vertical-align:middle;
  text-align:center;
  width:120px;
  background-color:yellow;
  margin-right: 10px;
}

/*Discography*/
.discographyElement a, .discographyElement a:hover
{
  color: #FFFFFF;
  text-decoration: none;
}
.discographyElement
{
  width: 150px;
}
.discographyContainer
{
  height: 200px;
  vertical-align: middle;
}
.discographyTitle
{
  display: block;
  text-align: center;
}
.discographyLeft
{
  float: left;
}
.discographyLeftMargin
{
  margin-left: 100px;
}
.discographyRight
{
  float: right;
}
.discographyRightMargin
{
  margin-right: 100px;
}


/*Polls*/
.pollIFrame
{
  width: 310px;
  height: 250px;
  text-align: center;
  vertical-align: middle;
}
.pollLeft
{
  float: left;
  margin-left: 30px;
}
.pollRight
{
  float: right;
  margin-right: 30px;
}