/* 
Client: The Orchard 
Project: Dashboard
Author: pjackson@fluidesign.com
*/

/* import advanced styles */
@import url(layout.css);
@import url(typog.css);  
@import url(lightbox.css);

@import url(jqac.css);
@import url(thickbox.css);
@import url(tooltip.css);

* {
	outline: none;
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
} 

img, fieldset {
	border: 0;
}   

input, select {                
	border-color: #777 #c3c3c3 #ddd #ccc;
	color: #000000;        
	font: 12px Arial, Helvetica, sans-serif;   
}

td {
	vertical-align: top;
}

table {
border-collapse: collapse;
border-spacing: 0;
} 

div.clearIt {
	clear: both;
}

/* ------------------------------------------------------------

	global form layout & form controls

------------------------------------------------------------ */

select option {
	margin: 2px 0;
}

dl#catalogCreateNewArtistOptions dt,
dl#catalogCreateImprintOptions dt,
dl#enterReleasePaymentBilling dt,
dl#labelPasswordOptions dt,
dl#labelUserCreateOptions dt,
dl#catalogEnterReleaseReleaseInfo dt,
dl#catalogEnterReleaseGenreInfo dt,
dl#catalogEnterReleaseAdditionalInfo dt,
dl#catalogEnterReleaseDistributionInfo dt,
dl#enterReleasePaymentAddress dt {
	width: 160px;
	text-align: right;
	float: left;
	clear: both;
	margin-left: 10px;
}

dl#catalogCreateNewArtistOptions dd input,
dl#catalogCreateNewArtistOptions dd select,
dl#catalogCreateImprintOptions dd input,
dl#catalogCreateImprintOptions dd select,
dl#enterReleasePaymentBilling dd input,
dl#enterReleasePaymentBilling dd select,
dl#enterReleasePaymentAddress dd input,
dl#enterReleasePaymentAddress dd select,
dl#catalogEnterReleaseReleaseInfo dd input,
dl#catalogEnterReleaseReleaseInfo dd select,
dl#catalogEnterReleaseGenreInfo dd input,
dl#catalogEnterReleaseGenreInfo dd select,
dl#catalogEnterReleaseAdditionalInfo dd input,
dl#catalogEnterReleaseDistributionInfo dd input,
input#labelPasswordOldPassword,
input#labelPasswordNewPassword,
input#labelPasswordNewPasswordReenter,
input#labelUserCreateEmailAddress,
input#labelUserCreatePassword {
	width: 160px;
	margin: 0 0 20px 8px
}

dl#dl#catalogCreateNewArtistOptions dd select,
dl#catalogCreateImprintOptions dd select,
dl#enterReleasePaymentBilling dd select,
dl#enterReleasePaymentAddress dd select,
dl#catalogEnterReleaseGenreInfo dd select,
dl#catalogEnterReleaseReleaseInfo dd select,
dl#catalogEnterReleaseDistributionInfo dd select {
	width: 165px;
	color: #000;
}

/* float left inputs that have help trigger icon associated */
dl#enterReleasePaymentBilling dd input,
dl#enterReleasePaymentBilling dd select,
dl#enterReleasePaymentAddress dd input,
dl#enterReleasePaymentAddress dd select,
dl#catalogEnterReleaseGenreInfo dd input,
dl#catalogEnterReleaseGenreInfo dd select,
dl#catalogEnterReleaseReleaseInfo dd input,
dl#catalogEnterReleaseReleaseInfo dd select,
dl#catalogEnterReleaseAdditionalInfo dd input,
dl#catalogEnterReleaseDistributionInfo dd input,
dl#catalogEnterReleaseDistributionInfo dd select {
	float:  left;	
}

dl#enterReleasePaymentAddress dd dt,
dl#catalogEnterReleaseReleaseInfo dt,
dl#catalogEnterReleaseGenreInfo dt,
dl#catalogEnterReleaseAdditionalInfo dt,
dl#catalogEnterReleaseDistributionInfo dt {
	min-height: 24px;
}

div.formControls {
	clear: both;
	background: #f4f4f4;
	padding: 10px 15px 10px 15px;
	height: 30px;
	margin-top: 50px;
}

div.accountSettings {margin-top: 10px;}

div.formControls input.buttonInput {
	float: right;
	padding-left:  20px;
}

input.buttonInput {
	text-indent:  -9999em;
}

/* ------------------------------------------------------------

	tabs

------------------------------------------------------------ */

div.enterReleaseTrackDetailsTabsContainer,
div#catalogReleaseBuilderNavigationOptionsContainer,
div.proposalOpenTabsContainer {
	text-align: right;
	background: #f4f4f4;
	margin: 0;
	padding: 0;
}

