*{font:1em ;color:#bbbbbb;font-family:sans-serif;}

html,body{
	margin:0.5em 0 1em;
	padding:0;
	font-size:100%;
}
body{
	background-image: url('../images/jb.dark.jpeg');
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center;
	background-size:contain;
	background-color:#000;
	text-align:center;
}

#main {
	position:relative; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100vh;
	padding-top:1em;
	padding-bottom:2em;
	
}
#contents {
	padding-top:1em;
}
#ArtistList {
	font:0;
	position:fixed;
	top:0.3em;
	left:1em;
	border:1pt solid #555;
	z-index:400;
	background-color:#000;	
}
#ArtistList span{
	float:left;
	border-right:1pt solid #555;
	padding-right:0.2em;
	padding-left:0.2em;
}
#ArtistList a{
	text-decoration:none;
}
#usermenu {
	position:absolute;top:1.1em;
	padding-right:0em;
	right:-1pt;
	border:1pt solid #555;
	width:6em;
	z-index:400;
	background-color:#000;
	text-align:left;
	padding-top:0.2em;
	padding-bottom:0.2em;
	display:none;
}
#menu {
	position:fixed;top:0.3em;right:1em;;
	background-color:#000;
	z-index:400;
	border:1pt solid #555
}

#menu span{
	border-right:1pt solid #555;
	padding-right:0.5em;
	padding-left:0.5em;
}
#menu a{
	text-decoration:none;
}
.item {
	border:3pt solid #555;
	margin-top : 1.5em;
	margin-bottom: 1.5em;
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't
                                  support rgba */
        background: rgba(54, 25, 25, .5);
	padding: 1em;	
}
.narrow {
	max-width:25em;
	width:90%;
}
.wide {
	max-width:80%;
	margin-top : 3em;
}
.item p {
	text-align:left;
}
.item ul {
	text-align:left;
}
.item li {
	margin-top:0.5em;
}
.horcenter {
	margin-left: auto;
	margin-right: auto;
}
.horright {
	margin-right: 5em;
	float:right;
	
}
.horleft {
	margin-left:1em;
	float:left;
}	
.topright {
	position:absolute;
	top:0;
	right:0;
}
.leftalign {
	text-align:left;
	margin:0 auto;
	width:80%;
}
input[type=submit] {
	padding: 2px 2px;
    	margin: 8px 0;
	color: #000;
}
input[type=file] {
	border:solid 1px #bbbbbb;	
	margin-top:1em;
}
input[type=text] {
	padding: 2px 2px;
    	margin: 8px 0;
    	box-sizing: border-box;
	background-color: #000;
}
input[type=password] {
	padding: 2px 2px;
    	margin: 8px 0;
    	box-sizing: border-box;
	background-color: #000;
}

select{
	background-color:#000;
	padding: 2px 2px;
    	margin: 8px 0;
	box-sizing: border-box;

}
h1{
	font-family:serif
}

#tabhead {
	margin-top:1em;
}
#tabhead ul {
	list-style:none;
	padding:0;
	margin:0;
}
#tabhead li {
	float:left;
	border:3pt solid #555;
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't
                                  support rgba */
        background: rgba(54, 25, 25, .5);
	border-bottom-width: 0 ;
	margin: 0 0.5em 0 0;
}
#tabhead li a {
	padding: 0em 1em;
	text-decoration:none;
 	margin:0;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:1px;
}
#tabhead li a:hover {
	padding: 0em 1em;
	text-decoration:none;
 	margin:0;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:1px;
}
#tabhead .selected {
	position:relative;
	top:1px;
	background: rgb(154, 25, 25); /* Fall-back for browsers that don't
                                  support rgba */
}
#tabhead .unselected {
	position:relative;
	top:0px; 
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't
                                  support rgba */
        background: rgba(54, 25, 25, .5);

}

