body
{
	font-family: "lucida Grande", helvetica, Times, sans;
	background-image:url(../images/lol.jpg);
	text-align:center;
}


#title
{
	border: 1.5px solid #c0c0c0;
	
	font-size:200%;
	
	position:relative;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width:12em;
	
	margin-bottom:2em;
	
	-webkit-box-shadow: 0px 3px 50px #000000;
	-moz-box-shadow: 0px 3px 50px #000000;
	-webkit-border-radius:.25em; -moz-border-radius:.25em; -khtml-border-radius: .25em; border-radius: .25em;
}

#title .inner
{
	/*border: 1.5px solid #c0c0c0;
	*/background-color:#ececec;
	margin:.125em;
	
	-webkit-border-radius:.15em; -moz-border-radius:.15em; -khtml-border-radius: .15em; border-radius: .15em;
}




#albums
{
	border: 1.5px solid #c0c0c0;
	background-color:#ececec;
	font-size:125%;
	
	
	position:absolute;
	
	top:6em;
	right:5em;
	left:5em;
	bottom:2em;
	overflow:auto;

	border: small solid black;

	/*margin-right:auto;
	margin-left:auto;*/
	text-align:left;
	
	opacity:.85;
	-webkit-box-shadow: 0px 3px 30px #888;
	-moz-box-shadow: 5px 5px 15px #000000;
	-webkit-border-radius:.35em; -moz-border-radius:.35em; -khtml-border-radius: .35em; border-radius: .35em;
}


#busy
{
	display:block;
	position:absolute;
	font-size:125%;
	
	top:6em;
	left:5em;
}

.album
{
	border: thin solid #909090;
	-webkit-border-radius:.5em; -moz-border-radius:.5em; -khtml-border-radius: .5em; border-radius: .5em;
	-webkit-box-shadow: 0px 3px 5px #888;
	-moz-box-shadow: 0px 3px 5px #888;
	margin:.75em;
	margin-top:1.25em;
	/*overflow:hidden;*/
}

.album:hover
{
  	background-color:#fcfcff;
}

.album .artistName
{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:.75em;
	border: thin solid #909090;
	/*border-top: none;*/
	width:75%;
	text-align:center;
	margin-top:-.5em;
	background-color:#ccccee;
	
	-webkit-box-shadow: 0px 3px 5px #888;
	-moz-box-shadow: 0px 3px 5px #888;
	
	-khtml-border-radius: .25em; -webkit-border-radius:.25em; -moz-border-radius:.25em; border-radius: .25em;
}


.album .albumTable
{
	margin-left:1em;
	margin-bottom:.5em;
}

.album .albumArtwork
{

}

.album .albumDate
{
	color:#909090;
	text-align:center;
	font-size:75%;
}

.album .albumTitle
{
	text-align:center;
	font-size:85%;
}





.albumsYouHave
{
	position:relative;
	height:200%;
	width:18em;
	text-indent:1em;
	
	/*border: thin solid black;*/
}


.albumsYouHave ul
{
	text-indent:0em;
	font-size:80%;
}

.stars
{
	font-weight:bold;
	color:green;
}



.thumbImg
{
    border: 0px;
	border-top: 1px solid #6F6F6F;
	border-bottom: 1px solid #6F6F6F;
}

.imgThumbDiv
{
	font-size:90%;
	border: 1px solid #6F6F6F;
	background-image:url(../images/grade5.png);
	-webkit-border-radius:.25em; -moz-border-radius:.25em; -khtml-border-radius: .25em; border-radius: .25em;
}

.imgThumbDivHave
{
	font-size:90%;
	border: 1px solid #6F6F6F;
	background-image:url(../images/grade5green.png);
	-webkit-border-radius:.25em; -moz-border-radius:.25em; -khtml-border-radius: .25em; border-radius: .25em;
}

.logoImage
{
	/*border: thin solid #cccccc;*/
	opacity:.90;
	-webkit-border-radius:.15em; -moz-border-radius:.15em; -khtml-border-radius: .15em; border-radius: .15em;
}


#results
{

	margin-right:auto;
	margin-left:auto;


	width:70%;

	/*margin: 1em;
	border: thick solid black;
	
	-webkit-box-shadow: 0px 3px 30px #888;
	-moz-box-shadow: 0px 3px 30px #888;
	-webkit-border-radius:.25em; -moz-border-radius:.25em; -khtml-border-radius: .25em; border-radius: .25em;*/
}









.links
{
	font-size:70%;
	border: thin solid #909090;
	width:5.25em;
	text-indent:.5em;
	margin-left:auto;
	margin-top:-1.5em;
	margin-right:0em;
	
	border-bottom:none;
	border-right:none;
	
	-khtml-border-radius: .25em 0em 0em 0em;	-webkit-border-radius: .25em 0em 0em 0em;	-moz-border-radius: .25em 0em 0em 0em;	border-radius: .25em 0em 0em 0em;
}



