﻿.container-full {
  margin: 0 auto;
  width: 100%;
  padding-top: 10px;
  padding-left: 35px;
  padding-right: 35px
}

.shadowed {
    box-shadow: 4px 4px 4px #888;
    margin-bottom: 8px;
}

/****************************/
/* Tabs                     */
/****************************/
.tab-pane > div {
    padding-top: 20px;
    padding-left: 20px;
}

/****************************/
/* Device Information       */
/****************************/
div.in-search-mode-device-details {
    margin-top: 45px;
}

form.in-search-mode-device-search {
    width: 220%;
}

div.devicedetails-loadingbar {
    height: 7px;
}

/****************************/
/* Thumbnails for documents */
/****************************/

div.thumbnail-wrapper{
	float:left; /* important */
	position:relative; /* important(so we can absolutely position the description div */
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid black;
    height: 256px;
    width: 256px;
}

div.thumbnail-image > img {
	position:absolute;
	top:0;
	right:0;
    max-height:100%;
    max-width: 100%;
}

div.thumbnail-icon{
	position:absolute;
	top:0;
	left:0;
	width:30%;
    height:30%;
	background-color:black;
	opacity:0.6;
	filter:alpha(opacity=60);
}

div.thumbnail-icon > img {
    width: 100%;
}

div.thumbnail-description{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background-color:black;
	color:white;
	opacity:0.6;
	filter:alpha(opacity=60);
}

p.thumbnail-description-content{
	padding:10px;
	margin:0px;
}