#Tabs{
	clear:both;
	width:100%
}
.paddbottom {
	margin-bottom:1em;
}
.paddleft {
	padding-left:2em;
}
.w100 {
	width:100%;
	clear:both;
}
.w95 {
	width:95%;
	clear:both;
}
.w80 {
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
}
.w60 {
	width:55%;
	margin-left:auto;
	margin-right:auto;
}	
.w50 {
	width:48%;
	margin-left:auto;
	margin-right:auto;
}
.w40 {
	width:37%;
	margin-left:auto;
	margin-right:auto;
}
.w30 {
	width: 29%;
	margin-left:auto;
	margin-right:auto;
}
.w25 {
	width:23%;
	margin-left:auto;
	margin-right:auto;
}
.w75 {
	width:74%;
	margin-left:auto;
	margin-right:auto;
}
.w70 {
	width:69%;
	margin-left:auto;
	margin-right:auto;
}
.emph {
	text-decoration:underline;
	font-style:italic
}
.strong {
	font-weight:bold;
}
.library {
	width:10em;
	height:20em;
	float:left;
	margin:0.9em;
	
}
.library p{
	text-align:center;
	font-size:0.8em;
}
.library h3{
	font-weight:bold;
	text-align:center;
	font-size:1em;
}
.library a{
	text-decoration:none;
}
.BatchReleaseItem {
	width:25em;
	height:14em;
	float:left;
	margin:0.9em;
	border:5pt solid #bbb;
	padding:1em;
	overflow:auto;
	position:relative;
}
.prev_item {
	position:absolute;
	left:0.5em;
	top:6em;
	height:2em;
	float:left;
}
.next_item {
	position:absolute;
	right:0.5em;
	top:6em;
	height:2em;
	float:right;
}
.arrow {
	height:100%;
}

.thumb{
	width:100%;
}	
#upload{
    /*font-family:'PT Sans Narrow', sans-serif;*/
    /*background-color:#373a3d;

    background-image:-webkit-linear-gradient(top, #373a3d, #313437);
    background-image:-moz-linear-gradient(top, #373a3d, #313437);
    background-image:linear-gradient(top, #373a3d, #313437);
*/
    /*width:250px;*/
    padding:1em;
    
 /*   border-radius:3px;
*/
    /*margin:200px auto 100px;*/
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
}

#drop{
    /*background-color: #2E3134;
    margin-left:0;
    margin-top:0;
    padding: 40px 50px;
    margin-bottom: 30px;*/
    border:1pt solid #bbbbbb;

    /*border-radius: 3px;
    border-image: url('../images/border-image.png') 25 repeat;*/
    text-align: center;
    text-transform: uppercase;
    padding:5px;
    /*font-size:16px;*/
    font-weight:bold;
    color:#bbbbbb;
    margin-right:1em;
}

#drop a{
    cursor:pointer;
}
#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 -30px;
}

#upload ul li{
    padding:15px;
    height: 52px;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    /*position: absolute;
    top: 20px;
    left: 100px;*/
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
   /* top: 15px;
    left: 32px;
    position: absolute;*/
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../images/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}

.BatchCols {
	font-size:0.8em;
	text-align:center;
	float:left;
}
.BatchCols td {
	border:0;
	padding-left:1em;
	padding-right:1em;
}
.top  {
	border-bottom:1px solid #bbbbbb;
}
.last {
	border-top:1px solid #bbbbbb;
}

.left {
	text-align:left;
}
.Overlay {
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	overflow:none;
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't
                                  support rgba */
        background: rgba(54, 25, 25, .5);
	z-index:5000;
}
.CenterOverlay {
	position:fixed;
	top: 50vh;
	left:50%;
	width:26em;
	height:12em;
	margin-top: -6em;
	margin-left:-13em;
	border: 1em solid red;
	background-color: black;
	text-align:center;
}
.LibraryItem {
	position:fixed;
	top: 25vh;
	left:50%;
	width:32em;
	/*height:12em;*/
	margin-top: -6em;
	margin-left:-13em;
	border: 1em solid #bbbbbb;
	background-color: #361919;
	text-align:center;
	padding:1em;
}
.videoFrame {
	width:100%;
	/*height:30em;*/
	margin-top:1em;	
}