/* CSS Document */
* {
	margin: 0;
	border: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: auto;
	text-align: center;
}

body {
	/**background-image: url(/images/homeimages_3.0/background.gif);*/
	background-image: url(/images/homeimages_3.0/topbar/background.gif);
	background-repeat: repeat-x;	
	margin:88px 0 0 0;
	background-color: #000000;
}


a.media {
	border: 1px solid #2E2E2E;
}

#page {
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0 auto 0 auto;
	text-align: left;
}

	#navBar {
		width: inherit;
		height: 51px;
		background-image: url(/images/homeimages_3.0/navBackground.jpg);
		background-repeat:no-repeat;    
	}
	
		#navBar ul {
            padding: 0px;
            margin: 0px;
			margin-left: 260px; 
			display: inline;   
            float: left;
		}
        
		#navBar ul, #navBar ul li {
			display: inline;
		}
		
		
		#navBar li a{
			margin-right: 20px;
			margin-left: 0px;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 15px;
			font-weight: normal;
		}     
      
        #navBar ul.rightMost {
            list-style-type:none;
            margin:0px;
            padding:0px;
            float: right;
         }

         #navBar ul.rightMost li {            
            padding:0px;
            margin-bottom:1px;
           
          }
         #navBar ul.rightMost li IMG{
            float:left;
            margin-right:5px;
            vertical-align: middle;                        
            padding-top: 12px;          
          }  

		 #nav ul.rightMost li IMG{
            float:left;
            margin-right:5px;
            vertical-align: middle;                        
            margin-top: -2px;          
          }  
           
        .clear {
            clear:both;
            height:1px;
            overflow:hidden;
          }
        
		#mediaArea {
			position: relative;
			width: 100%;
			height: 182px;
			text-align: left;
		}
		
		#logo {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 206px;            
		}
		
		#mediaAreaTitle {
			position: absolute;
			top: 100px;
			width: 206px;
			text-align: right;
			
		}
		
		#mediaAreaTitle h2 {
		font-family: Arial;
		font-size: 16px;
		font-weight: normal;
		line-height: 25px;
		letter-spacing: .03em;
		color: #9A9A9A;
		}

		#mediaAreaTitle strong {
		font-family: Arial;
		font-size: 16px;
		font-weight: normal;
		color: #CDCDCD;
		}

		#mediaAreaTitle span {
		font-family: Arial;
		font-size: 23px;
		font-weight: normal;
		color: #CDCDCD;
		}

		#mediaAreaListing {
			position: absolute;
			margin-top: 15px;
			margin-left: 260px;
            width: 742px;            
		}
        
		#mediaAreaListing .contentEditDiv{
			position :absolute;
			z-index: 4000;
			background: #fffeed;
			color : #233455;
			width: 640px;
			height: auto;
			margin: 0px;
			vertical-align : middle;
			text-align: -moz-center;
			#text-align: center;
			padding: 20px;
			border: 2px solid #666;
			margin-top: -80px;
			#margin-top: -50px;
			margin-left: -260px;
		}

        #mediaAreaFlash {
            position: absolute;
            margin-top: 0px;
            margin-left: 260px;            
        }
		
		/*--------newly added ---------*/
		#mediaAreaListing a{
			font: Arial;
			font-size: 10px;
		}
        
        #mediaAreaListing #headerDiv a{           
            font-size: 12px;
        }
		/*--------newly added ---------*/

	/*#leftContent {
		width: 206px;
		height: auto;
		float: left;
	}*/
	#leftContent {
		width: 243px;     
		height: auto;
		float: left;
		text-align: left;
		margin-left: 10px; 

	}
	
	#leftContentSubmenu {
		width: 100px;
		height: auto;
		float: left; 
	}
	
	#rightContent {
		width: 720px; 
		height: auto;
		margin-left : 9px;
		float: left;  
	}
	
	/*------ newly added ------*/
	
	#rightContent p{
		font: Arial;
		font-size: 11px;
		line-height: 18px;
	}
	
	/*------ newly added ------*/
	#searchRow {
		width: inherit;
		height: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	
	#footer {
		width: 695px;
		height: 25px;
		
		/* margin-left: 260px;
		border: 1px solid red;
		*/ 
		margin-top: 50px;
		padding-top: 50px;

	}
    
    #footer #nav ul {
            padding: 0px;
            margin: 0px;            
           
            
        }
        
        #footer #nav ul, #footer #nav ul li {
            display: inline;
        }
    
    #footer #nav li a  {       
    color:#CDCDCD;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;    
    letter-spacing: normal;
    text-decoration: none;
    font-weight: normal;
}

    
    #footer #nav li a:hover {          
        color:#F6F6F6; 
        text-decoration: none;
    }
    
    #footer #nav .highlightedTab
     {
        color: #00AEEF;
        text-decoration: none;
     }

