/*body, input, select, textarea { font-family:sans-serif, verdana, arial, helvetica, sans-serif; }
body {
	background-image: url(/images/art_backgb.gif);
}
*/
.ExtraExtraSmallTextBlack {
	font-family: sans-serif;
	font-size: 14px;
	color: #EEE;
	letter-spacing: 0px;
	text-decoration: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-weight: 900;
}

.PortfolioItemSmallTextBlack {
	font-family: sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0px;
	text-decoration: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-weight: 900;
}

.PortfolioItemSmallTextBlackStandard {
	font-family: sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0px;
	text-decoration: none;
	-moz-user-select: none;
	-khtml-user-select: none;
}


.ExtraSmallTextWhite a {
	font-family: sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0px;
	text-decoration: none;
	-moz-user-select: none;
	-khtml-user-select: none;
}


.SmallTextBlack{
	font-family: sans-serif;
	font-size: 11px;
	color: #000000;
	letter-spacing: 0px;
	text-decoration: none;
}

.SmallTextBlackBold{
	font-family: sans-serif;
	color: #000000;
	font-size: 11px;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: bold;
}

.SmallTextWhite{
	font-family: sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 0px;
	text-decoration: none;
}

.SmallTextWhiteBold{
	font-family: sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: bold;
}


.MediumTextBlack{
	font-family: sans-serif;
	font-size: 13px;
	color: #000000;
	letter-spacing: 0px;
	text-decoration: none;
}

.MediumTextBlackBold{
	font-family: sans-serif;
	color: #000000;
	font-size: 13px;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: bold;
}







.LargeTextBlack{
	font-family: sans-serif;
	color: #000000;
	font-size: 16px;
	letter-spacing: 0px;
	text-decoration: none;
}

.LargeTextBlackBold{
	font-family: sans-serif;
	color: #000000;
	font-size: 14px;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: bold;
}

.LargeTextWhite{
	font-family: sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 0px;
	text-decoration: none;
}
.LargeTextWhiteBold{
	font-family: sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: bold;
}





.JustTextWhite{
	color: #FFFFFF;
}

.JustTextBlack{
	color: #000000;
}

.JustLargeText{
	font-size: 16px;
}

.overlay {
   display:none;
   padding:0;
   border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
   margin:0;
   position:absolute;
   height:50px;
   width:50px;
   z-index:2;
}

.borberwhite {
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #999;
}

.calendarBorder {
	border-left: solid 2px #CCC;
	border-bottom: solid 2px #CCC;
	border-right: solid 2px #999;
	border-top: solid 2px #CCC;
}

.UCase {
	text-transform: uppercase
}

.topnav_top{
	background-color: #A3A7D1;
}

.box_background {
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline; 
	}
a:hover { 
text-decoration: underline; 
}
a:active { 
text-decoration: underline; 
} 

.img-dec-profile {
	margin: 0px 6px 0px 0px;
}

.img-dec-port {
	margin: 7px 0px 7px 7px;
}

img.load_img {
     background: url('/images/Spinner.gif') no-repeat center;
	z-index: 0;
}

.discalimerFooter {
	width:1000px;
	padding:0px;
	left: 0;
	right: 0;
	margin: auto auto;
	background: #999999;
	border: 1;
	border-color: #FFF;
}

.OverlayPlay {
	position: relative;
	cursor:pointer;
}

.OverlayPlay span {
	position: absolute;
	color: #000000;
	top: 5px;
	left: 5px;
	background-image:url(/images/AudPlay.png);
	background-repeat:no-repeat;
	background-position-x: 0px; 
	background-position-y: 0px; 
}

.OverlayPlay table {
	position: absolute;
	color: #000000;
	top: 0px;
	left: 105px;
	text-overflow: ellipsis;
}

.OverlayPict {
	position: relative;
	cursor:pointer;
}

.OverlayPict span {
	position: absolute;
	color: #000000;
	top: 5px;
	left: 5px;
	background-image:url(/images/PictPlay.png);
	background-repeat:no-repeat;
	background-position-x: 0px; 
	background-position-y: 0px; 
}

