body {

}

.selectedLink{
	background-color:#5BB75B;
}

#searchDiv{
	text-align: center;

	
}

#queryImgDiv{
	float: left;
}

.instModal{
	width: 610px;
}

.wideModal{
	width: 1000px;
	margin: -250px 0 0 -480px;
}
.halfWideModal{
	width: 800px;
	margin: -400px 0px 0px -400px;
}

.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}

.bottom-up{
	bottom: 100%;
}


#sketchImageSearchDiv{
}


#controlsDiv{
	width:200px;
 	margin-left: auto;
	margin-right: auto;	
}



#resultsDiv{

}


.hero-unit{
	padding-top:60px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
}

.hero-second-unit{
	padding-top:10px;
	
}
.imageArray{
 	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}
#controls{
	clear:both;
}
#videoDiv{
	padding: 10px;
}

.span{
	float:none;
}


.span100{
	width:100px;
	margin-top:20px;
}
.span150{
	width:150px;
	margin-top:20px;
}

.centerElement{
	text-align: center;
}

.videoContainer{
	max-height:500px;
}







#inerface{
	float:left;
	height:450px;
	text-align: center;
	padding:10px;
}


#clusterWindow{
	clear:both;
}

#interfaceControls{
	margin-top:10px;
}

#relevanceFeedbackControls{
	margin-top:10px;
}
#imageControls{
	margin-top:10px;
}

#skeletonResults{
	height:400px;
	max-height:400px;
}
#clusterSkeletons{
	height:140px;
	max-height:140px;
}

.imgWindow{
	padding:10px;
	padding-bottom:0px;
}
.imgWindowBody{
	border: solid 1px #DEDEDE;
	background:#FFF;
	overflow-y:auto;

	list-style:none;
}
.imgElement{
 position: relative;
}

.imgElementRelevance{
	position:absolute; 
	top: 0px; 
	right: 0px;
}

.imgElementSearch{
	position:absolute; 
	bottom: 2px; 
	left: 2px;
}

.imgElementSkeleton{
	position:absolute; 
	top: 2px; 
	right: 2px;
}

.imgElementCount{
	position:absolute; 
	bottom: 5px; 
	right: 5px;
}

.imgElementAdd{
	position:absolute; 
	top: 5px; 
	left: 0px;
}

.btnRel{
	padding:0px;
	width:15px;
	height:15px;
	font-family:"courier new";
}

.imgRelOverlay{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:10px;
	background-color:black;
	color:white;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.floatControlRight{
position:absolute;
right:10px;
top:10px;
clear: both;	
}

#floatControlRight{
position:absolute;
right:10px;
top:10px;
clear: both;
}
#floatControlLeft{
position:absolute;
left:10px;
top:10px;
clear: both;
}

#canvasDiv{
    position:relative;
    width:300px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}


.surrey{
	float:right;
	margin-right:20px;
	height:40px;
	width:122px;
	background: url('../img/surrey_gray.png');
	display:block;
}
.surrey:hover{
	background: url('../img/surrey.png');
}

.dundee{
	float:right;
	margin-right:20px;
	height:40px;
	width:49px;
	background: url('../img/dundee_gray.png');
	display:block;
}
.dundee:hover{
	background: url('../img/dundee.png');
}
.heriot-watt{
	float:right;
	margin-right:20px;
	height:40px;
	width:52px;
	background: url('../img/heriot-watt_gray.png');
	display:block;
}
.heriot-watt:hover{
	background: url('../img/heriot-watt.png');
}
.nottingham{
	float:right;
	margin-right:20px;
	height:40px;
	width:135px;
	background: url('../img/nottingham_gray.png');
	display:block;
}
.nottingham:hover{
	background: url('../img/nottingham.png');
}
.newcastle{
	float:right;
	margin-right:20px;
	height:40px;
	width:114px;
	background: url('../img/newcastle_gray.png');
	display:block;
}
.newcastle:hover{
	background: url('../img/newcastle.png');
}
.inescid{
	float:right;
	margin-right:20px;
	height:40px;
	width:122px;
	background: url('../img/inesc-id_gray.png');
	display:block;
}
.inescid:hover{
	background: url('../img/inesc-id.png');
}

.dda{
	float:right;
	margin-right:20px;
	height:40px;
	width:92px;
	background: url('../img/dda_gray.png');
	display:block;
}
.dda:hover{
	background: url('../img/dda.png');
}



.minividBox{
	float:left;
}
.minividDetails{
	float:left;
}


.hero-unit{
	webkit-border-radius: 0px;
	moz-border-radius:0px;
	border-radius: 0px;
}

#sortableSelectedsortable{
	height:200px;
	background: url('../img/strip.jpg');
	display:block;
}

li.thumbnails.sortable{
	margin: 0 0 0px 0px;
}

#cleardiv{
	clear:both;
}
.cleardiv{
	clear:both;
}

.sortableThumbs{
	padding: 0;
	margin: 0 0 0px 0px;	
	list-style: none;
	margin-left:20px;
}

.thumbNoBorder{
	margin-left: -20px;
}
li.thumbNoBorder{
	margin-left: -30px;
	margin: 0 0 0px 0px;
}


#generateVid{
	float: right;
}

#butGenerateVid{
	background-repeat: no-repeat;
	background-size: 70%;
	background-position:center;
	background-color:#FFF;
}

.sortableThumbs::before{
	display: none;
}

.console{
	color:#000000;
	font-family:  "courier";
}

.ontop{
	z-index:10;
}

#sortable-delete { 
    height: 18px; 
    overflow: hidden; 
    background: url('../img/bin.png') 0 50% no-repeat; 
}
#sortable-delete li { 
    height: 0; 
    width: 0; 
    overflow: hidden; 
}


.sAct{
    padding: 3px; 
    font-size: 0.8em; 
    width: 100px;
}

.biginfobox{
    width:35%;
    height:300px;
    left:2%;
    top:10%;
    position:absolute;
    overflow-y: auto;
    overflow-x: hidden;
}

.btn-go{
    position:absolute;
    top:530px;
    left:625px;
}

.pathBox{
    width:25%;
    height:300px;
    right:2%;
    top:10%;
    position:absolute;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.bar {
  fill: steelblue;
}

.x.axis path {
  display: none;
}