/* main body including background colour and image */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	background-color:White;
	font-family:arial,sans-serif;
	font-size:small;
	color:#636363;
	
}
/* text inside any table cell */
td{
	font:Arial, Helvetica, sans-serif;
	color:#636363;
	font-size:12px; 
}
/* links */
a
{
    text-decoration:none;
    color:#818381;
	font-size:12px;
}
/* links mouse over */
a:hover
{
    text-decoration:underline;
}

/* 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;
    background-color:#efefef;
}

/* drop down lists */
select
{
    border:solid 1px #D2D2D2;
    font:Arial, Helvetica, sans-serif;
	color:#66738C;
	font-size:14px;
}

/* the items inside a drop down list */
option
{
    font:Arial, Helvetica, sans-serif;
	color:#66738C;
	font-size:14px;
	background-color:#efefef;
}

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

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

.PopUp
{
    background-color:White;
    border:inset 1px #666666;
}

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

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

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

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

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

.checkboxToggle
{
	font-size:11pt;
	color:#636363;
}

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

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

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

/* blue link */
.blueLink
{
    color:#4189DD;
    font-size:inherit;
}

/* blue item */
.blue
{
    color:#4189DD;
    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-top: 4px solid #DDDDDD;
    border-bottom: 3px solid #DDDDDD;
}

/* 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: #4189DD;
	font-size: 11pt;
	font-weight:bolder;
	text-decoration:underline;
}

.bigLink:hover
{
    color: #AE191B;
}

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

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

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

/* 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:#818381;
    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: #636363;
	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:#FFFFE1;
	vertical-align:top;
	min-height:50px;
	padding:5px;
}

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

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


/* 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:white;
	/*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 black;
    font-size:11px;
    min-height:17px;
    padding:3px;
}

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

/* links on the opportunities pages */
.opportunityLink
{
    font-family:Arial;
    color:#818381;
    text-decoration:none;
    font-size:17px;
}

/* footer link */
.footerLink
{
    font-family:Arial;
    color:#818381;
    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;
	
	background-color:White;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
/*
	border-left:1px solid black;
	border-right:1px solid black;
*/

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

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

div#content {
	background-color:White;
	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:White;
	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:Black;
	font-weight:bold;
}

/* 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;
	
}

/* 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:#FFFFE1;
	
}

.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;
}

.tiny
{
	font-size:9px;
}

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

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

.button
{
    border-style: none;
	border-color: inherit;
	border-width: medium;
	width:95px;
    	height:24px;
    	font-size:15px;
    	color:White;
    	background: transparent url(Images/buttons/button.jpg);
    	padding-bottom:1px;
	direction: ltr;
}

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

.gridAlternatingRowStyle
{
	background-color:#EFEFEF;
}

.roundedPanel
{
	background-color:#FFFFE1;
	padding:10px;
	/*-moz-border-radius:10px;*/
}

.roundedPanelGray
{
	background-color:#EFEFEF;
	padding:10px;
	/*-moz-border-radius:10px;*/
}

.roundedPanelGray p
{
	letter-spacing: normal;
}

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

/* an icon for the artist on the main page */
.artistImage
{
    border: solid 1px #989896;
}

.msgBorder
{
    border:solid 1px #cacaca;
}

.msgHeader
{
    background-color:#efefef;
}

.loginWelcomeMessage
{
    
}

.divLogin
{
	width:1024px;
}



.graySeparator
{
    height:3px;
    background-color:#DDDDDD;
    width:100%;
}

.grayBox
{
	border: #dddddd 1px solid;
	background-color:#EFEFEF;
}

.grayBoxSeparator
{
	border-top: #dddddd 1px solid;
}

/* a table with a thick border at the bottom
    used to separate user page and artist page modules */
.headerTable
{
     border-bottom-color:#DDDDDD;
     border-bottom-style:solid;
     width:100%;
     margin-bottom:8px;
}

.player
{
	background-color: #000000;
	background-image:url(Images/player_bg.jpg);
	height: 1px;
	font-size:10px;
	color:#CC0000;
	font-family:Verdana;
	width: 100%;
	position:fixed; left:0px; bottom:0px;
	/*visibility:hidden;*/
	overflow: hidden;  
	
}

.separatorLine
{
	height: 1px; background-color: #cacaca; font-size: 1px;
}

.faqLink
{
    color:#4189DD;
    font-size:inherit;
}
.faqQuestion
{
    color:#4189DD;
}
.faqAnswer
{
    
}

.faqCategory
{
     font-size:18px;
}

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

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

.ratingPageFrame
{
	border:none;
}

.metaUnselected
{
	background-color:#efefef;
	border:solid 1px #dadada;
}
.metaSelected
{
	background-color:white;
	border:inset 1px #dadada;
}

.cc
{
	padding:5px;
}

.tagCloudButton
{
	display:block;
	background: transparent url(Images/tag-cloud-tab.jpg);
    border:none;
	width:120px;
	height:31px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center;
	font-size:11px;
	font-family:Arial;
	padding-top:14px;
}

.tagCloudButton:hover, .tagCloudButtonSelected:hover
{
	text-decoration:none;
}

.tagCloudButtonSelected
{
	display:block;
	background: transparent url(Images/tag-cloud-tab-hover.jpg);
    border:none;
	width:120px;
	height:31px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center;
	font-size:11px;
	font-family:Arial;
	padding-top:14px;
	color:White;
}

 .tblSignIn{
     


         margin-left: auto ;
  margin-right: 0px ;
  text-align:left;
    }
    
    
       .divSignIn
    {
    width:100%;


  text-align:center;


    }
    
.loginTable
{
	width: 100%; padding-right: 8px;
		 margin-left: auto ;
  margin-right: 0px ;

}

.recentOps
{
	border-right: #dadada 1px solid; border-top: #dadada 1px solid; border-left: #dadada 1px solid; border-bottom: #dadada 1px solid; background-color: #efefef;
}


.LoginRegisterLink
{
	font-size:18px;
	color:White;
}

.userLink
{
	color:#636363;
	text-decoration:underline;
}

.userLink a
{
	color:#636363;
	text-decoration:underline;
}