/* Classes */
	
	.popular {
		display: block;
		float: left;
		width: 135px;
		margin-right: 5px;
		text-align: center;
	}
	
		.popular p {
			padding-top: 10px;
			font-size: 10px;
			line-height: 14px;
		}
	
	div.pageSelector {
		height: 15px;
		clear: both;
		line-height: 15px;
		padding: 5px 0px 25px 5px;
	}

	
/* Generic Form Styles */

	
	label {
		display: block;
		margin: 0px 0px 5px 0px;
	}
	
	input, textarea, select {
        /** 
            The following line is commented because it disturbes the form alignment as multiple inputs
            are shown on the separate lines.
        */
		/**display: block;*/
		margin: 0px 0px 10px 0px;
		background-color: #000000 !important;
		border: 1px solid #4F4F4D;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        letter-spacing: .03em;
        color: #8B8B8B;  
		
	}
    
	input [type="checkbox"],
	input [type="radio"] 
	{
		border: 0px solid #4F4F4D;
		background-color: transparent !important;
		margin: 2px 0px -2px 0px;
		#margin: 2px 0px -2px -8px;
	}
    
	select.genre {
		width: 100px;
	}
	
	input.search {
		width: 70%;
	}
	
	.button {
		background-color: #333333;
		border: 1px solid #4F4F4D;
		padding: 3px 3px 3px 3px;
		color: #999999;
	}
    
    .max3Button {
        background-color: #333333;
        border: 1px solid #FDBA31;
        padding: 3px 3px 3px 3px;
        color: #FDBA31;
    }    
	
	#searchRow label, #searchRow input, #searchRow select {
		margin: 0;
		display: inline;
	}
	
		
/* Table Styles */
		
			
			/* Table Row Classes */
			
			tr.header {
				border-bottom: 1px solid #403E3E;
			}
			
			tr.even {
				background-color: #403E3E;
			}            
            
			tr.odd {
				background-color: #000000;
			}            
			
			tr.selected {
				background-color: #216E97;
				color: #ffffff;
			}
            tr.selected td{
                color: #ffffff;
            }
			
/* Generic Table Styles */
	
	/*table {
		border-collapse: collapse;
		width: 100%;
		margin: 0px 0px 10px 0px;
	}*/

	
	table {
		border-collapse: collapse;    
		width: 100%;
		margin: 0px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		
	}
	
	 tr {             
			border-bottom: 1px solid #333333; 
           
		}
					
			tr.blueRow {
				background-color: #333333;
                
			}
			
			tr.grayRow {
				background-color: #666666;               
			}
		
		td {
			padding:0.5em 0.5em 0.5em;            
		}

			td.right {
				text-align: right;
			}
			
/* Generic List Styles */
	
	ul.horizontal, ul.horizontal li {
		display: inline;
		list-style: none;
	}
			ul.horizontal li {
				margin-right: 20px;
			}
			
	

	
/*---------- newly added ------------*/
.editableContent
{
   background: inherit;
   /**cursor: pointer;*/
   padding: 0px;
   margin: 0px;	
   /**color: #656666;*/
   width: auto;
   text-align: left;
}

