.loc_clicked{
	color: #99FF66;
}

#main_viewer{
	width: 60%;
	float: left;
	border: 1px solid;
	border-color: black;
}

#main_img{
	height: 650px;
	width: auto;
	z-index: 1;
	position: absolute;
	top: 0%;
	left: 0%;
}

#main_img_overlay{
	background-color:  black;
	opacity: .5;
	height: 100%;
	width: 100%;
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
}

.footnote{
	color: #FF5050;
}

#notes{
	height: 400px;
	overflow: scroll;
}

#addNote{
	height: 200px;
}

#addNoteText{
	width: 80%;
}

#main_img_text_wrapper{
	color: white;
	text-align: left;
	width: 100%;
	height: 100%;
	z-index: 3;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow:scroll;
}

#main_img_text{
	color: white;
	text-align: justify;
	width: 100%;
	height: 100%;
	padding: 30px;
}

#main_img_wrapper{
	height:650px;
	width: 80%;
	overflow: scroll;
	position: relative;
	left: 10%;
}

#plate_container{
	width: 100%;
}

#sidebar_viewer{
	width:40%;
	height:600px;
	float:right;
}

.currentThumbnail img {
	opacity: .5;
}

.currentThumbnail div{
	background-color: blue;
}

#pagenav_viewer .carousel-control {
	width: 50px;
}

#pagenav_viewer{
	width:100%;
}    
#pagenav_viewer > table{
	table-layout:fixed;
	width: 100%;
}                              

#page_table_wrapper{
	width: 90%;
}

td.vtop{
	    vertical-align:top;
}

.loc:hover{
	color: #FF5050;
}

#notes{
	text-align: left;
}

.thumbnailNum{
	height: 10px;
}

#notes_spinner{
	height: 100px;
	width: 100px;
}

#page_table_wrapper div{
	width: 100%;
	overflow: scroll;
}

#scrollbar_left, #scrollbar_right{
	width: 5%;
}

#pagenav_viewer img:hover{
	opacity: .5;
}

#ajax_spinner{
	width: 80%;
	top: 20%;
	position: absolute;
	left: 10%;
}