BODY
{
	COLOR: #000;
	FONT-STYLE: normal;
	FONT-FAMILY: Helvetica, Arial;

	border: 0px;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	margin: 0px; 
	padding: 0px;

}
A
{
	FONT-STYLE: normal;
	FONT-FAMILY: Helvetica, Arial;
	BACKGROUND-COLOR: transparent;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
}
A:hover
{
	color: #c0c0c0;
    FONT-STYLE: normal;
    FONT-FAMILY: Helvetica, Arial;
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}



h1{}
h2{font-family: Helvetica, Arial; font-size: 15px; font-weight: bold; margin: 0px; }
h3{font-family: Helvetica, Arial; font-size: 18px; font-weight: bold; margin: 0px;}
h4{font-family: Helvetica, Arial; font-size: 23px; font-weight: bold; margin: 0px;}

#outerwrapper
{
width:99%; text-align:center; margin: 0px  auto; padding-top: 10px;  border: 0px solid #000;
}

#topwrapper
{
width:1000px; 
height: 50px;
margin: 0px auto;
overflow: hidden;
}
#wrapper
{
width:1000px; margin: 0px auto;  border: 0px; 
}
#topnavigation {width: 90px;  text-align: right; float: right; margin: 0px; position: static; background: #ffffff; border:  1px solid #c0c0c0; padding: 0px; margin-top: 7px; margin-right: 5px; }
#topnav {
	margin: 0px; 
	padding-bottom: 5px; 
	width: 100%; 
	height: 35px; 
	text-align: left; 
	z-index: 100; 
	position: fixed; 
	top: 0; 
	left: 0; 
	border-top: 0px; 
	background-image: url(/images/topnavbg.png) ;
	}


