@font-face
{
  font-family:  Ank;
  src: url('fonts/ank.eot');
  src: local(Ank), local(Ank), url('fonts/ank.ttf') format('opentype'); 
}

body {
	margin:0 auto; 
        /*padding: 2em; */
	background: #222222; /* #5f768f; /*#0A3360;  /*DC99E7;  */
	color: #666;
	 font: 75%/1.13 verdana, sans-serif;
	width: 980px;
	//height: 0px;
        text-align: center;
	}
	
.songmenu
{
	padding-right: 5px;
	padding-bottom: 2px;

	}	
	
.logoText
{
  font-family: Ank, Verdana;
  font-size: 66px;	
  letter-spacing: 1px;
  color: #222222;
}
	
.shadow-container {
  position: relative;
  left: 3px;
  top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 3px;
  padding-top: 8px;
  line-height: 1.1;
}
 
.shadow2,
.shadow3,
.container {
  position: relative;
  left: -1px;
  top: -1px;
}
 
  .shadow1 {
    background: #d1d0d1;
  }
 
  .shadow2 {
    background: #cBcAcB;
  }
 
  .shadow3 {
    background: #a8a6a8;
  }
 
  .container {
    background: #fefefe;
    border: 1px solid #848284;
    padding: 8px;
    padding-top: 0;
  }	
  
.small-container
{
	width: 300px;
}

.medium-container
{
  width: 648px;
}
	
.summaryDate
{
	vertical-align: top;
	padding-top: 3px;
	padding-right: 6px;
	font-size: 10px;
        width: 70px;
}

.search
{
	vertical-align: middle;
	text-align: right;
	color: white;
	font-size: 21px;
	letter-spacing: 1px;
	padding: 0px;
	line-height: 32px;
	font-family:Ank,Arial,Helvetica,sans-serif;
	 border-left: 1px dotted white;
}

.rightColumn
{
  width: 305px;
  vertical-align: top;
}

.leftColumn
{
  width: 653px;
  vertical-align: top;
}

a:link
{
  color: #246aa0;
}

a:hover
{
  color: #055648;
}

a:visited
{
  color:  #875909; /* #3582bc; #6855C8;*/
}


h1 {
	  font-family: Ank;
    font-size: 23px;
color: #666666;
    /* text-decoration: underline; */
    letter-spacing: 1px;
    /*color: #666666; */
	  margin: 0.2em 0;
	  font-weight: 500;
	}
	
h2 {
  font-family: Ank;
  font-size: 18px;
  letter-spacing: 1px;
  margin: 0.2em 0;
  font-weight: 400;
}

/*p {

	margin: 0.5em 0;

	}*/

.containerTable
{
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.containerTitle
{
	padding: 0px;
	margin: 0px;
	color: grey;
	border-bottom: dotted 1px #000000;
	width: 100%;
}

.containerBody
{
/*	padding-top: 15px; */
	width: 100%;
}

.color-table {
	margin: 2em 2em 5em;
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	font-size:100%;
	}

.color-table th {

	padding: 0 1em 0;

	text-align:right;

	vertical-align: middle;

	font-size:110%;

	border: none;

	}

.color-table td.sample {

	width:8em; height:8em;

	padding: 10px;

	text-align:center;

	vertical-align:middle;

	font-size:90%;

	border: 1px solid white;

	}

.color-table .white { color:white }

.color-table .black { color:black }



img {

  border-style: none;

}



hr {

	border:none;

	border-bottom:1px dotted silver;

	}

#footer {

	padding:1em;

	text-align:center;

	font-size:80%;

	}

	

#homeImageDiv {

  height: 420px;

  border: 0px;

  float: left;

  z-index: 0;

  position: relative;

  margin-right: auto;

  margin-left: auto;

}

.listenTd{
  font-size: 17px;
  padding-top: 8px;
}

#homeImageOverlayDiv {

  width: 320px;

  height: 105px;

  top: 20px;

  left: 10px;

  float: left;

  border: 0px;

  filter:alpha(opacity=80);

  moz-opacity: 0.8;

  opacity: 0.8;

  z-index: 1;

  position: absolute;

}

#bottombar

{

  margin-bottom: 10px;

  margin-top: 10px;

  display: block;

}

#bodyDiv {
  margin: 0px auto 0px auto;
  background: #e3e3e3; /* #ffd773; */
  width: 974px;
  padding: 10px;
  padding-left: 14px;
  border-left: 1px dotted #CCCCCC;
  border-right: 1px dotted #CCCCCC;
  text-align: left;
  position: relative;
}


#topLogin,

#copyrightNotice {

  width: auto;

  height: auto;

  color: #666666;

  

  /*background:  #A4ABEA;  secondary 2 */

}

.songmenu {
  background:#3582bc  url('/css/images/bgnd_sel_4.png');
} 

