body {
	color: #333333;
	font: 12px Arial, Tahoma, Verdana, sans-serif;
}

a {
	color: #333333;
}
a:hover {
	text-decoration: none;
}

/* contains all other elements in NanoDLM */
.rsn-root {
	color: #000000;
	font: 12px Arial, Tahoma, Verdana, sans-serif;
}

/* the progress percentage text */
.rsn-description {
	color: #990000;
	font-weight: bold;
}

/* the link */
.rsn-description a {
	color: #5F8190;		
	text-decoration: underline;
}
.rsn-description a:hover {
	text-decoration: none;
}

/* size of the progress bar - should be 16px high and at least 131px long */
.rsn-progressbar {	
	position:relative;
	left:0px;
	height:16px;
	width:150px;	
	float:left;
	overflow:hidden;
}

/* background of progress bar */
.rsn-progressbar-bg {
	background-color: #333333;
	height:16px;
	z-index:1;
}

/* foreground of progress bar */
.rsn-progressbar-fg {
	background-color: #990000;	
	position:relative;
	height:16px;
	overflow:visible;
	z-index:2;
}

/* color of text inside progress bar */
.rsn-progressbar-status {
	color:#FFFFFF;	
	position:relative;
	left:4px;
	font: 10px Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
    background-color: transparent;
	vertical-align:middle;
	z-index:3;
}

/* color of links that appear inside progress bar */
.rsn-progressbar-status a {
	color:#FFFF99;
}
.rsn-progressbar-status a:hover {
	text-decoration:none;
}

/* download button - URL should be a full URL or relative to HTML document, not CSS */
.rsn-control-download {
	background: #CCCCCC url("http://www.redswoosh.net/sdk/usr/nanodlm/images/rsn-button-download.gif") no-repeat;	
	width:17px;
	height:16px;
	float:left;
	position:relative;
	font-size: 12px;
	vertical-align:middle;
	overflow:hidden;
	padding:0;
	margin:0;
	z-index:1;
}

/* pause button - URL should be a full URL or relative to HTML document, not CSS */
.rsn-control-pause {
	background: #CCCCCC url("http://www.redswoosh.net/sdk/usr/nanodlm/images/rsn-button-pause.gif") no-repeat;	
	width:17px;
	height:16px;
	float:left;
	position:relative;
	font-size: 12px;
	vertical-align:middle;
	overflow:hidden;
	padding:0;
	margin:0;
	z-index:1;
}

/* play button - URL should be a full URL or relative to HTML document, not CSS */
.rsn-control-play {
	background: #CCCCCC url("http://www.redswoosh.net/sdk/usr/nanodlm/images/rsn-button-play.gif") no-repeat;	
	width:17px;
	height:16px;
	float:left;
	position:relative;
	font-size: 12px;
	vertical-align:middle;
	overflow:hidden;
	padding:0;
	margin:0;
	z-index:1;
}

/* delete button - URL should be a full URL or relative to HTML document, not CSS */
.rsn-control-delete {
	background: #CCCCCC url("http://www.redswoosh.net/sdk/usr/nanodlm/images/rsn-button-delete.gif") no-repeat;	
	width:17px;
	height:16px;
	float:left;
	position:relative;
	font-size: 12px;
	vertical-align:middle;
	overflow:hidden;
	padding:0;
	margin:0;
	z-index:1;
}

/* working progress area - URL should be a full URL or relative to HTML document, not CSS */
.rsn-working {
	background: url("http://www.redswoosh.net/sdk/usr/nanodlm/images/rsn-wait.gif") no-repeat;	
	background-color: transparent;
	padding:0;
	margin:0;
	width:17px;
	position:relative;
	top:-19px;
	left:0px;		
	z-index:2;
}