#topnav a
{
	FONT-SIZE: 11px;

	color: #717171;
	FONT-STYLE: normal;
	FONT-FAMILY: Helvetica, Arial;
	BACKGROUND-COLOR: transparent;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
#topnav a:hover
{
	color: #c0c0c0;
}



.topnav-on a
{
	FONT-SIZE: 12px;

	FONT-STYLE: normal;
	FONT-FAMILY: Helvetica, Arial;
	BACKGROUND-COLOR: transparent;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
.topnav-on a:hover
{

    FONT-STYLE: normal;
    FONT-FAMILY: Helvetica, Arial;
    BACKGROUND-COLOR: transparent;
	FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}

#logoarea {width:100%; text-align:center; font-size:10px; color: #555555; margin: 0px; padding: 0px;}

#logoarea img {border: 0px;}

#loginoptions {width:600px; text-align:center; float: right; color: #555555; padding-top: 15px; font-size: 12px; font-family: Helvetica, Arial;}


#content
{
width:990px; text-align:center; font-size:10px; font-face: Helvetica, Arial;  margin: 0px auto; margin-top: 0px;  padding: 5px; padding-top: 10px; border: 0px;
}

#main { width: 675px; text-align: left;  padding: 0px; margin: 0px; margin-left: 0px; float: right;  }

#sidebar { width: 288px;  padding: 0px; margin: 0px; margin-right: 0px; float: left; text-align: left;  }

#footer { width: 1000px; margin: 0px auto; text-align: center;  padding: 0px;}

#navigation { width: 1000px; height: 40px; margin: 0px auto; text-align: left;  padding: 0px; overflow: hidden; }

#usernav { list-style-type: none; height: 40px; margin: 0px; margin-left: 0px; padding: 0px; width: 1000px; text-align: left;  overflow: hidden; }
#usernav li { padding: 0px; margin: 0px; display: inline; line-height: 40px;  text-align: center; height: 20px; padding-top: 8px; padding-bottom: 7px; FONT-SIZE: 13px;  FONT-WEIGHT: bold; BACKGROUND-COLOR: transparent; FONT-VARIANT: normal; TEXT-DECORATION: none; }

#usernav li a { padding: 5px; FONT-SIZE: 13px;  FONT-WEIGHT: bold; BACKGROUND-COLOR: transparent; FONT-VARIANT: normal; TEXT-DECORATION: none; }

#usernav li a:hover {  background-image: url("/images/navroll.png"); }

.navactive {background-image: url(/images/navroll-on.png);}


#topnavlinks { height: 30px; margin: 0px; margin-left: 10px; padding: 0px; width: 500px; text-align: left;  overflow: hidden; }
#topnavlinks li { padding: 0px; margin: 0px; float: left; list-style-type: none;  line-height: 30px;  text-align: center; height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 7px; font-family: Helvetica, Arial; FONT-SIZE: 13px;  FONT-WEIGHT: bold; BACKGROUND-COLOR: transparent; FONT-VARIANT: normal; TEXT-DECORATION: none; }

#topnavlinks li a { display: block; FONT-SIZE: 13px;  FONT-WEIGHT: normal; BACKGROUND-COLOR: transparent; FONT-VARIANT: normal; TEXT-DECORATION: none; color: #000000;}

#topnavlinks li a:hover { color: #717171;}



#options-container { width: 97%; text-align: left;  margin: 3px; padding-top: 5px; padding: 5px;  }

#options-container a:hover
{
	color: #c0c0c0;

}

#content-container a:hover
{
	color: #c0c0c0;

}

#content-container { text-align: left;  padding: 5px;  margin: 0px;   }

.featured-container {width: 150px; float: right; text-align: right;}

#maininfo-container { width: 510px; height: 260px; text-align: left;  padding: 5px;  margin: 5px;  font-size: 15px; float: right;    }

#loginsignup-container { width: 280px;  text-align: left;  padding: 0px;  margin: 5px; font-size: 12px; float: left;  overflow: hidden; }

#logininfodiv {width: 100%; padding: 5px;  margin: 0px; }
#signupinfodiv {width: 100%; padding: 5px;  margin: 0px; }

#content-container-sm { width: 560px; text-align: left;  padding: 10px;  border: 1px #c0c0c0 solid;   }

#UPL1NK-photos { float: left; width: 100px; height: 100px; padding: 5px;  margin: 3px; overflow: hidden; text-align: center; background-color: #ffffff; border: 1px #c0c0c0 solid; }

#slideshow {
    position:relative; height: 300px; width: 90%; overflow: hidden; padding: 10px; background-color: transparent; margin: 0px auto;
}

.slideshowIMG {border: 0px; width: 500px;}

#TheSettings {width: 120px; height: 30px; border: 0px; float: right;}
#TrackSettings {width: 200px; height: 10px; border: 0px; margin-top: 0px; float: right;}
#PlaylistSettings {text-align: right; width: 300px; height:20px; float: right;}


.PlaylistArtIMG {width: 30px; height: 30px; border: 0px;}

.playlist-art {float: left; width: 30px; height: 17px; margin: 0px; border: 1px solid #c0c0c0;  background-color: transparent;}

	.playlist-info {float: left; width: 645px; height: 17px; padding: 0px;  margin: 0px; font-size: 10px;  border-bottom: 1px solid #c0c0c0; overflow: hidden; background-color: transparent;}

	.playlist-info-selected { color: #fff; float: left; width: 645px; height: 17px; padding: 0px;  margin: 0px; font-size: 10px;  border-bottom: 1px solid #c0c0c0; overflow: hidden; background-color: #717171; }

	.playlist-info:hover {background-color: #c0c0c0;}
	.playlist-info-selected:hover {background-color: #c0c0c0;}


.playlist-options {float: right; text-align: right; width: 150px; height: 17px; padding: 0px;  margin: 0px; margin-top: 2px; border: 0px solid #000; background-color: transparent;}

.playlist-track {float: left; text-align: left; width: 185px; height: 17px; padding: 1px; padding-top: 2px;  margin: 0px; border: 0px solid #333333; background-color: transparent;}
.playlist-album {float: left; text-align: left; width: 180px; height: 17px; padding: 1px;  padding-top: 2px; margin: 0px; border: 0px solid #333333; background-color: transparent;}
.playlist-artist {float: left; text-align: left; width: 160px; height: 17px; padding: 1px;  padding-top: 2px; margin: 0px; border: 0px solid #333333; background-color: transparent;}


.LongInput {width: 640px; height: 15px; padding: 4px; margin: 0px; border:  1px solid #c0c0c0; font-size: 15px; BACKGROUND: url("/images/bg-input.jpg");}
.ShortInput {width: 300px; height: 15px; padding: 4px; margin: 0px; border:  1px solid #c0c0c0; font-size: 10px; BACKGROUND: url("/images/bg-input.jpg");}
.TinyInput {width: 215px; height: 15px; padding: 4px; margin: 0px; border:  1px solid #c0c0c0; font-size: 10px; BACKGROUND: url("/images/bg-input.jpg");}
.MiniInput {width: 80px; height: 15px; padding: 4px; margin: 0px; border: 1px solid #c0c0c0; font-size: 10px; BACKGROUND: url("/images/bg-input.jpg");}


fieldset
{
border: 0px solid #781351;
width: 100%;
margin: 0px;
padding: 0px;
}
form
{
border: 0px solid #781351;
width: 100%;
margin: 0px;
padding: 0px;
}




.growl{display:none;  padding: 5px; width: 450px; height: 40px; text-align: center;}

.formsleftprefs {float: left; width: 120px;  text-align: left; }
.formsleftxs {float: left; width: 190px;  text-align: left; }

.formsleftsm {float: left; width: 300px; text-align: left; }
.formsleft {float: left; width: 300px; padding: 0px;  margin: 0px; margin-left: 5px; margin-right: 5px;  }
.formsleftbig {width: 800px;}

#tbx_textEditorContent_tbl {
width: 400px;
}



DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }


#NewsletterPrefs{display:none;}
#signupinfodiv{display:none;}
#dtserverinfodiv{display:none;}
#directoryurlinfodiv{display:none;}
#embed-small-nolist{display:none;}
#embed-small{display:none;}
#embed-big{display:none;}
#embed-xl{display:none;}
#addtocalendardiv{display:none; }

#tabs-1 {padding: 0px; padding-top: 10px;}
#tabs-2 {padding: 0px; padding-top: 10px;}
#tabs-3 {padding: 0px; padding-top: 10px;}
#tabs-4 {padding: 0px; padding-top: 10px;}
#tabs-5 {padding: 0px; padding-top: 10px;}
#tabs-6 {padding: 0px; padding-top: 10px;}

#settings-options{width: 220px; height: 100px;}
#settings-widgets{display:none; width: 220px; height: 100px;}
#settings-upload{display:none; width: 220px; height: 100px;}
#settings-delete{display:none; width: 220px; height: 100px;}


	.buttonfield
		{
			background:#c0c0c0;
			border:solid 1px #000000;
			color:#000;
			font:bold 11px/normal Helvetica, Arial;
			padding:4px;
		}
	.buttonfield:hover,
	.buttonfield:focus
		{
			background:#000;
			border:solid 1px #fff;
			color:#fff;
		}

	#Library { list-style-type: none; margin: 0; padding: 0; }



	#SortAlbums { list-style-type: none; margin: 0; padding: 0; }
	#SortAlbums li { float: left; width: 100px; height: 110px; font-size: 12px; padding: 0px;  margin: 3px; overflow: hidden; text-align: center; border: 1px #c0c0c0 solid;  }


	#SortPhotos { list-style-type: none; margin: 0; padding: 0; }
	#SortPhotos li { float: left; width: 100px; height: 100px; font-size: 12px; padding: 0px;  margin: 3px; overflow: hidden; text-align: center;  border: 1px #c0c0c0 solid; background: #000000; }
	
	#PluginHolder { list-style-type: none; margin: 0; padding: 0; }
	#PluginHolder li { width: 97%; text-align: left;  padding: 5px; margin: 3px;  font-size: 12px;  }

	#CommentUL { list-style-type: none; margin: 0; padding: 0; }
	#CommentUL li { width: 97%; text-align: left;  padding: 5px; margin: 3px;  font-size: 12px; border-top: 1px solid #c0c0c0;  }


	#SortContentList { list-style-type: none; margin: 0; padding: 0; }
	#SortContentList li { width: 97%; text-align: left;  padding: 5px; margin: 3px;  font-size: 12px;  }


	#SortPlaylist { list-style-type: none; margin: 0; padding: 0; width: 260px; height: 375px; overflow-x: hidden; overflow-y: auto; }
	.playlists-sort  { width: 223px; text-align: left;  padding: 5px;  margin: 0px; background-color: transparent; font-size: 12px;  }
	.playlists-sort:hover {background-image: url(/images/navroll.png);}


	.playlists-sort-selected  {  width: 223px; text-align: left;  padding: 5px;  margin: 0px; background-image: url(/images/navroll-on.png); font-size: 12px; }
	.playlists-sort-selected:hover { background-image: url(/images/navroll.png);}

	#SortFiles { list-style-type: none; margin: 0; padding: 0; }
	#SortFilesLong { list-style-type: none; margin: 0; padding: 0;  height: 400px; overflow-y: auto; overflow-x: hidden; }



		label { float: left; margin-right: 10px; width: 100px;}
		select { float: left; margin-right: 10px;  }

	#itmsDat {float: right; width: 270px;}
	#placeholder1 {float: left; margin: 1px solid #000; padding: 0px; width: 240px; border-bottom: 1px solid #c0c0c0; display: none; }

.playlist-hover { 
  background: #c0c0c0;
  cursor: pointer;
}


.droppable-active {



}

.droppable-hover {

      background-image: url(/images/navroll-on.png);

}

#myLogoImage {border: 0px; }

#TheFilePlayer {width: 650px; border: 0px solid green; margin: 0px; padding: 0px;}

#FileName {font-size: 18px; font-weight: bold;}
#FileArtist {font-size: 18px; font-weight: bold;}
#FileAlbum {font-size: 15px; font-weight: normal;}
#FileExcerpt {font-size: 12px; font-weight: normal; font-style: italic;}
#FileContent {font-size: 12px; font-weight: normal; }

#SongData a
{
	color: #717171;
}
#SongData a:hover
{	
	color: #c0c0c0;

}

#TrackList {width: 650px; height: 180px;}

.PrevImgThumbHolder {float: left; width: 75px; padding: 5px; font-size: 10px;}
.PrevImgThumbHolder:hover {background-color: #c0c0c0;}

#PrevImgThumbDivToScroll {width: 370px; height: 120px; overflow-y: auto; overflow-x: hidden; float: right;}


a.jScrollArrowUp {
	background: url(/images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(/images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.autosave_saving { font-weight: bold; color: #c0c0c0; margin-left: 3px; display: none; }

.hide {display: none;}

div.growlUI { background: url(/images/check.png) no-repeat 0px; padding: 5px; }
div.growlUI h1, div.growlUI h2 {
	font-size: 19px; color: white; padding: 5px 5px 5px 75px; text-align: left
}
#sortableinfo {display: none;}

#savebutton {float: right; width: 110px; text-align: right;}


/* top menu drop downs */

		#topnavlinks li ul
		{	margin: 0px;
			padding: 0px;
			padding-bottom: 10px;
			
			position: absolute;
			visibility: hidden;
			border: 1px solid #000000;
			border-top: 0px solid #c0c0c0;
			/* background-image: url(/images/navroll-on.png) ; */
			background-color: #c0c0c0;
			}
		
		#topnavlinks li ul li
		{	float: none;
			display: block;
			text-align: left;
			height: 10px;
			}
		
		#topnavlinks li ul li a
		{	width: auto;
			font-size: 10px;
			color: #000000;
			}
		
		#topnavlinks li ul li a:hover
		{ color: #717171;	}
		
/* dialogs */
		.ui-dialog .ui-state-error { padding: 1px; }
		.validateTips { border: 1px solid transparent; padding: 0.3em; margin: 0px; }
		
#PageOptionsControls {display: none; font-size: 11px;}		

#PlayerDiv	{
		margin: 0px; 
		padding: 5px; 
		width: 270px; 
		height: 420px;
		overflow-y: auto;
		text-align: left; 
		border-top: 0px; 
		}
#PlaylistUpdate {font-weight: bold;}

#TrackEditDiv {font-size: 12px;}

.pltoolbar {margin-top: 5px; width: 180px; float: right;}

#nav { margin: 1px; }
#nav a { font-size: 9px; font-family: Arial, Helvetica; font-weight: bold; margin: 1px; padding: 2px 4px; border: 0px solid #ccc; background: #717171; text-decoration: none; color: #fff;}
#nav a.activeSlide { background: #c0c0c0; color: #000; }
#nav a:focus { outline: none; }

.ro {border: 0px;}