.editableContentOn
{
   background: inherit;
   cursor: pointer;
   padding: 0px;
   margin: 0px;
   /*color: #656666;*/
   width: auto;
   text-align: left;
   background-color: #275972;

}


.editableContent p
{
   text-align: left;
} 

.eula
{
   margin: 0 auto;
   width: 550px;
   text-align: left;
}

.eula .action
{
   float: right;
}

.eula form
{
   margin: 10px;
}

.formerror
{
   font-size: 12px;
   color: #ff0000;
   font-weight: normal;
}

.formerror li
{
   list-style: none;
}

.formerror ul
{
   width: 270px;
}

.alert
{
   color: red;
   font-weight: bold;
   text-align: center;
   margin-bottom: 5px;
}

.row
{
   clear: both;
   font-size:12px;
   padding: 0px;
   margin: 0px;
   padding-top: 10px;
}

.smallrow
{
   clear: both;
   font-size:11px;
   padding: 0px;
   margin: 0px;
   color: #656666;
}

.smallrow .data
{
   float: left;
   text-align: left;
   width: 175px;
   color: #656666;
} 

.row .data
{
   float: left;
   text-align: left;
   width: 175px;
   color: #656666;
} 


.editableContent .directions
{
   padding: 0px;
   margin: 0px;
   text-align: justify;
}

.editableContent .directions a
{
   text-decoration: none;
   color: inherit;
}

.row .directions
{
   text-align: justify;
}

.smallrow label
{
	line-height: 15px;
}

.smallrow label.large,
.smallrow span.labelLarge
{
   	
   float: left;
   padding-right: 5px;
   text-align: right;
   white-space: nowrap; 
   width: 120px; /* originally 140px */
}

.row label
{
	 line-height: 15px;
}

.row label.large,
.row span.labelLarge
{
   float: left;
   padding-right: 5px;
   text-align: right;
   white-space: nowrap;    
   width: 220px; /* originally 140px */
}
 
.row label.xLarge,
.row span.xLarge
{
   float: left;
   padding-right: 5px;
   text-align: right;
   white-space: nowrap;
   width: 200px; /* originally 140px */
}
  

.row label.medium,
.row span.labelMedium
{
   float: left;
   padding-right: 5px;
   text-align: right;
   white-space: nowrap;
   width: 105px;
}

.row label.xmedium
{
   float: left;
   padding-right: 5px;
   text-align: right;
   white-space: nowrap;
   width: 152px;
}
  
.row label.small,
.row span.labelSmall
{
   float: left;
   padding-right: 5px;
   text-align: right;
   white-space: nowrap;
   width: 75px;
   
}

.row label.smallcatalog
{
   float: left;
   padding-right: 5px;
   text-align: right;
   white-space: nowrap;
}



/*
 * styles specific to a certain element(s).
 */
#account
{
   border: 0;
   width: 90%;
   float: left;
}

#account td
{
   border-bottom: 1px dotted #999;
}


#agreement
{
   border: 1px solid #000;
   height: 350px;
   padding: 5px;
   text-align: left;
   overflow: scroll;
}


#contentContainer
{
   height: auto;
   margin-top: 15px;
   margin-left: 22px;
   margin-right: 22px;
   margin-bottom: 30px;
   text-align: center;

    
}

#homeFlashDemo
{
   height: auto;
   margin-left: -28px;
   margin-top: -20px;	
   margin-bottom: 40px;
   text-align:left;
   /*width: 700px;*/
   width: auto;
}
#contentContainer .titleBar
{
   width: 717px;

}

#contentContainer .titleBar ul
{
   margin: 0px 0px 0px 38px;
}

				
#frame
{
   background-image: url(/images/bg_frame.gif);
   background-repeat: repeat-y;
   height: auto;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   width: 762px;
}

.hrefblue
{
   color: blue;
   text-decoration: none;
}

.orangeText
{
    color: #FDBA31;	
}

