/* Popup while tablesort javascript is being executed */

#pleasewait {
	top: 405px;
	left: 50%;
	position: fixed;
	margin-left: -100px;
	width: 200px;
	text-align: center;
	display: none;
	margin-top: -10px;
	background: #000;
	color: #FFF;
}

table.sortable th { border: 1px solid #ccc; background: #eee url("../images/order.png") no-repeat center center; cursor: pointer; height: 24px; }
table.sortable th.tablesorter-headerAsc { background: #eee url("../images/order_ASC.png") no-repeat center center }
table.sortable th.tablesorter-headerDesc { background: #eee url("../images/order_DESC.png") no-repeat center center }


.breakword { 
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	word-break: break-all;
}

.hidden {
	display: none;
}

/* In Firefox, style.css text-indent -9999px causes the element to be too large and the elements area is seen when on focus.*/
#header #extras a { text-indent: auto; }

/* Increase contrast */
#footer { color: rgba(255, 255, 255, 0.8); background: #252525 url("../images/RP_BACKGROUND_1.jpg") repeat-x left top; }
#footer a, #header .audio-player a, #footer p { color: rgba(255, 255, 255, 0.8); background-color: black; font-weight: normal; }

.wrapper { margin-bottom: -110px }
.push { height: 110px; }
.wrap { margin-bottom: 0px; }
.main { padding-bottom: 0px; }

/* Make project faculty occupy entire first line */
.project-header .project-meta ul.details li:first-child {
	width: 100%;
}

.no-padding { padding:0px !important; }

form .separator { clear: both; height: 20px; }

/* can be removed if not declared cursor:pointer on original css 
	The legend links are in <a> tags so the tab index tabs into it! */
form legend:hover { cursor: auto; }

/* collapsable properties are remembered on cookies. If cookie is set, show class applies, else, hide class */
form div.show { display: block; }
form div.hide { display: none; }

/* needed so that the highlight doesn't start on legend. */
form .row { clear: both; }

/* color adjustment */
form .row.highlight { background: #f9f8f8; }

/* form fields that are required on validation. */
form label.required { text-decoration: underline; background-color: beige }

/* if form is locked */
form .panel button[type="submit"]:disabled { color: #bbb; }

form .panel span { color: gray; }
form .panel span.changed { color: orange; }
form .panel span.valid { color: green; }
form .panel span.invalid { color: red; }

/* checkbox in bootstrap renders gigantic otherwise! */
form input[type="checkbox"] { width: 17px; height: 17px; border: none; margin: 11px }

/* form datepicker icon adjust */
form input.datepicker { width: 110px; display: inline-block; margin-right: 10px }

/* Input type File in Firefox is too large */
@-moz-document url-prefix() {
    form input[type="file"] {
        padding: 0; border: 0; font-size: inherit;
    }
}

/* Back to top */
form .backtotop { opacity: 0; filter: alpha(opacity=0); }
form .backtotop.active { opacity: 1; filter: alpha(opacity=100); }

/* general tips style (also used in stage timeline) */
.tip { position: absolute; background-color: #eee; border: 1px solid #ddd; padding: 8px; font-size: 1em; box-shadow: 2px 3px 6px #888888; line-height: 23px; font-weight: initial; z-index: 99999}

/* form label tips */
form label span.tip { visibility: hidden; width: 300px; }
form label i.fa-info-circle { position: relative; cursor: help } /* <i><span class="tip">, relative sets placement for absolute */
form label i.fa-info-circle:hover + span.tip { visibility: visible; }

/* form label above input/select el (used in permissions) */
.main form label.below { display: block }

/* Remove formatting */
.lame { text-decoration: none; border: none; background-color: transparent; font-weight: normal; }

/*
	History table
*/

table.history { width: 100% }
table.history thead td { font-weight: bold }
table.history tr.odd { background-color: #fafafa }
table.history th { border: 1px solid #ccc; background: #eee url("../images/order.png") no-repeat center center; cursor: pointer; height: 24px; }
table.history th.tablesorter-headerAsc { background: #eee url("../images/order_ASC.png") no-repeat center center }
table.history th.tablesorter-headerDesc { background: #eee url("../images/order_DESC.png") no-repeat center center }
table.history th,
table.history td { text-align: left; padding: 10px 5px 10px 5px; }
table.history tbody td { border: 1px solid #ccc; vertical-align: top; }
table.history tbody td span { display:none; }
table.history td.text-center { text-align: center }
table.history td.text-right { text-align: right }

/*
	Fly-outs
*/
.flyout-container {
	cursor: help;
	text-align: center; 
}
.flyout { 
	display: none; 
	cursor: auto;
}
.flyout-container:hover { background-color: #cadfd3; }
.flyout-container:hover .flyout {
	text-align: left;
	display: block;
	position: absolute;
	left: 9px;
	top: 0px;
	z-index: 999;
	background-color: rgba(114, 114, 171, 0.4);
	box-shadow: 2px 2px 2px grey;
	padding: 32px 0px 0px 32px;
}
.flyout div.option {
	font-weight: normal;
	padding: 0px 4px 0px 4px;
	background-color: #ddddfe;
}	
.flyout div.option:hover {
	background-color: #a8a8d5;
	color: white;
	cursor: pointer;
}
.flyout div.option.disabled {
	color: #777;
}	
.flyout div.option.disabled:hover {
	background-color: #ddddfe;
	cursor: not-allowed;
}

audio {
	margin: 2px 15px 0 15px;
	vertical-align: middle;
}

.audio-player {
	position: absolute;
	right: 190px;
	top: 0px;
	color: white;
}
.audio-player audio {
	vertical-align: middle;
	width: 350px;
}

.pane-filter h3 {
	padding-top: 0px;
	margin-top: 0;
}

.pane-filter label {
	display: block;
	margin: 10px 0 0 0;
}

.pane-filter input,
.pane-filter select {
	font-size: .9em;
	height: 28px;
	vertical-align: middle;
	width: 100%;
}

.repo-show {
	display: none;
}

i#repo-page-num-prev,
i#repo-page-num-next {
	cursor: pointer;'
}

i.fa-exclamation-triangle {
	cursor: help;
}

#repo-page-num-select {
	border: 1px solid #111;
	padding: 2px;
	font-size: .8em;
	border: 1px solid #ccc;
	width: 100px;
}

table.tracks {
	width: 100%;
}

table.tracks tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
}

table.tracks tbody tr:nth-child(even) {
	background-color: #fff;
}

table.tracks tbody tr:hover {
	background-color: #ddd;
}

table.tracks td {
	border: 1px solid #aaa;
}

table.tracks thead td {
	font-weight: bold;
	background-color: #ccc;
}

table.tracks td {
	padding: 4px;
	vertical-align: top;
}

table.tracks .center {
	text-align: center;
}

table.tracks .track-unplayed {
	font-weight: bold;
}

table.tracks .track-dismiss {
	cursor: no-drop;
}

table.tracks .track-dismissed {
	text-decoration: line-through;
}

table.tracks .metadata-completion {
	border-radius: 5px;
	color: #000 !important;
	padding: 4px;
}

table.tracks tr.track-row-checked {
	background-color: beige !important;
}

table.tracks ul.track-genres {
	display: inline;
	margin: 0;
}

table.tracks ul.track-genres li {
	list-style-type: none;
	float: right;
	font-size: .75em;
	background-color: #b085b0;
	color: white;
	padding: 0 4px 0 4px;
	margin: 2px;
	font-weight: normal;
}

table.tracks td .track-player {
	display: none;
}
table.tracks td.track-counter-player {
	text-align: center;
}
table.tracks td.track-counter-player-playing .track-player,
table.tracks td.track-counter-player:hover .track-player {
	display: block;
}
table.tracks td.track-counter-player-playing .track-counter,
table.tracks td.track-counter-player:hover .track-counter {
	display: none;
}

table.tracks .middle { vertical-align: middle; } 
table.tracks .center { text-align: center }
table.tracks .left { text-align: left }
table.tracks .right { text-align: right }

table.tracks .w0 { width: 0px; }
table.tracks .w5 { width: 5px; }
table.tracks .w10 { width: 10px; }
table.tracks .w15 { width: 15px; }
table.tracks .w20 { width: 20px; }
table.tracks .w25 { width: 25px; }
table.tracks .w30 { width: 30px; }
table.tracks .w35 { width: 35px; }
table.tracks .w40 { width: 40px; }
table.tracks .w45 { width: 45px; }
table.tracks .w50 { width: 50px; }
table.tracks .w55 { width: 55px; }
table.tracks .w60 { width: 60px; }
table.tracks .w65 { width: 65px; }
table.tracks .w70 { width: 70px; }
table.tracks .w75 { width: 75px; }
table.tracks .w80 { width: 80px; }
table.tracks .w85 { width: 85px; }
table.tracks .w90 { width: 90px; }
table.tracks .w95 { width: 95px; }

table.tracks .w100 { width: 100px; }
table.tracks .w110 { width: 110px; }
table.tracks .w120 { width: 120px; }
table.tracks .w130 { width: 130px; }
table.tracks .w140 { width: 140px; }
table.tracks .w150 { width: 150px; }
table.tracks .w160 { width: 160px; }
table.tracks .w170 { width: 170px; }
table.tracks .w180 { width: 180px; }
table.tracks .w190 { width: 190px; }

table.tracks .w200 { width: 200px; }
table.tracks .w210 { width: 210px; }
table.tracks .w220 { width: 220px; }
table.tracks .w230 { width: 230px; }
table.tracks .w240 { width: 240px; }
table.tracks .w250 { width: 250px; }
table.tracks .w260 { width: 260px; }
table.tracks .w270 { width: 270px; }
table.tracks .w280 { width: 280px; }
table.tracks .w290 { width: 290px; }

table.tracks .w300 { width: 300px; }
table.tracks .w310 { width: 310px; }
table.tracks .w320 { width: 320px; }
table.tracks .w330 { width: 330px; }
table.tracks .w340 { width: 340px; }
table.tracks .w350 { width: 350px; }
table.tracks .w360 { width: 360px; }
table.tracks .w370 { width: 370px; }
table.tracks .w380 { width: 380px; }
table.tracks .w390 { width: 390px; }

#header #projects:hover:before {
	opacity: 1;
}
#header #projects:before {
	margin-right: 15px;
	cursor: pointer;
}

#upload-flyout {
	display: none;
	position: absolute;
	right: 0px;
	top: 40px;
	width: 600px;
	z-index: 999;
}

#upload-flyout-pointer {
	height: 10px;
	background: transparent url("../images/upload-bg.png") no-repeat 572px top;
}

#upload-flyout-bg {
	background-color: #ddddfe;
	padding: 8px;
	box-shadow: 2px 2px 2px grey;
}

#upload-status .upload-abort {
	cursor: pointer;
	margin: 3px;
	font-weight: bold;
}

#modal-cover {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: .5; filter: alpha(opacity=50);
}

#modal {
	padding: 20px;
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -550px;
	background-color: white;
	width: 1100px;
	min-height: 550px;
}

#modal .row {
	padding-top: 0px;
}

#modal legend {
	padding: 0px;	
}

#rights-owner-fieldset {
	display: none;
}

ul.list-genres,
ul.list-moods,
ul.list-countries {
	list-style-type: none;
	padding: 0;
}

ul.list-genres li,
ul.list-moods li,
ul.list-countries li {
	margin: 5px;
}

ul.list-genres li i,
ul.list-moods li i,
ul.list-countries li i {
	display: none;
	cursor: pointer;
}

ul.list-genres li:hover i,
ul.list-moods li:hover i,
ul.list-countries li:hover i {
	display: inline;
	color: red;
}

.bigdrop {
	width: 350px !important;
}

#track-form-art-delete:hover, #track-form-mp3-delete:hover {
	color: red;
	cursor: pointer;
}

td.rate-card-col {
	border-left: 2px solid #aaa !important;
}
tr.rate-card-row {
	border-top: 2px solid #aaa !important;
	font-weight: bold;
}
i.rate-card-info {
	color: #00BFFF;
	cursor: help;
}
td.rate-card-new div {
	display: none;
}
td.rate-card-new:hover div {
	display: block;
}