/* main body including background colour and image */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	background:inherit;
	font-family:arial,sans-serif;
	font-size:12px;
	color:#636363;
	/*background-image:url(Images/bg.gif);*/
	background-color:#151515;
	
}
/* text inside any table cell (the main text of the site) */
td{
	font:Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px; 
}
/* links */
a
{
    text-decoration:none;
    color:#FF9A00;
	font-size:12px;
}
/* links mouse over */
a:hover
{
    text-decoration:none;
    background-color:#808080;
    color:#201C20;
}

/* fields */
input[type=text]
{
	border:solid 1px #bababa;
}

/* password fields */
input[type=password]
{
	border:solid 1px #bababa;
}

/* upload fields */
input[type=upload]
{
	border:solid 1px #bababa;
}

/* textareas - fields with more than one row */
textarea
{
    border:solid 1px #bababa;
}

/* drop down lists */
select
{
    border:solid 1px #D2D2D2;
	font-size:14px;
}

/* the items inside a drop down list */
option
{
    font:Arial, Helvetica, sans-serif;
}

/* big page title text */
h1
{
	font-size:24px;
	font-weight:normal;
}

/*smaller page title text */
h2
{
	font-size:18px;
	font-weight:normal;
}

.PopUp
{
    background:#151515;
    border:solid 1px white;
}

.compact
{
	font:Arial, Helvetica, sans-serif;
	color:white;
	font-size:11px; 
}

.compact td
{
	font:Arial, Helvetica, sans-serif;
	color:white;
	font-size:11px; 
}

.compact strong b
{
	font-weight:bold;
}

.compact a
{
	font:Arial, Helvetica, sans-serif;
	color:white;
	font-size:11px; 
}

.tip
{
    font:Arial, Helvetica, sans-serif;
	font-size:12px; 
}

/* large blue item */
.bigBlue
{
    color:white;
    font-size:24px;
}

/* medium blue item */
.mediumBlue
{
    color:white;
    font-size:18px;
}

/* large blue link */
.bigBlue a
{
    text-decoration:underline;
}

/* blue link */
.blueLink
{
    color:white;
    font-size:inherit;
}

/* blue item */
.blue
{
    color:white;
    font-size:12px;
}


/* obsolete */
.steps
{
    font-size:14px;
    font-weight:bold;
}

/* a row in a grid*/
.gridRow
{
    border-bottom: 1px solid #DDDDDD;
    padding:5px;
    
}

/* grid */
.grid
{
	border:solid 1px white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

/* an element with a dark gray background. used in my songs filter by artist on the right. */
.taskHeader
{
    background-color:#DDDDDD;
    color:#6D6D6D;
    font-weight:bold;  
    height:20px;
    padding:4px; 
}

/* a container holding search meta */
.search
{
    margin-top:4px;
    min-height:70px;  
    text-align:left;
    vertical-align:top;
    padding:3px;
}

/* main border style */
.border
{
	border:solid 1px #D2D2D2;
}

/* obsolete */
.multipleListBox
{
	border: solid 1px #bababa;
}

/* the title of a help box */
.HelpTitle
{
	font-size: 12pt;
	font-weight:bold;
}

/* the main link (see my account or my song page) */
.bigLink
{
    color: white;
	font-size: 11pt;
	font-weight:bolder;
	text-decoration:underline;
}

.bigLink:hover
{
    color:#FF9A00;
}

/* same as big link but without the underline */
.emphasized
{
	color: white;
	font-size: 12pt;
	font-weight:bolder;
}

/* a header for a sub-section */
.header
{
    font-size:16px;
}

/* the big title of the page */
.pageTitle
{
    font-size:20px;
}

/* things with border only at the bottom */
.bottomLine
{
	border-bottom:solid 1px #D2D2D2;
}

/* an element containing tabs (see main menu or footer) */
.bigTab
{
	vertical-align:bottom;
	padding:4px;
	white-space:nowrap;	
}

/* a pipe character that separates bigTabs */
.linkSeparator
{
    color:#B3B4B3;
    font-size:18px;
}

/* obsolete */
.searchResult
{
    border:solid 1px #bababa;
    width:220px;
    min-height:110px;
   
}

/* appears when the artist name needs to be big */
.searchResultArtist
{
    color: white;
	font-weight:bold;
	text-decoration:none;
}


/* a link that appears in the header section. example the logged in user text at the top */
.headerLink
{
    color:#878787;
    font-weight:bold;
}

/* a help box */
.help{
	background-color:#efefef;
	vertical-align:top;
	min-height:50px;
	padding:5px;
	color:#201C20;
}

.help a
{
    color:#201C20;
}

.helpInline
{
    background-color:#efefef;
	border:solid 1px #40C2FF;	
	padding:5px;
	font-size:11pt;
}

.helpBoxCornerCell
{
	width: 15px;
	background-color: #201C20;
}


/* the feedback pop up */
.feedback
{
    background-color:white;
	border:solid 1px #bababa;	
	vertical-align:top;
	min-height:30px;
	padding:5px;
}

/* a cell that holds the main content in the site */
.mainContentCell{
	background-color:#151515;
	/*border:solid 1px #bababa;*/
	padding:0px;
	vertical-align:top;
	color:#66738C;
	
}

/* the loading prompt for ajax */
#divWait
{
    position:absolute;
    background-color:DimGray;
    color:White;
    border:solid 1px #201C20;
    font-size:11px;
    min-height:17px;
    padding:3px;
}

/* big blue links on the main menu */
.mainMenuLink
{
    color:#FF9A00;
    text-decoration:none;
    font-size:16px;
}

#whatAreYouLooking
{
    background-color:#151515;
}

#whatAreYouLooking .mainMenuLink
{
     font-family:Arial;
	 font-size:16px;
}

/* footer link */
.footerLink
{
    font-family:Arial;
    color:#B3B4B3;
    text-decoration:none;
    font-size:12pt;
}

.pointer{
	cursor:pointer;
}

#tblLeftContent
{
    min-height:100%;
    height:100%;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1024px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	/*background-image:url(Images/bg.gif);*/
	background-color:#151515;
	background-repeat:repeat-x;
/*
	border-left:1px solid #201C20;
	border-right:1px solid #201C20;
*/

}
div#main
{
    margin: 0px auto;
    background-color:#151515;
    height:100%;
    min-height:100%;
}

div#header {
	height:87px;
	background-color:#151515;
}
	