.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

 .messageDiv{
	position :absolute;
	z-index: 2;
	background-image : url(/images/themes/user_musiclover.jpg); 
	background-color: #CCDDFF;
	color : #FFFFFF;
	width: 300px;
	height: 27px;
	margin: auto;
	vertical-align : middle;
	text-align: center;
	padding-top: 6px;
	border: 2px solid #666;
    
}

.floatingMessage{
    position: absolute;
    z-index: 5000;
    top: -1000px;
    left: -1000px;
	background-color: #000000;
    text-align: -moz-center;
	width: auto;
    #text-align: center;
	margin-top: -88px;
}

#processIndicatorMessage
{
	border: 4px ridge #7B7C81;
	#border: 4px ridge #7B7C81;
	background-color: #000000;
}


.floatingMessageDivHeading
{
	white-space: nowrap;
    font-weight: bold;
    text-align: center;
    padding: 0px 6px 3px 0px;
	margin: 0px 20px 0px 20px;
	z-index: 1000;	
}

#smdAlert, #smdAlert td
{
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}

#smdAlertBox, .smdAlertContainer
{
	color: #B4B4B4;
	background-color: #000000;
	border: 4px ridge #7B7C81;
	position: relative;
}

#smdAlertBox input.button, #smdDeleteConfirmationBox input.button, #savedMax3DeleteConfirmationBox input.button
{
	color: #B4B4B4;
	background-color: #193E55 !important;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
    cursor: pointer;
}


#smdAlertBox input.button:hover, #smdDeleteConfirmationBox input.button:hover, #savedMax3DeleteConfirmationBox input.button:hover 
{
	border: 1px outset;
   
}

#smdAlertMessage
{
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	white-space: normal;
}

#smdAlertHeadingContainer
{
	z-index: 1000;
    margin: 0px 0px 1px 0px;
	background-color: #000000;
	top: 0px;

	background-image: url("/images/smdAlertTitleBar.jpg")
}

.smdConfirmationBoxHeading
{
	z-index: 1000;
    margin: 1px 0px 1px 0px;
	background-color: #000000;
	position: relative;
	top: 0px;
	
	background-image: url("/images/smdAlertTitleBar.jpg")
}

#smdAlert_Ok_Container
{
	text-align: center;
	padding: 0px;
	margin: 0px;
}


.floatingMessage a
{
    color: #006C9A;
    font-weight: bold;
}

.floatingMessage a:hover
{
    color: #006C9A;
    font-weight: bold;
    text-decoration: underline;
}

#smdProcessIndicator
{
    padding: 10px;
	#width: 500px;
	background-color: #000000;
}