#topLeft{
  text-align: left;
  vertical-align: center;
  padding-right: 18px;
  width: 595px;
}

#topMiddle {
  vertical-align: top;
  text-align: left;
  padding-left: 2px;
}

#topRow {
  height: 110px;
}

#topTable
{
	border: solid #666666 1px;
	padding-bottom: 2px;
}

#topLogo
{
  padding: 3px;
  width: 120px;
}


#topRight{

   width: 342px; 

  text-align: right;

  padding-right: 2px;
  vertical-align: top;

}



#topLogin {

  margin-bottom: 10px;

}



#copyrightNotice {

  margin-top: 20px;

  text-align: center;

}



.formTable {
  /* background: #A4ABEA; */
  width: 100%;
}

.formTableHeader {
  text-align: left;
  vertical-align: top;
  width: 200px;
}

.formTd {
  text-align: left;
  vertical-align: top;
  color: #777777;
  padding-bottom: 12px;
  width: auto;
}

.formSaveButtonTd {

  text-align: right;

  padding-top: 20px;

}

.floatingImage {

  padding-left: 2px;

  float:right;

}



#envWarning {

  text-align: center;

  background: #FFB8A7;

  font-size: 12px;

  padding-top: 2px;

  padding-bottom: 2px;

  margin-bottom: 12px;

}



#songDescription {

  background: #A4ABEA;

  width: 100%;

  padding: 2px;

}



.yellowTable {

  background: #F3FDA6;

  width: 100%;

}

.influenceSquare {

  background: #F3FDA6;

}



.influenceTable {

  vertical-align: top;

  display: inline-block;

  padding: 1px;

  margin: 0px;

  border: 0px;

}



.blueTable {

  background: #A4ABEA;

  width: 100%;  

}

.error_list {
  border: 1px dotted #883939;
  background: #ffeeee;
  padding: 3px;
  color: #444444;
  list-style-type: none;
}

#errorDialog {
  text-align: left;
}

#reviewDescription {
  border: 1px dotted #000000;
  padding: 10px;
  margin-bottom: 25px;
}

#reviewComments {
  margin-bottom: 10px;
}

.error_list {

  background: #FFB8A7;

}

.errorDiv
{
  background: #FFB8A7;
  color: #666666;
  border: 1px solid #666666;
  padding: 3px;
}



.vgmdbImagesClass {
  float: left; 
}

.songUserActions {
  background: #F3FDA6;
  padding: 3px;
}

.outdatedSongDiv {
  background: #FFB8A7;
}

.announcementDiv {
  border-bottom: 1px dotted;
  padding-top: 10px;
  text-align: left;
}

.announcementText {
  font: 14pt bold Verdana, sans-serif;
  color: #666666;
}

.viewsText {
  font: 14pt bold Verdana, sans-serif;
  color: #875909;
}

.downloadsText {
  font: 14pt bold Verdana, sans-serif;
  color: #246aa0;
}

.experienceText {
  font: 14pt bold Verdana, sans-serif;
  color:  #663366;
}

.ratingText {
  font: 14pt bold Verdana, sans-serif;
  color: #a63030;
}

.codeDiv {
  font: courier new, courier;
  border: 1px solid #333333;
  color: #000000;
  padding: 3px;
  background-color: #cccccc;
}

.announcementInfoText {
  font: 8pt Verdana, sans-serif;

}

.tdBottomLine {
  border-bottom: gray dotted 1px;
}

.mbcontainermargin {
  margin-top: 10px;
}

#fileStatus, #profileImage {
  color: #006600;
  border: dotted 1px;
  padding: 1px;
  vertical-align: top;
  text-align: left;
  background-color: #ececec;
}

#errorStatus {
  color: #6d0f0f;
  border: dotted 1px;
  padding: 1px;
  vertical-align: top;
  text-align: left;
  background-color: #fbe1e1;
}

#profileImage {
  padding: 10px;
  margin-bottom: 10px;
}

#announcementNavigationDiv {
  text-align: right;
  padding-top: 10px;
}

.songchartTd {
  border: 1px dotted #999999;
  vertical-align: top;
}

#graphSelection {
  border: 1px solid #999999;
  background: #ffffcc;
  padding: 3px;
  width: 910px;
}

.gridSubText {
  font-face: Verdana;
  font-size: 9px;
}

.influencesMoreLink {
  font-face: Verdana;
  font-size: 7px;
}

.influenceBox {
/*  display: none; */
  padding-left: 10px;
  padding-right: 10px;
  background: #FBF5CB;
  margin-bottom: 20px;
}

#influenceOriginalWork {
  color: #246aa0;
  border: 1px solid #246aa0;
}
.influenceOriginalWork {
  color: #246aa0;
}

#influenceNotSelected {
  color: #a63030;
  border: 1px solid #a63030;
}
.influenceNotSelected {
  color: #a63030;
}