div#content {
	background-color:#151515;
	padding:1em 1em 30px; /* bottom padding for footer */
	
}
div#contentLogin {
	background-repeat:no-repeat;
	padding:1em 1em 30px; /* bottom padding for footer */
	
}
	

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	border-top:solid 1px white;
	min-height:30px;
	padding-top:2px;
	background-color:#151515;
	z-index:0;
}

div#footer p {
	padding:1em;
	margin:0;
}

/* the tab for the product desctiption */
.pmTab {
	width:100px;
	padding:1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: none;
	border-left-style: outset;
	border-top-color: #D2D2D2;
	border-right-color: #D2D2D2;
	border-bottom-color: #D2D2D2;
	border-left-color: #D2D2D2;
	text-align:center;
	background-color:#efefef;
	color:#201C20;
	font-weight:bold;
	background:inherit;
	color:White;
}

/* the tab for the product desctiption mouse over */
.pmTabHover {
	width:100px;
	padding:1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: none;
	border-left-style: outset;
	border-top-color: #D2D2D2;
	border-right-color: #D2D2D2;
	border-bottom-color: #D2D2D2;
	border-left-color: #D2D2D2;
	text-align:center;
	background-color:White;
	color:#201C20;
	
}

/* the tab for the product desctiption selected */
.pmTabSelected {
	width:100px;
	padding:1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: none;
	border-left-style: outset;
	border-top-color: #D2D2D2;
	border-right-color: #D2D2D2;
	border-bottom-color: #D2D2D2;
	border-left-color: #D2D2D2;
	text-align:center;
	background-color:White;
	color:#201C20;
	
}

.tab
{
	background-image:url(Images/tabs/tab.jpg);
	width:100px;
	min-height:20px;
	text-align:center;
	font-weight:bold;
	background-repeat:no-repeat;
}
.tabHover
{
	background-image:url(Images/tabs/tabHover.jpg);
	width:100px;
	min-height:20px;
	text-align:center;
	font-weight:bold;
	background-repeat:no-repeat;
}
.tabSelected
{
    font-size:11pt;
	background-image:url(Images/tabs/tabSelected.jpg);
	width:100px;
	min-height:20px;
	text-align:center;
	font-weight:bold;
	background-repeat:no-repeat;
}



.small
{
	font-size:11px;
}

.lightBorder
{
	border:solid 1px #DDDDDD;
}

.lightBorderRight
{
	border-right:solid 1px #DDDDDD;
	border-top:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
}

.button
{
    width:95px;
    height:24px;
    font-size:15px;
    color:white;
    background-image:url(Images/button.jpg);
    border:none;
    padding-bottom:1px;
}

.button a
{
    font-size:14px;
    color:White;
}

.gridAlternatingRowStyle
{
	background-color:#3B3B3B;
}

  .roundedPanel
{
	font:Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px; 
	padding:10px;
	background-color:#3B3B3B;
}

.roundedPanelGray
{
	font:Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px; 
	padding:10px;
	background-color:#3B3B3B;
}

/* a system notification panel */
.notifierControl
{
    background-color:#3B3B3B;
    padding:6px;
    border: solid 1px #efefef;
}

.loginWelcomeMessage
{
    font:Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px;
}

/* the border of the message compose and read component */
.msgBorder
{
    border:solid 1px #cacaca;
}

/* the header of the message compose and read component */
.msgHeader
{
    background-color:#efefef;
    color:black;
}
.msgHeader strong
{
    color:black;
}
.msgHeader a
{
    color:black;
}

.msgHeader td
{
    color:black;
}

.poweredBy
{
    padding-top:3px;
    color:White;
    font-size:10px;
}
.poweredBy a
{
    color:White;
    font-size:10px;
    text-decoration:underline;
}

.separator
{
    border-bottom:dashed 1px grey;
    background:inherit;
    background-image:none;
}

.grayBox
{
    background-color:#3B3B3B;
}

.headerTable
{
     border-bottom-color:white;
     border-bottom-style:solid;
}

.artistDescription
{
    margin:0px;
	padding:0px;
	height:100%; /* needed for container min-height */	
	background-color:#151515;
	font-family:arial,sans-serif;
	font-size:11px;
	color:#717171;
}

.ratingPage
{
	margin:0px;
	padding:3px;
	height:100%; /* needed for container min-height */
	
	background-color:#151515;
	font-family:arial,sans-serif;
	font-size:small;	
}

.ratingPageFrame
{
	border:solid 1px white;
}