.alertButton, .alertButton:hover{
	background-color: #16455E;
	border: 1px solid #2782B3;
	padding: 2px 2px 2px 2px;
	margin: 2px;
	#margin: 2px;
	#overflow: visible;
	color: #cdcdcd;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.floatingMessage a
{
    color: #006C9A;
    font-weight: bold;
}

.floatingMessage a:hover
{
    color: #006C9A;
    font-weight: bold;
    text-decoration: underline;
}

.contentEditDiv{
    position :absolute;
	top: 0px;
	left: 0px;
    z-index: 1000;
    background: #fffeed;
    color : #233455;
    width: 640px;
    height: auto;
    margin: 0px;
    vertical-align : middle;
    text-align: -moz-center;
	#text-align: center;
    padding: 20px;
    border: 2px solid #666;
    
}

.contentBeingSaved{
    position :absolute;
    z-index: 1000;
    background: #fffeed;
    color : #233455;
    width: 600px;
    height: 450px;
    margin: 0px;
    vertical-align : middle;
    text-align: center;
    padding: 20px;
    border: 2px solid #666;
    
}

.errormessage
{
    float: center;
    border: 1px solid #CFCFCF;
    color: #ff0000;
    width: auto;
    font-weight: normal;
    height: auto;
    margin-left: 40px;
    margin-right: 50px;
    margin-bottom: 15px;
    vertical-align : middle;
    text-align: justify;
    padding: 20px;
}


th.textColumn, #simpleTable th.textColumn
{
    padding: 5px 5px 5px 5px;
    text-align: left;
}

th.numericColumn,  #simpleTable th.numericColumn
{
    padding: 5px 5px 5px 5px;
    text-align: right;
}

td.textColumn,  #simpleTable td.textColumn
{
    padding: 5px 5px 5px 5px;
    text-align: left;
}

td.numericColumn,  #simpleTable td.numericColumn              
{
    padding: 5px 5px 5px 5px;
    text-align: right;
}
 

th.centeredColumn,  #simpleTable th.centeredColumn              
{
    padding: 5px 5px 5px 5px;
    text-align: center;
}

td.centeredColumn,  #simpleTable td.centeredColumn              
{
    padding: 5px 5px 5px 5px;
    text-align: center;
}
.movable
{
    background-color: #FFFFFF;
    font-weight: normal;
}
.highLightedMovable
{
    background-color: #D5E5F5;
    font-weight: bold;
}
.highLightedMovable IMG
{
    border: 2px outset white;
}
.highLightedMovable td
{
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
}
.dragging
{
    cursor: move;
    background-color: #216E97;
    color: #ffffff;
}

.dragging td
{
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
    color: #ffffff;
}

.dragging IMG
{
   border: 2px outset white;
   
}

.framedImg
{
     border: 2px outset gray;
}


#startRowGroup
{
}

#startRowGroup #start
{
    border-top: 1px dotted gray;
    border-left: 1px dotted gray;
}

#startRowGroup #middle
{
    border-top: 1px dotted gray;
}

#startRowGroup #end
{
    border-top: 1px dotted gray;
    border-right: 1px dotted gray;
}

#rowGroup
{
        
}

#rowGroup #start
{
    border-left: 1px dotted gray;
}

#rowGroup #middle
{
    border: 0px dotted gray;
}

#rowGroup #end
{
    border-right: 1px dotted gray;
}

#endRowGroup
{
  
}

#endRowGroup #start
{
    border-left: 1px dotted gray;
    border-bottom: 1px dotted gray;
}

#endRowGroup #middle
{
    border-bottom: 1px dotted gray;
}

#endRowGroup #end
{
    border-right: 1px dotted gray;
    border-bottom: 1px dotted gray;
}

.divGroup
{
   clear: both;
   font-size:11px;
   padding: 4px;
   margin: 0px;
   margin-top: 2px;
   margin-bottom: 2px;
   color: #656666;
   border: 1px dotted gray;
   
}


.notice
{
   font-size: 12px;
   color: #13819A;
   font-weight: normal;
   text-align: left;
   margin-bottom: 5px;
}
.successMessage
{
	float: center;
	color: #13819A;
	width: auto;
	font-weight: bold;
	height: auto;
	margin-right: 50px;
	vertical-align : middle;
	text-align: justify;
	padding: 5px 0px 5px 0px;

}

#navBar .highlightedTab
{
   color: #00AEEF;
   text-decoration: none;
}
 
#leftContent .highlightedTab
{
   color: #00AEEF;
   text-decoration: none;
}


#twoColumnLeft
{
   border-right: 1px solid #b3b3b3;
   display: inline;
   float: left;
   height: auto;
   padding-right: 8px;
   width: 49%;
}

#twoColumnLeft p
{
   margin-right: 30px;
}

#twoColumnRight
{
   display: inline;
   float: left;
   height: auto;
   padding: 0px;
   padding-left: 15px;
   margin-left: 10px;
   width: 40%;
   text-align: left;
   text-align: top;
}

#twoColumnRight p
{
    text-align: left;

}

#twoColumnRight img
{
   float: left;
   padding-bottom: 30px;
   padding-right: 10px;
}


.titleBar
{
   font-size: 11px;
   font-weight: normal;
   height: 23px;
   margin: 0px 6px 20px 8px;
   text-align: left;
   vertical-align: middle;

}

#mediaAreaLogoutLine {
		position: relative;
		width: 100%;
		height: 10px;
		text-align: right;	
		margin-top: 5px;
		margin-bottom: 5px;
		}