#aboutPage
{
	border: 1.5px solid #c0c0c0;
	
	
	
	position:absolute;
	top:8.5em;
 	left: 3.5em;
 	width:40%;
 	bottom:9%;

 	-webkit-border-radius:.25em; -moz-border-radius:.25em; -khtml-border-radius: .25em; border-radius: .25em;

 	-webkit-box-shadow: 0px 3px 50px #000000;
	-moz-box-shadow: 0px 3px 50px #000000;
}


#goPage
{
	border: 1.5px solid #c0c0c0;
	position:absolute;
	top:8.5em;
 	right: 3.5em;
 	width:40%;
 	bottom:11%;
 	
 	-webkit-border-radius:.25em; -moz-border-radius:.25em; -khtml-border-radius: .25em; border-radius: .25em;
 	
 	-webkit-box-shadow: 0px 3px 50px #000000;
	-moz-box-shadow: 0px 3px 50px #000000;
}

.aboutOrGoPageInner
{

	overflow:auto;

	background-image:url(../images/grade5.png);
	margin:.25em;
	text-align:left;
	
	opacity:.75;
	
	border: thin solid #c0c0c0;
	
	height:92%;
	
	-webkit-border-radius:.15em; -moz-border-radius:.15em; -khtml-border-radius: .15em; border-radius: .15em;
}

.aboutOrGoPageInner	h1{
  font-size: 145%;
  margin-top:1.25em;
}


.aboutOrGoPageInner p
{
	margin-left:.5em;
	margin-right:.5em;
	margin-top:0em;
	margin-bottom:1em;
    padding: 0px;
    text-indent:1em;
}


.aboutOrGoPageInner ul li
{
	text-indent:.5em;
	margin-top:1em;
}


.aboutOrGoPageTitle
{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:.75em;
	border: thin solid #909090;
	/*border-top: none;*/
	width:75%;
	text-align:center;
	margin-top:-.5em;
	background-color:#ccccee;
	
	-webkit-box-shadow: 0px 3px 5px #888;
	-moz-box-shadow: 0px 3px 5px #888;
	
	-khtml-border-radius: .25em; -webkit-border-radius:.25em; -moz-border-radius:.25em; border-radius: .25em;
}



#navBar
{
	position:fixed;
	bottom:0em;
	right:0em;
	height:1.5em;
	width:15em;
	
	border: 1.5px solid #c0c0c0;
	border-right:none;
	border-bottom:none;
	
	-webkit-box-shadow: 0px 3px 50px #000000;
	-moz-box-shadow: 0px 3px 50px #000000;
	
	-khtml-border-radius: .25em 0em 0em 0em;	-webkit-border-radius: .25em 0em 0em 0em;	-moz-border-radius: .25em 0em 0em 0em;	border-radius: .25em 0em 0em 0em;
	-webkit-border-top-left-radius:.25em;
}


#navBar .inner
{
	background-color:#FFFFFF;
	margin:.25em;
	
	text-align:center;
	
	border: thin solid #cccccc;
	
	margin-bottom:0em;
	margin-right:0em;

	-khtml-border-radius: .25em 0em 0em 0em;	-webkit-border-radius: .25em 0em 0em 0em;	-moz-border-radius: .25em 0em 0em 0em;	border-radius: .25em 0em 0em 0em;
	
	-webkit-border-top-left-radius:.25em;
}





#ads
{
    display: none;
	position:fixed;
	bottom:0px;
	right:0px;
	height:60px;
	width:468px;
	
	border: 1.5px solid #c0c0c0;
	border-right:none;
	border-bottom:none;
	/*
	-webkit-box-shadow: 0px 3px 50px #000000;
	-moz-box-shadow: 0px 3px 50px #000000;*/
	
	-khtml-border-radius: .25em 0em 0em 0em;	-webkit-border-radius: .25em 0em 0em 0em;	-moz-border-radius: .25em 0em 0em 0em;	border-radius: .25em 0em 0em 0em;
	-webkit-border-top-left-radius:.25em;
}

#adsOnLeft
{
	position:fixed;
	bottom:0px;
	left:0px;
	height:60px;
	width:468px;
	
	border: 1.5px solid #c0c0c0;
	border-left:none;
	border-bottom:none;
	/*
	-webkit-box-shadow: 0px 3px 50px #000000;
	-moz-box-shadow: 0px 3px 50px #000000;*/
	
	-khtml-border-radius: 0em .25em 0em 0em;	-webkit-border-radius: 0em .25em 0em 0em;	-moz-border-radius: 0em .25em 0em 0em;	border-radius: 0em .25em 0em 0em;
	-webkit-border-top-right-radius:.25em;
}

#display{
	font-size: 12px;
}







.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #FFFFFF;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: grey;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}