.OverlayPict table {
	position: absolute; 
	color: #000000;
	top: 0px;
	left: 0px;
	text-overflow: ellipsis;
}

.OverlayWatch {
	position: relative;
	cursor:pointer;
}

.OverlayWatch span {
	position: absolute;
	color: #000000;
	top: 5px;
	left:5px;
	background-image:url(/images/VidWatch.png);
	background-repeat:no-repeat;
	background-position-x: 0px; 
	background-position-y: 0px; 
}
.OverlayWatch table {
	position: absolute;
	color: #000000;
	top: 0px;
	left: 0px;
	text-overflow: ellipsis;
}
 
.OverlayJPlayer {
	position: absolute;
	top: 75px;	
	z-index: 55;
}
 

.OverlayPlayNowPLaying {
	position: relative;
	z-index: 50;
}

.OverlayPlayNowPLaying span {
	position: absolute;
	color: #000000;
	top: 5px;
	left: 5px;
	z-index: 50;
	overflow:hidden;
	background-image:url(/images/AudPlay.png);
	background-repeat:no-repeat;
	background-position-x: 8px; 
	background-position-y: 8px; 
}

.OverlayPlayNowWatching {
	position: relative;
	z-index: 50;
}

.OverlayPlayNowWatching span {
	position: absolute;
	color: #000000;
	top: 0px;
	left: 0px;
	z-index: 50;
	overflow:hidden;
	background-image:url(/images/VidWatch.png);
	background-repeat:no-repeat;
	background-position-x: 8px; 
	background-position-y: 8px; 
}


tr.SideArtistmenu{  
	width: 100%;  
	background-color: #A3A7D1; 
	font-family: sans-serif;
	color: #000000;
	font-size: 14px;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: bold;
} 


tr.SideArtistmenu a:hover{
	color: #fff;
	background-color:#CCCCCC;
}

label { font-weight: bold; }

#signupform label.error {
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

#signupform label.checked {
}

#CalendarList{
	overflow:hidden;
	height:500px	
}


.TopNavContainer
   {
       position:relative;
   }
.TopNavContent
   {
       position:relative;
       color:White;
       z-index:5;
   }
.TopNavBackground
   {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       background-color:#A3A7D1;
       z-index:1;
       /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: alpha(opacity=50);
       opacity:.5;
	   
   }
.TopNavBackgroundWhite
{
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   background-color:#EEEEEE;
   z-index:1;
   /* These three lines are for transparency in all browsers. */
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   opacity:.5;
   
}


/* menu styles */
#jsddm
{	margin: 0;
	padding: 0
	}

	#jsddm li
	{	float: left;
		list-style: none;
		font-family: sans-serif;
		font-size: 14px;
		font-weight:bold;
		text-align:left;
		}

	#jsddm li a
	{	display: block;
		background: #A3A7D1;
		padding: 5px 8px;
		text-decoration: none;
		/*border-right: 1px solid #CCC;*/
		width: auto;
		color: #000;
		white-space: nowrap;
		}

	#jsddm li a:hover
	{	background: #CCC;

	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			z-index:99999;
			/*border-top: 1px solid #CCC;
			border-left: 1px solid white;
			border-bottom: 1px solid white;*/
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background: #A3A7D1;
				color: #000000}
			
			#jsddm li ul li a:hover
			{	background: #CCC}

.DropShadow
{
text-shadow: 1px 1px 2px #ffffff;	
}

.SingleSongPlay {
	background-image:url(/images/SingleSongPlay.png);
	background-repeat:no-repeat;
}
.SingleSongStop {
	background-image:url(/images/SingleSongStop.png);
	background-repeat:no-repeat;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	/*width: 1098px; */
	padding: 0px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	padding: 0px;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	padding: 0px;
	text-align:left;
}

.ShadowBoxHideLink {
	visibility:hidden;
}