#mediaAreaLogoutLine a, a:hover {
		color: #00AEEF;
		text-decoration: none;
	}

.bluelink {
font-size: 12px;
color: #00AEEF;
text-decoration: none;
}
.bluelink:hover {
color: #00AEEF;
text-decoration: underline;
}


#formTable {
		width: 100%;
		margin: 0px 0px 0px 0px;     
	}
	
#formTable tr {
			border-bottom: 0px;            
		}	
#formTable td {
			vertical-align: top;                         
		}			
#formTable .tdright {
			text-align: right;
}
#formTable label{
			font-size: 12px;
}
#formTable a {
	font-weight: normal;	
	color: #00AEEF;
	text-decoration: none;
}
#simpleTable {        
        margin: 0px 0px 0px 0px;  
        padding: 0px;   
    }

#simpleTable td {
          text-align: left; 
          margin: 0px 0px 0px 0px;  
          padding: 0px;                                             
        }
         
#simpleTable th {
          text-align: left;                                              
        }
        
#simpleTable tr {
          text-align: left;
          border-bottom: 0px;                                  
        }

#twoColumnLeftHome
{
   display: inline;
   float: left;
   height: auto;
   margin-right: 10px;
   margin-left: 0px;
   width: 330px;
   color: #656666;
}

#twoColumnLeftHome p
{
   margin-right: 10px;
   margin-left: 0px;
}

#twoColumnRightHome
{
   border-left: 1px solid #b3b3b3;
   display: inline;
   float: left;
   height: auto;
   padding-left: 20px;
   width: 325px;
   color: #656666;

}   

#popuppage {
	position: relative;
	width: auto;
	height: auto;
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.formnote
{
    font-size: 11px;
    color: #900;
}

.message
{
    float: center;
    border: 1px solid #aaaaaa;
    color: #13819A;
    width: auto;
    font-weight: bold;
    height: auto;
    margin-left: 40px;
    margin-right: 50px;
    margin-bottom: 10px;
    vertical-align : middle;
    text-align: justify;
    padding: 10px;
}


#leftContent  ul
{
	margin: 0px;
	padding: 0px;
}

#leftContent li {
	font-size: 12px;
	font-weight: normal;
	list-style: none;
	margin: 0px; 
}

#leftContent .mainMenu {
	padding: 0px 0px 0px 0px;	
}

#leftContent .mainMenu a{
	font-size: 16px;
	font-weight: normal;
	color: #00AEEF;
}

#leftContent .mainMenu a:hover{
    font-size: 16px;
    font-weight: normal;
    color: #00AEEF;
}

#leftContent .mainMenu a.highlightedTab, #homeLoginLink .highlightedTab  {
	color: #FDBA31;
    
}

#leftContent .submenuLevel1 a{
	font-size: 14px;
	font-weight: normal;
	color: #0078A3;
}

#leftContent .submenuLevel1 a.highlightedTab {
	color: #FDBA31;
}

#leftContent .submenuLevel2{
	margin-left: 40px;
}
#leftContent .submenuLevel2 a{
	font-size: 12px;
	font-weight: normal;
	color: #597180;      

}

#leftContent .submenuLevel2 a.highlightedTab {
	color: #CDCDCD;
}

#leftContent a:hover{
	color: #CDCDCD;
}

.bgblack {
	background-color: #000000;
} 


#playFlashDiv
{
    border: 1px solid #303030;
}

.whiteText {
    
    color: #ffffff;
} 

.blackText {
    
    color: #000000;
}  

.calendar table {     
        width: 225px;              
    }
    
/*---------- newly added ------------*/
	
#mediaAreaListing .editableContent{			
    margin-top: 13px;
}

.max3Color {
    color: #FDBA31;
}

