td {
        padding: 2px;
        text-align: center;
}

body {
        color: #ccc;
        background-color: #333;
        font-family: "Helvetica Neue", Helvetica, Arial, sans;
}

p {
        cursor: pointer;
}

a {    
        text-decoration: none;
        color: #ddd;
}

.libraryFolder {
        display: block;
}
.projectFolder {
        display: block;
}

.subFolder {
        display: none;
}

.indent-1 {
        margin-left: 20px;
}

.indent-2 {
        margin-left: 40px;
}
.indent-3 {
        margin-left: 60px;
}

.indent {
        margin-left: 20px;
}

#viewer {
        position: fixed;
        top: 45px;
        right: 50px;
}

#viewerInfoToggle {
	position:fixed;
	top:45px;
	right:36px;
	border: 1px solid #999;
        width: 12px;
        text-align: center;
	display: none;
}

#infoDisplay {
	position:fixed;
	top:40px;
	right:50px;

	padding: 20px;
	background: #444;
	display:none;
	font-size: 12px;
}

.infoType {
	text-align: right;
}

.infoValue {
	text-align: left;
}

#chooser {
        position: fixed;
        top: 2px;
        right: 2px;
        font-size: 12px ;
}

.chooserSelected {
        color: #aaa;
}

.chooserNotSelected {
        color: #ddd;
}

#library {
        width: 350px;  

}


#title {
        width:100%;
        margin:auto;
        text-align: center;
}

#sidecar {
        text-align:center;
        margin-top: 20px;
}

/* Background for thumbnail loading */

.thumbnail {
	background-color: #ddd;
}


/* Stuff for quilt.js */

.quiltCell {
        width: 50px;
        height: 50px;
}

#quiltContainer {
        width:100%;
        margin:auto;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 0px;
}

#centralViewerCell {
        width:600px;
        height:600px;
        vertical-align: center;
}