div.proposalOpenTabsContainer {
	margin: 0 -10px 0 -10px;
	padding: 0;
}

div#catalogReleaseBuilderNavigationOptionsContainer,
div#faqTabsContainer {
	clear: both;
	border: solid #e4e4e4;
	border-width: 0 0 1px 0;
	margin: 0 -10px 0 -10px;
	position: relative;
	top: -35px;
}

div#faqTabsContainer {
	position: relative;
	top: 0 !important;
}

ul#enterReleaseTrackDetailsTabs {
	float: right;
	margin: 0;
	padding: 0;
}

ul#proposalOpenTabs,
ul#catalogReleaseBuilderNavigation,
ul#faqTabs {
	margin: 0;
	padding: 10px 0 0 10px
}

ul#enterReleaseTrackDetailsTabs li,
ul#catalogReleaseBuilderNavigation li,
ul#proposalOpenTabs li,
ul#faqTabs li {
	float: left;
	font-size: 0.9em;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 10px 5px 10px;
	color: #fff;
	border: solid #fff;
	border-width: 0 0 0 2px;
	background: #fd8105 url('../img/tabBg.png') repeat-x;	
}

ul#enterReleaseTrackDetailsTabs li a,
ul#catalogReleaseBuilderNavigation li a,
ul#faqTabs li a {
	color: #fff;
}

ul#enterReleaseTrackDetailsTabs li.active a,
ul#catalogReleaseBuilderNavigation li.active a,
ul#faqTabs li.active a {
	color: #f88127;	
}

ul#enterReleaseTrackDetailsTabs li.active,
ul#catalogReleaseBuilderNavigation li.active,
ul#faqTabs li.active {
	border: solid #e4e4e4;
	border-width: 1px 1px 0 1px;
	background: #fff;	
	color: #f88127;
}

ul#enterReleaseTrackDetailsTabs li span.incomplete {
	text-transform: lowercase;
	color: #9d4e01;
}

/* ------------------------------------------------------------

	general table layout

------------------------------------------------------------ */

div#labelUserCreateSubmitButton {
	float: left;
	margin-left: 15px;
}


table.inventoryTable{margin:10px 20px;}

table.inventoryTable th{
	color:#000;
	padding-left:10px;
}
table.sendInventory{margin:20px; width:70%;}

table.sendInventory .inventoryBox{
	color:#000;
	padding:10px 30px;
}

table.sendInventory ul.inventoryBox {width:300px;}

table.sendInventory .inventoryTitle{margin:10px 0;}

table.sendInventory td.noMargins{
	margin:0;
	padding:0;
}

table.sendInventory span.inventoryHeading, body.popUP span.inventoryHeading{color:#000; font-size:1.2em; padding-left:5px;}
table.sendInventory div.inventoryText{padding:10px 23px;}

div.inventorySubmit {
	margin:0 30px;
	border-top:1px solid #ccc;
	padding:15px;

}

#inventoryConfirmation {
	margin:30px;
	color:#000;

}

table.sendInventory ul.inventoryBox input, table.sendInventory ul.inventoryBox select {border:1px solid #ccc; margin:0; padding:2px; width:200px;}
table.sendInventory ul.inventoryBox label{width:80px; display:block; float:left;}
table.sendInventory ul.inventoryBox li {margin:10px 0; color:#333;}

table#enterReleaseTrackDetailsTable,
table#labelUserExistingUserOptions,
table.catalogTable,
table.proposalTable,
table.messageArchive,
table.messageNew {
                width: 100%;
                margin-bottom: 10px;
}


table#enterReleaseTrackDetailsTable tr th,
table#labelUserExistingUserOptions tr th,
table.catalogTable tr th,
table.proposalTable tr th,
table.inventoryTable tr th,
table.messageArchive tr th,
table.messageNew tr th {
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	font-size: 0.9em;
	padding-bottom: 10px;
}

table#enterReleaseTrackDetailsTable tr td,
table#labelUserExistingUserOptions tr td,
table.catalogTable tr td,
table.proposalTable tr td,
table.inventoryTable tr td,
table.sendInventory tr td,
table.messageArchive tr td,
table.messageNew tr td {
	padding: 10px 10px 10px 10px;
	border-right: 3px solid #fff;
	text-align: left;
	line-height: 1.2em;
	vertical-align: middle;
}

table#labelUserExistingUserOptions tr td.input {
	text-align: center;
}

table#labelUserExistingUserOptions tr td.actionItems,
table.catalogTable  tr td.actionItems {
	width: 195px;
	text-align: center;
}

table#labelUserExistingUserOptions tr.odd td,
table.catalogTable  tr.odd td {
	background: #f4f4f4;
}

table.catalogTable  tr.odd td {border:none;}

/* ------------------------------------------------------------

	specific table layouts

------------------------------------------------------------ */

table#labelUserExistingUserOptions tr td input.labelUserExistingSubmit {
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 25px 5px 25px;
	color: #016bbf;
}