.cartItemCount {
    color: #FDBA31;
    font-size: 12px;
    font-weight: normal;
}

ul.specials li { color:#00AEEF; }

#signup {          
        height: auto;
        float: left;
        text-align: left;
        font-size: 14px;
        font-weight: normal;
        color: #CDCDCD;         
 }
    
   

#signup a.big{
 font-size: 14px;
 font-weight: normal;
 color: #00AEEF;
}

#dashboardStats{
    position: absolute;
    top: 98px;         
    width: 200px;
    text-align: right;
}

#sellerPromotorMediaAreaListing {
            position: absolute;
            margin-top: 0px;
            margin-left: 200px;
            width: 742px;            
        }

#sellerPromotorStats{
    position: absolute;
    top: 108px;  
	margin-right: 5px;
	padding-right: 5px;
    width: 200px;
    text-align: right;   
}

.buttontd {
    background-image: url(/images/libraryImages/sortButtonBackground.gif);
    background-repeat: repeat-x;
    border: 2px solid #000000;
    padding: 4px;    
}

a.smdAlertSimpleLink{
text-decoration: none;
}

a.smdAlertSimpleLink:hover{
text-decoration: none;
}

#leftContent a.payMeNowLink{
color: #8CBE45;
text-decoration: none;
}

#leftContent a.payMeNowLink:hover{
color: #8CBE45;
text-decoration: none;
}

#dashboard a.payMeNowLink{
color: #8CBE45;
text-decoration: none;
}

#dashboard a.payMeNowLink:hover{
color: #8CBE45;
text-decoration: underline;
}

#dashboard h1{
color: #CDCDCD;
font-size: 20px;
font-weight: normal;
letter-spacing: 0.05em;


}

.max3CompleteStep{
  color: #197B30;
}

.max3InCompleteStep{
  color: #CCC900;
}

.max3SkippedStep{
  color: #8B8B8B;
}

h3.large
{
	color: #CDCDCD;
	font-size: 16px;
	font-weight: bolder;
}

h1.small
{
	font-size: 16px;
	font-weight: bolder;
}
.bigMax3Color
{
   color: #FDBA31;
   font-size: 15px;  
}

.albumArt .cover .max3Type
{
	margin: 0px;
	padding: 0px;
}

.max3Type
{
	margin: 0px;
	padding: 0px;
}
.max3Type .music
{	
 	border: 0px solid #000;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/libraryImages/chartTag_music.gif);
	background-repeat: no-repeat;	
	height:18px;
}