#influenceNotFound {
  color:  #875909;
  border: 1px solid #875909;
}
.influenceNotFound{
  color:  #875909;
}

#influenceSelected {
  color: forestgreen;
  border: 1px solid forestgreen;
}
.influenceSelected{
  color: forestgreen;
}

.compoPending {
  color: purple;
}

.compoOpen {
  color: #339933;
}

.compoEndingSoon {
  color: #CC6600;
}

.compoClosed {
  color: #cc0000;
}

.navMenu {
  padding: 4px;
  padding-right: 0;
}

.flexigrid div.fbutton .revise
{
    background: url(images/revise.png) no-repeat center left;
}

.flexigrid div.fbutton .list
{
    background: url(images/list.jpg) no-repeat center left;
}

.flexigrid div.fbutton .delete
{
    background: url(images/delete.png) no-repeat center left;
}

.flexigrid div.fbutton .checkbox
{
    background: url(images/checkbox.jpg) no-repeat center left;
}

.flexigrid div.fbutton .spreadsheet
{
    background: url(images/spreadsheet.png) no-repeat center left;
}

.flexigrid div.fbutton .score
{
    background: url(images/score.gif) no-repeat center left;
}

.flexigrid div.fbutton .chart
{
    background: url(images/chart.png) no-repeat center left;
}

.flexigrid div.fbutton .allsongs
{
    background: url(images/album.png) no-repeat center left;
}

.flexigrid div.fbutton .up
{
    background: url(images/up.png) no-repeat center left;
}

.flexigrid div.fbutton .down
{
    background: url(images/down.png) no-repeat center left;
}

.flexigrid div.fbutton .playlist
{
  background: url(images/play.png) no-repeat center left;
}

.flexigrid div.fbutton .add
{
  background: url(images/add.png) no-repeat center left;
}

/* body{
	font-family:"Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,sans-serif;
	font-size:14px;
	color:gray;
}
body{background:url(../../../images/bgnds/screenBgnd.gif)}
*/

.rootVoices{
	/*background-color:#cfb84d url("images/bgnd_sel_4.png"); */
        /* #cfb84d;  #BBBBBB;*/
        spacing-right: 2px;
}
.rootVoices td.rootVoice {
	vertical-align:middle;
	/* background-color:transparent; */
	font-family:Ank,Arial,Helvetica,sans-serif;
	letter-spacing: 1px;

	background:#3582bc url("images/bgnd_sel_4.png");
        color: #ffffff;
	font-size:21px;
	line-height:30px;
	cursor: pointer;
	
	padding-right: 12px;
	padding-left: 12px;
}
.rootVoices.vertical {
	width:100%;
}
/*
.rootVoices.vertical td.rootVoice{
	-moz-border-radius:0px 0px 8px 8px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
} */
.rootVoices td.selected{
        background: #ffd40b url("images/bgnd_sel_4.png");

	color:#ffffff;
	cursor: pointer;
        font-weight: bold;
	/* font-size:15px; */
}

.menuShadow{
	/* padding:3px; */
	/* padding-bottom:0px; */
	color: gray;
	left:3px;
	top:3px;
}

/**/

.menuContainer{
	background-color: gray;
	padding:0;
}
.menuContainer .line{
	background-color:transparent;
	width:100%;
}
.menuContainer .line.title {
	background-color:#B23305;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	border-bottom:1px solid darkred;
}
.menuContainer .line.title a{
	font-size:14px;
}
.menuContainer td a{
	text-decoration:none;
	color: #f3f3f3; 
}
.menuContainer td.voice{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:6px;
text-align: left;
width: 140px;
}
.menuContainer .separator{
	background-color:#999;
	height:1px;
}
.menuContainer td.img{
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
	font-size:12px;
	color: #c3c3c3;
	background-color:transparent;
	width:24px;
	padding:5px;
}
.menuContainer td.img img{
	width:20px;
}
.menuContainer .textBox{
	padding: 10px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background:dimgray url("../header_bgnd.jpg");
	color: #c3c3c3;
}
.menuContainer .selected td{
	background-color:#f3f3f3;
	background-image:url("images/bgnd_sel_2.jpg")
}
.menuContainer .selected td a{
	color:#000;
}
.menuContainer .disabled td, .menuContainer .disabled td a {
	color: #cccccc;
}
.menuContainer .subMenuOpener{
	background-image:url("images/menuarrow_w.gif");
	background-repeat:no-repeat;
	background-position:right;
}
.menuContainer .selected .subMenuOpener{
	background-image:url("images/menuarrow.gif");
	background-repeat:no-repeat;
	background-position:right;
}

td .remixSongTd
{
}

td .nonLimitedData
{
   border: 1px dotted #dddddd;
   background: #f5f5f5;
}

td .originalSongTd
{
  /* background: #f7f3f3; */
}

form
{
  padding: 0px;
margin: 0px;
}