table.catalogTable ul.catalogReleasesTableActionItems li a {
	font-size: 0.9em;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px 10px 5px 10px;
	color: #016bbf;	
	margin: 5px;
	display: block;
}

table.catalogTable tr td div.catalogReleaseTableOptions {
	display: none;
}

table.catalogTable ul.catalogReleasesTableActionItems li {
	float: left;
}

table#catalogArtistRosterTable tr td {
	vertical-align: top;
}

table.catalogTable tr td.catalogArtistRosterTableBio {
	width: 130px;
}

table.catalogTable tr td.catalogArtistRosterTableReleases {
	width: 50px;
}

table.catalogTable tr td.catalogArtistRosterTableBioArtist img {
	width: 60px;
	height: 60px;
	border: 1px solid #e4e4e4;
	padding: 2px;
	float: left;
	background: #fff;
	margin-right: 15px;
}

table.catalogTable td.catalogArtistRosterTableBio p,
table.catalogTable ul.catalogArtistRosterTableWebsites,
table#catalogArtistRosterTable ul.catalogReleasesTableActionItems {
	margin: 0;
	padding: 0;
}

table.catalogTable ul.catalogArtistRosterTableWebsites li {
	margin: 0 0 5px 0;
}

table.catalogTable ul.catalogArtistRosterTableWebsites li a { 
	color: #0075ca
}

table#enterReleaseTrackDetailsTable {
	border: 1px solid #e4e4e4;
}

table#enterReleaseTrackDetailsTable tr th {
	vertical-align: top;
	padding-bottom: 0px;
}

table#enterReleaseTrackDetailsTable tr th div {
	float: left;
}

table#enterReleaseTrackDetailsTable tr th {
	padding-top: 15px;
}

table#enterReleaseTrackDetailsTable tr th,
table#enterReleaseTrackDetailsTable tr td {
	padding-left: 5px;
	padding-right: 5px;
}

table#enterReleaseTrackDetailsTable tr td.explicit {
}

table#enterReleaseTrackDetailsTable tr td.vol input,
table#enterReleaseTrackDetailsTable tr td.trackLength input {
	width: 25px;
}

table#enterReleaseTrackDetailsTable tr td.trackNumber input {
	width: 35px;
}

table#enterReleaseTrackDetailsTable tr td.trackName {
	border-right: 1px solid #e4e4e4;
	padding-right: 0;
}

table#enterReleaseTrackDetailsTable tr.applyToAll td {
	margin: 0;
	padding: 0 0 0 5px;
}

div#catalogReleaseBuilderNewReleaseNoImage {
                float: right;
                height: 37px;
                width: 208px;
                text-indent: -9999em;
                position: relative;
                top: -50px;
}

/* ------------------------------------------------------------

	pagination

------------------------------------------------------------ */

div.paginateWrappingContainer {
	width: 100%;
	border-top: 1px solid #e4e4e4;
	padding: 15px 0 15px 0;
}

div.paginateWrapping {
	float: right;
}

ul.pageLinks, ul.pageLinks li {
	display: inline;
}

ul.pageLinks li a:link, ul.pageLinks li a:visited, ul.pageLinks li a:active {    
	border: 1px solid;         
	font-size: 11px;
	text-decoration: none; 
	padding: 2px 4px;
} 

ul.pageLinks li a:hover {        
	border: 1px solid; 
	color: #fff;
	background: #fd830a;            
	font-size: 11px;   
	padding: 2px 4px;
}       

a.pageOn:link, a.pageOn:visited, a.pageOn:hover, a.pageOn:active {      
	border: 1px solid; 
	color: #fff;
	background: #fd830a;            
	font-size: 11px;   
	padding: 2px 4px;	
}    


/* ------------------------------------------------------------

	self-clearing floats

------------------------------------------------------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



body.popUP {
	background:#FFFFFF;

}

#popUPStyle {
	margin:30px;
}

/*--------------------------------------jqModal-----------------------------------------*/

.modalWindowCloseImg {top:5px; left:-5px; position:relative; float:right;}

.jqmWindow {
    display: none;
    background-color:#f6f4ec;
    position: fixed;
    top: 10%;
    /*left: 15%;*/
    left: expression(((document.body.clientWidth) / 2) - 350 +'px');       
    border: 5px solid #d3cebb;
    width: 700px;
    color: #333;     
}

.jqmOverlay { background-color: #000000;}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
        width: expression(this.parentNode.offsetWidth+'px');
        height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
     /*
* html .jqmWindow {.
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}*/