/*--Page Layout--*/

body {
	margin: 0px 0px 5px 0px;
	/*background: #F7F1E1;		*/
	background: #FBFBF3;
}
	
font.title {
	font-size: 25px;
}

a {
	color: #00008B;
	text-decoration: none;
}
a:active {
	color: #00008B;
	text-decoration: none;
}
a:visited {
	color: #00008B;
	text-decoration: none;
}
a:hover {
	color: #00008B;
	text-decoration: underline;
}

.editable{
     color: #000;
     background-color: #ffffd3;
 }
 
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	font-family:Arial,Verdana,sans-serif;
	font-size:0.8em;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
	margin-top:0;
	margin-left:0;
	margin-right:0;
	padding:0;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
}
#nav a{
	display:block;
	padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	margin:0;
	padding:0;
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#333;
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#888888;
}

table.competitiontable {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: white;
	text-align: left;
}
table.competitiontable th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	background-color: white;
	text-align: left;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.competitiontable td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	background-color: white;
	text-align: left;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.statstable {
  font-size: 12px;
  font-family: "Arial";
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	text-align: left;
}
table.statstable th {
	border-width: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: left;
}
table.statstable td {
	border-width: 1px 1px 1px 1px;
	padding: 0px 0px 0px 3px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: left;
}

/* FONTS */
div {
  font-family: "Times New Roman", "Times", serif;
  color: black;
  font-size: medium;
}
div.error {
  font-weight: bold;
  font-size: 20px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
div.footer {
  font-size: small;
  font-weight: normal;
  text-align: center;
}
div.title {
  font-family: "Verdana", "Arial", serif;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 40px;
  }
div.content {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  }
  
div.fillin {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  /*border: 1px solid red;*/
  }
  
img.heart {
  vertical-align: middle;
  }
  
div.spacer {
  clear: both;
  }
  
/* hitlist */
div.hitlist {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.hitlistcomplete {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
div.hitlistcolumnleft {
  margin: 3px 5px 10px 0px;
  float: left;
  width: 70px;
  text-align: right;
  }
div.hitlistcolumnmiddle {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 300px;
  }
div.hitlistcolumnright {
  margin: 3px 0px 10px 5px;
  float: left;
  width: 100px;
  }
div.hitlistrow {
  float: left;
  }
  
/* approvereview */
div.approvereview {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  }
div.approvereviewtext {
  border: 1px solid black;
  padding: 3px;
  }
font.approvereviewbadword {
  color: red;
  font-weight: bold;
  text-decoration: underline;
  font-size: 20px;
  }
  
/* managestores */
div.managestores {
  width: 610px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.managestorescolumnnumber {
  margin: 3px 5px 10px 0px;
  float: left;
  width: 90px;
  text-align: right;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.managestorescolumnname {
  margin: 3px 5px 10px 0px;
  float: left;
  width: 250px;
  text-align: right;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.managestorescolumnedit {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 100px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.managestorescolumnremove {
  margin: 3px 0px 10px 5px;
  float: left;
  width: 100px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.managestoresrow {
  float: left;
  }
  
/* rankstores */
div.rankstores {
  width: 490px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.rankstorescolumnnumber {
  margin: 3px 5px 10px 0px;
  float: left;
  width: 100px;
  text-align: right;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.rankstorescolumnname {
  margin: 3px 5px 10px 0px;
  float: left;
  width: 250px;
  text-align: right;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.rankstorescolumnrank {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 100px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.rankstoresrow {
  float: left;
  }
  
/* view artist */
div.viewartist {
  width: 610px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.viewartisttitle {
  font-weight: bold;
  text-decoration: underline;
  font-size: 22px;
  font-family: "Comic Sans MS", "Times New Roman", "Times", serif;
  text-align: center;
}
div.viewartistbiography {
  border: 1px solid black;
  padding: 3px;
  text-align: left;
  }
div.viewartistleft {
  margin: 3px 5px 10px 0px;
  float: left;
  width: 431px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.viewartistright {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 150px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.viewartistrow {
  float: left;
  }
  
/* view album */
div.viewalbum {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.viewalbumbiography {
  border: 1px solid black;
  padding: 3px;
  text-align: left;
  width: 500px;
  }
div.viewalbumfavorite {
  font-size: 20px;
}

/*flip favorite*/
div.flipfavorite {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.flipfavoritetext {
  font-size: 20px;
}
div.flipfavoritesubtitle {
  text-align: center;
  font-size: 20px;
}

/* write review */
div.writereview {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.writereviewsubtitle {
  text-align: center;
  font-size: 20px;
}
div.writereviewbigtext {
  font-size: 20px;
}

/* search results */
div.searchresults {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.searchresultserror {
  text-align: center;
  font-size: 20px;
}
div.searchresultsartistalbum {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 410px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.searchresultsserial {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 125px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.searchresultsrelease {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 150px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.searchresultsoptions {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 190px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.searchresultsrow {
  float: left;
  }
div.searchresultslegend {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  }
  
/* favorite list */
div.favoritelist {
  width: 790px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.favoritelisterror {
  text-align: center;
  font-size: 20px;
}
div.favoritelistlink {
  text-align: center;
  font-size: 20px;
  }
div.favoritelistartistalbum {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 520px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.favoritelistserial {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 125px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.favoritelistremove {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 100px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.favoritelistrow {
  float: left;
  }
div.favoritelistlegend {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  }
  
/* Get recommendations */
div.getrecs {
  width: 830px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.getrecserror {
  text-align: center;
  font-size: 20px;
}
div.getrecslink {
  text-align: center;
  font-size: 20px;
  }
div.getrecsartistalbum {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 510px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.getrecsserial {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 125px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.getrecshits {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 150px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.getrecsrow {
  float: left;
  }
  
/* allartists */
div.allartists {
  width: 510px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
div.allartistscolumnleft {
  margin: 3px 5px 10px 0px;
  float: left;
  width: 350px;
  text-align: right;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.allartistscolumnmiddle {
  margin: 3px 5px 10px 5px;
  float: left;
  width: 100px;
  border: 1px solid #CCCCCC;
  text-align: center;
  }
div.artistreportrow {
  float: left;
  }