/*************************/

/** DEFAULT CSS THAT COMES WITH DISPLAY -TAG LIbrary **/

/*************************/
div.exportlinks { margin:-5px 0 10px 10px; padding:2px 4px 2px 0; width:400px; }
div.exportlinks a { text-decoration:none; }
div.exportlinks span { background-repeat:no-repeat; }
span.csv { background-image:url(../images/ico_file_csv.png); }
span.excel { background-image:url(../images/ico_file_excel.png); }
span.pdf { background-image:url(../images/ico_file_pdf.png); }
span.xml { background-image:url(../images/ico_file_xml.png); }
span.export { cursor:pointer; display:inline; display:inline-block; padding:0 4px 1px 20px; }


/*************************/

/** USER SEARCH RESULTS **/

/*************************/


/**end pagesize buttons */
.ltr { float:left; }

/* the class assigned to rows indicating the user owns this loop */
.owned { border:2px solid #79A79D; }

/* the class assigned to rows indicating the user owns this loop */
.loopList tr.owned { border:2px solid #79A79D; }

/*
	opacity:0.80 ;
	filter:alpha(opacity=80);
	background-color:#79A79D ;
*/
#iloops #innerResultBody { display:block; width: 700px; background: #FE9915; padding: 0 0 10px; }
.rateIt { 
/*background-color: brown;*/
width:50px; padding:0 2px; }
.rateItNot { width:50px; padding:0 2px; opacity:0.60; filter:alpha(opacity=60); }
.thumbUp { height:20px; width:20px; display:inline; float:left; background-image: url(/images/BUTTONS/thumbsup.png); background-repeat:no-repeat; background-position:center center; width:20px; height:20px; }
.thumbDown { width:20px; height:20px; display:inline; float:right; background-image:url(/images/BUTTONS/thumbsdown.png); background-repeat:no-repeat; background-position:center center;  width:20px; height:20px; }
/* background-size:20%; removed from thumbs (above) */
/** TOOLTIP for loop attribs */
#tooltip { position:absolute; border:1px solid #888; background-color:#95A226; color:#fff; }

/** Where it says AIF and WAV in the search Results */
.formatHead { 
/* the column head*/
white-space:nowrap!important; }
.formatSwitch { font-size:10px; border:1px solid black; white-space:nowrap!important; display:table; }
.formatSwitch .formatOption { text-align:center; width:20px; float:left; border:1px solid #8765AF; margin-left:2px; display:inline; clear:none; }
.formatSwitch .selected { background-color:#444; color:#fff; }
.working { background-image:url(../images/loading.gif); background-repeat:no-repeat; background-position:left center; background-size:70%; width:30px; height:30px; }
.toCartButton { background-image:url(../images/BUTTONS/cartplus.gif); background-repeat:no-repeat; background-position:left center; width:30px; height:30px; }
.fromCartButton { background-image:url(../images/BUTTONS/cartminus.gif); background-repeat:no-repeat; background-position:left center;  width:30px; height:30px; }
/* remove 'background-size:70%;'  from above */

/*
.toWishlistButton { background: url(../images/BUTTONS/wishlist.gif); background-repeat:no-repeat; background-position:left center; background-size:70%; width:30px; height:30px; }
.fromWishlistButton { background: url(../images/BUTTONS/wishlistminus.gif); background-repeat:no-repeat; background-position:left center; background-size:70%; width:30px; height:30px; }
*/
.toWishlistButton { background: url(../images/BUTTONS/plus_wand.png); background-repeat:no-repeat; background-position:left center; background-size:70%; width:30px; height:30px; }
.fromWishlistButton { background: url(../images/BUTTONS/minus_wand.png); background-repeat:no-repeat; background-position:left center; background-size:70%; width:30px; height:30px; }

.expandButton { background-image:url(../images/BUTTONS/expand_small.png); background-repeat:no-repeat; background-position:left center; width:15px; height:15px; }
.openedButton { background-image:url(../images/BUTTONS/collapse_small.png); background-repeat:no-repeat; background-position:left center; width:15px; height:15px; }
.emphasize { background-color:#887d75!important; }
.emphasize td { color:#ffffff; }

.tabOn { background-color:#FE9915; }

/* the result filters */
.searchFilter { padding:3px; border:1px solid black; margin:3px; background-color:#57504A; }

/*used in parent-pack-view to denote the component is the same loop from main listing */
.sameas { border:1px solid gold; }


.owned_bullet { position:relative; float:right; top:-2px; right:-3px; color:#000; }
.incart_bullet { position:relative; float:right; top:-2px; right:-3px; color:#338954; }

/*************************/

/** PRODUCER     SPECIFIC **/

/*************************/
.swfarea { border:0 solid #445; display:inline; clear:none; z-index:111; width:56px; height:30px; padding-top:7px; margin-right:12px; padding-right:7px; text-align:left; vertical-align:bottom; }
table.producercliptable .swfarea td { border:0; }
#uploadComponent { margin-top:-5px; position:absolute; top:-10px!important; left:0; color:red; }

/** The button that inserts a component row */
.addrow { height:40px; }
#attribsTable { background-color:#EDEDED; border:5px solid #222222; color:#222222; height:100%; left:0; padding:20px; position:absolute; text-align:center; top:0; vertical-align:middle; width:640px; }
#attrOverlay { width:400px; height:500px; border:1px solid red; margin:auto; }
#comprow { background-color:#dCFFa9; }
.packOpen { background-color:#9CcF69!important; }
.innerbox { height:475px; overflow-y:scroll; background-color:#bCeF89; }
.trueReady { background-color:green; width:10px; height:10px; margin:0 auto; }
.falseReady { background-color:red; width:10px; height:10px; margin:0 auto; }
.clipstatus { width:10px; height:10px; }
.errorReq { width:100px!important; border:1px solid green; text-align:center; display:inline; }
.statcell { width:10px; vertical-align:middle; }

/** TOOLTIP for loop attribs */
#tooltip { position:absolute; border:1px solid #888; background-color:#95A226; color:#fff; }

/** Being determined **/
.extraInfo { display:none; }
#detailsRow { background-color:orange; }

/** end ??? */

/** ==== UPLOAD BUTTON ===== */
.wrapper { width:133px; 
/* Centering button will not work, so we need to use additional div */
margin:0 auto; }
div.button { height:29px; width:133px; 
/*background: url('../images/BUTTONS/uploadbutton.png') 0 0;*/
background-color:orange; font-size:14px; color:#fff; text-align:center; padding-top:15px; }

/* 
We can't use ":hover" preudo-class because we have
invisible file input above, so we have to simulate
hover effect with javascript. 
 */
div.button.hover { 
/*background: url('../images/BUTTONS/uploadbutton.png') 0 56px;*/
background-color:darkorange; }

/** ==== END UPLOAD BUTTON ===== */
table.producercliptable { border:0 solid #000000; border-collapse:collapse; 
/*margin: 10px;*/
margin:0; width:948px; }
table.producercliptable td { padding:3px 5px; text-align:center; border:1px solid #777; vertical-align:middle; }
table.producercliptable th { background:#565049; color:#fff; padding:5px 10px; border-bottom:1px solid #f3f0eb; border-left:1px solid #aaa; text-align:left; }
table.producercliptable th a,table.producercliptable th a:visited { background-color:transparent; color:#f3f0eb; text-decoration:none; }
table.producercliptable th a:hover { background-color:transparent; color:#f5f2ed!important; text-decoration:underline; }
table.producercliptable td.swfAudioCell { vertical-align:middle; }
th.sorted a,th.sortable a { background-position:right; display:block; }
table.producercliptable th.order1 a { background-image:url(../images/arrow_down.png)!important; }
table.producercliptable th.order2 a { background-image:url(../images/arrow_up.png)!important; }
table.producercliptable th.sortable a { background-image:url(../images/arrow_off.png); }
table.producercliptable th.sorted { 
/*background-color: #ffd;*/
color:#f5f2ed; }
table.producercliptable th.sorted a,table.producercliptable th.sortable a { background-position:right; background-repeat:no-repeat; display:block; }
table.producercliptable th.sortable:hover { background:#FE9915; color:#008000; }
table.producercliptable thead tr { background-color:#FFCC00; }
table.producercliptable tr.even { background:#f3f0eb; 
/*border-top: 1px solid #f3f0eb;*/

/*color: #000000;*/
}
table.producercliptable tr.odd { background:#e2dfda; 
/*
border-top: 1px solid #C0C0C0;
	color: #000000;
*/
}

/* highlight table row onmouseover */
table.producercliptable tr.over { background:#dfda40; 
/*
border-bottom: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
*/
color:#000000; cursor:pointer; cursor:hand; 
/* IE 5.5 non-compliant workaround */
}
table.innerLoopList { margin-bottom:50px; width:100%; }

/*
 RESULTS HEADER CLASS
*/
.expandHeaderClass { width:5px; }
.playbuttonHeaderClass { width:27px; border:0 solid red; }
.cartHeaderClass { width:25px; border:0 solid red; }
.wishHeaderClass { width:25px; border:0 solid red; }
.nameHeaderClass { width:180px; }
.formatsHeaderClass { width:40px; }
.genreHeaderClass { width:70px; }
.numLoopsHeaderClass,.instrumentHeaderClass { width:80px; }
.priceHeaderClass { width:50px; }
.bpmHeaderClass { width:30px; }
.rateHeaderClass { width:25px; }
#producerTrackpacks .playbuttonHeaderClass { width:54px; }
.salesHeaderClass { width:55px; }
.createdHeaderClass { width:45px; }
.readyHeaderClass { width:15px; }
.deleteHeaderClass { width:25px; }

/*PRODUCER SPECIFIC */
.producercliptable .numLoopsHeaderClass,.instrumentHeaderClass { width:75px; border:0 solid blue; }
.producercliptable .nameHeaderClass { width:180px; border:0 solid blue; }
.producercliptable caption { padding:10px 5px; }

/* WISHLIST AND CART */
.storeNameHeaderClass { width:180px; }
.removeFavHeaderClass { width:40px; }

/** END GENERAL LOOP RESULTS */
#tpview tr.odd { background-color:#e2dfda; }
#tpview { border:1px solid #fff; }

/**PRODUCER LIST **/
.producercliptable .genreCell { width:100px; }
.genreCell img { width:15px; clear:none; display:inline; padding:0; border:0; margin:0; }
.genreMenu { color:green; background-color:white; clear:none; display:inline; }
.producercliptable .compLoops,.producercliptable .nameCell { text-align:left; }
.pagelinks li a { text-decoration:none; }
li.pagerbutton a { font-size:14px; letter-spacing:0; font-weight:900; }

/*.next a , .last a , .first a , .prev a{font-size:18px; }*/
.pagelinks li.pagerbutton { border:0; padding:0; margin:0; background-color:transparent; }
.pagelinks { background:#222; border-top:3px solid #000; clear:both; text-align:right; font-size:.9em; padding:10px 0; line-height:20px; display:block; overflow:hidden; }
.pagelinks a,.pagelinks .more { border:0 solid #f3f0eb; color:#777; text-align:center; text-decoration:none; padding:0 8px; }
.pagelinks a:hover { color:#fff; }
.pagelinks li { margin-right:1px; }
.pagelinks a,.pagelinks li { display:block; float:left; height:20px; line-height:20px; }
.pagelinks a img { margin-top:5px; }
.pagelinks .active a:hover { background:#dfda40; }
.pagelinks .active a { background:#e2dfda; border:1px solid #e2dfda; color:#FFF; }
.pagelinks .current { 
/*color: #f3f0eb;*/
/*color: #e2dfda;*/
/*background: #776E60;*/
}
.pagelinks li.disabled { opacity:0.0; filter:alpha(opacity=0); }
.pagelinks li.disabled:hover { background-color: inherit; background: transparent url(/images/BUTTONS/pager_bg_dn.jpg) repeat-x scroll left bottom; }
.pagelinks .current:hover { color:#fff; }
.pagelinks li { border:1px solid black; }
.pagelinks li.pagerbutton { border:0 solid black; }
/*.pagelinks li.pagerjumpsec { float:right; margin-right:10px; font-size:12px; }*/

/* An Attempt to put border around injected components */
td#iloops { background-color:transparent; padding:0; margin:0; text-align:left; vertical-align:top; max-height:490px; }

/* added to first cell by Jquery */
td.firstCell {}


#searchResultsLoop { width:700px; }
#searchResultsLoop thead tr th { padding: 20px 0 8px; }
#searchResultsLoop tr td { vertical-align: middle; padding: 3px; }
#searchResultsInnerLoop { border:0px solid #222; margin: 10px auto 0px auto;  width: 660px; border-collapse: collapse;}
#searchResultsInnerLoop th { text-align:center; color: #222;}
#searchResultsInnerLoop td { border-bottom:1px solid #444; border-collapse: collapse;}
#loopInfo_title { width:140px; text-align:right; }

#searchResultsLoop .pagelinks {width: 660px; margin: 0 auto 15px; overflow:hidden; padding:8px 0;}
#searchResultsLoop .pagelinks li.pagerbutton {  }

.nameCell { padding: 2px 5px; font-weight: bold; }
/*.nameCell .name_y_store_container{ width: 167px !important; overflow:hidden; border-right: 1px dotted #ccc; margin-right: 2px;} */
.formatsCell {width: 100px;}
#searchResultsLoop tr td#iloops{ padding: 0;}

.firstCell {display: none;}


a.rateClip , a.toWishlist ,a.expand { text-decoration: none;}