.max3Type .video
{
	background-image: url(/images/libraryImages/chartTag_video.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height:18px;
	border: 0px solid #000;
}

.libImages	
{
	padding: 0px;
	margin: 0px;
}

.libImages	.chartViewOn
{
	background-image: url(/images/libraryImages/View_Sort_Top100_on.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height:46px;
	border: 0px solid #000;
}

.libImages	.chartViewOff
{
	background-image: url(/images/libraryImages/View_Sort_Top100_off.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height:46px;
	border: 0px solid #000;
}

.libImages	.libViewon
{
	background-image: url(/images/libraryImages/View_Sort_List_on.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height:46px;
	border: 0px solid #000;
}

.libImages	.libViewoff
{
	background-image: url(/images/libraryImages/View_Sort_List_off.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height:46px;
	border: 0px solid #000;
}

.libImages	.SinglesOn
{
	background-image: url(/images/libraryImages/View_Sort_Singles_on.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height:46px;
	border: 0px solid #000;
}

.libImages	.SinglesOff
{
	background-image: url(/images/libraryImages/View_Sort_Singles_off.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height:46px;
	border: 0px solid #000;
}

.libImages	.freeWithPointsOn
{
	background-image: url(/images/libraryImages/View_Sort_FreeDowloads_on.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height:46px;
	border: 0px solid #000;
}

.libImages	.freeWithPointsOff
{
	background-image: url(/images/libraryImages/View_Sort_FreeDowloads_off.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height:46px;
	border: 0px solid #000;
}

hr.separator
{
	background-color: #888;
	height: 1px;
	margin: 5px 0px 5px 0px;
}

.toolText .blue{
	color: #00AEEF; 
}
.toolText .blue:hover{
	color: #FDBA31; 
}

a.max3Link, a.solidMax3Link
{
 font-size: 12px !important;
 color: #00AEEF;
 font-weight: normal;
 text-decoration: none; 
}

a.solidMax3Link, #formTable a.solidMax3Link
{
	color: #FDBA31;
}

a.solidMax3Link:hover,  #formTable a.solidMax3Link:hover
{
	text-decoration: underline;
}

a.max3Link:hover
{
 font-size: 12px !important;  
 color: #FDBA31;
 font-weight: normal;
 text-decoration: none;
}

.albumArtPopUp 
{
position:absolute;
background-color:#000000;
border: 1px solid #cdcdcd;
text-align: center;
width: auto;
height: auto;
top: 0px;
margin-top: 0px;
padding-top: 0px;
z-index: 900002 !important;
}

#albumArtTitle
{
 text-align: right;
 color:#FFFFFF;   
}

#appendTable {
	width: 96%;
	text-align:left;
	padding:0px;
	margin:0px;
	float:left
}

#appendTable #messageRow ,#appendTable #messageRow tr
{
	border-bottom:none;
	text-align:left;
	padding:0px;
	margin:0px;
}

#whatsNew{
 		border: 0px solid orange;
}

#imageLogo 
{
	border: 0px solid blue;
	float:left;
	display:inline;
	text-align:top;   
	width:300px;
}

/******************************************************************
    added by Max3 Denver Team on 10-22-08
    Max3 Theatre page
*******************************************************************/
#max3Theatre {float:left; margin-left:80px;}
#max3Theatre h1 {color:#FFFFFF;margin:0px 0px 57px 0px;}
#max3Theatre h1 span {color:#fdba31;}
#max3Theatre #max3TheatreVideo {float:left;width:640px;height:480px;}

#imageLogo h2 {width:260px;font-size:18px;color:#fff;border-bottom:3px solid #202020;padding:0 0 2px 0;}
#imageLogo ul {list-style-type:none;margin:0 0 30px 0; font-size: 10px; }
#imageLogo ul li a{font-size: 10px; }
#imageLogo ul li a.active {color:#fdba31; font-size: 10px;}
#imageLogo ul li a:hover {color:#fff; font-size: 10px;}

/******************************************************************* 
    end Max3 Denver Team additions
*******************************************************************/

#whatsNew #textContainer 
{
  padding-top:50px;	
  padding-left:0px;

}

#whatsNew h1 {
	font-size: 18px;
	border: 0px solid red;
}

#whatsNew .TextTitle
{
    color: #ffffff;
	letter-spacing: .04em;
	border: 0px solid blue;
    padding-left: 300px ;

}

 #whatsNew #textContainer .subTitle
{
	letter-spacing: .04em;
	margin-left:45px;
	line-height: 17px;
	padding-left: 270px;
	border: 0px solid blue;
	padding-top:5px;
	padding-bottom:5px;
}

#headerDiv 
{
	margin-top:27px;
}

/* Flash Update Alert  */
#modal {
    width: 380px;
    height: 275px;
    border: 1px solid #777777;
    background-color: #010101;
    background-image: url(/images/bg_modal.jpg);
    background-repeat: repeat-x;
    z-index: 1000;  
    top: 150px;
    left:300px;
    position: absolute;
    text-align: left;
}

.border {
    width: auto;
    height: 228px;
    padding: 40px 20px 0px 40px;
    border: 3px solid black;
}

.border  img {
    float: left;
    display: block;
}

.border .text {
    margin: 0;
    float: left;
    margin-left: 20px;
    width: 200px;
    display: block;
}

.border .text h1 {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    color: #ffffff;
}

.border .text p {
    margin: 0 0 10px 0;
    line-height: 14px;
}

/* Flash Update Alert */