body
{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

	font-family: 'Roboto', sans-serif;
	background: #DEDEDE;
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
	margin-top: 0.25cm;
}

table.contentTable
{
	border: 1px solid black;
}

table.newItemTable
{
	display: block;
}

th.contentTable
{
	border: 1px solid black;
}

td
{
	font-size: 15px;
	min-width: 112px;
}

td.contentTable
{
	border: 1px solid black;
}

td.hoverable
{
	font-size: 15px;
	min-width: 110px;
	-o-transition:.5s; 
	-ms-transition:.5s; 
	-moz-transition:.5s;	
	-webkit-transition:.5s;
	transition:.5s;
}

td.hoverable:hover
{
	font-size: 17px;
	width: auto;
}

td.hoverable:hover:after
{
	z-index: 10;
	content: attr(tooltip);
	position: absolute;
	margin-left: 15px;
	white-space: nowrap;
	font-size: 15px;
	border: 1px solid #DBDBDB;
	padding: 5px;
	background: #FFFFFF;
}

input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus, input[type=file]:focus, select:focus, textarea:focus, button:focus
{
	border: none;
	outline: none;
	border: 1px solid #FF8000;
}

textarea
{
	min-width: 200px;
	min-height: 25px;
	resize: none;
	font-size: 15px;
	display: block;
	margin-left: auto;
	margin-right: auto;

	border: 1px solid #DBDBDB;
	padding: 5px;
	background: #FFFFFF;

	height: auto;
	width: auto;

	-o-transition: 1s; 
	-ms-transition: 1s; 
	-moz-transition: 1s;	
	-webkit-transition: 1s;
	transition: 1s;
}

textarea:focus
{
	min-width: 500px;
	min-height: 150px;
}

textarea:hover
{
	border: 1px solid #00D7FF;
}

img.thumbnail
{
	width: 474;
	height: 355;
}

img.thumbnailsmall
{
	width: 110;
	height: 82;
	margin-left: auto;
	margin-right: 11;

	outline: 2px solid #DBDBDB;

	-o-transition: 0.5s; 
	-ms-transition: 0.5s; 
	-moz-transition: 0.5s;	
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

img.thumbnailsmall:hover
{
	outline: 2px solid #00D7FF;
	cursor: pointer;
}

img.thumbnailsmall#selected
{
	width: 110;
	height: 82;
	margin-left: auto;
	margin-right: 11;

	outline: 2px solid #FF8000;

	-o-transition: 0.5s; 
	-ms-transition: 0.5s; 
	-moz-transition: 0.5s;	
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

input[type=text], input[type=password]
{
	min-width: 150px;
	font-size: 15px;
	min-height: 25px;
	display: block;
	margin-left: auto;
	margin-right: auto;

	border: 1px solid #DBDBDB;
	padding: 5px;
	background: #FFFFFF;

	height: auto;
	width: auto;

	-o-transition: 1s; 
	-ms-transition: 1s; 
	-moz-transition: 1s;	
	-webkit-transition: 1s;
	transition: 1s;
}

input[readonly]
{
	background: gray;
}

input[type=text]:hover, input[type=password]:hover
{
	border: 1px solid #00D7FF;
}

input[readonly]:hover
{
	border: 1px solid red;
}

input[type=file]
{
	font-size: 15px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;

	border: none;
	border: 2px solid #DBDBDB;
	padding: 5px;
	background: #FFFFFF;

	-o-transition:.5s; 
	-ms-transition:.5s; 
	-moz-transition:.5s;	
	-webkit-transition:.5s;
	transition:.5s;
}

input[type=file]:hover, input[type=file]:focus
{
	cursor: pointer;
}

select, option
{
	text-align: center;
	min-width: 200px;
	font-size: 15px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;

	border: none;
	border: 2px solid #DBDBDB;
	padding: 5px;
	background: #FFFFFF;

	-o-transition:.5s; 
	-ms-transition:.5s; 
	-moz-transition:.5s;	
	-webkit-transition:.5s;
	transition:.5s;
}

select:hover
{
	border-color: #00D7FF;
	cursor: pointer;
}

input[type=submit]
{
	font-size: 15px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;

	border: none;
	border: 2px solid #DBDBDB;
	padding: 5px;
	background: #FFFFFF;

	-o-transition:.5s; 
	-ms-transition:.5s; 
	-moz-transition:.5s;	
	-webkit-transition:.5s;
	transition:.5s;
}

input[type=submit]:hover
{
	border-color: #00D7FF;
	cursor: pointer;
}

a.selector
{
	text-decoration: none !important;
	text-align: center;
	color: black;
	font-size: 15px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 190px;

	border: none;
	border: 2px solid #DBDBDB;
	padding: 5px;
	background: #FFFFFF;

	-o-transition:.5s; 
	-ms-transition:.5s; 
	-moz-transition:.5s;	
	-webkit-transition:.5s;
	transition:.5s;
}

a.selector:hover
{
	border-color: #00D7FF;
	cursor: pointer;
}

button.selector
{
	font-size: 15px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	min-width: 150px;

	border: none;
	border: 2px solid #DBDBDB;
	padding: 5px;
	background: #FFFFFF;

	-o-transition:.5s; 
	-ms-transition:.5s; 
	-moz-transition:.5s;	
	-webkit-transition:.5s;
	transition:.5s;
}

button.selector:hover
{
	border-color: #00D7FF;
	cursor: pointer;
}

div.example
{
	background: #E7E7E7;
	width: 990px;
	float: left;
	border: 1px solid black;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 4px 4px 6px 0 #ccc;
}

div.wrapper
{
	margin-left: 40%;
	margin-right: 40%;
	margin-top: 100px;
}

div.niceDiv
{	
	text-align: center;
	background: #E7E7E7;
	display: inline-block;
	border: 1px solid black;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 4px 4px 6px 0 #ccc;
}

div.loginDiv
{
	text-align: center;
	background: #E7E7E7;
	display: inline-block;
	padding: 10px;
	border: 1px solid black;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 4px 4px 6px 0 #ccc;
}

div.floater
{
	display: block;
	width: auto;
	height: auto;
	float:left;
}

div.tableWrapper
{
	display: block;
}

div.navigator
{
	height: auto;
	width: auto;
	margin-left: 5px;
	margin-right: 5px;
	float:left;

	display: inline-block;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 4px 4px 6px 0 #ccc;
}

button.niceButton
{
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 25px;
	margin-right: 25px;
	min-width: 150px;

	border: none;
	border: 2px solid #DBDBDB;
	padding: 5px;
	background: #FFFFFF;

	-o-transition:.5s; 
	-ms-transition:.5s; 
	-moz-transition:.5s;	
	-webkit-transition:.5s;
	transition:.5s;
}

button.niceButton:hover
{
	border: 2px solid #00D7FF;
	cursor: pointer;
}

h1.titleText
{
	font-size: 35px;
}

div.content
{
	height: auto;
	width: 990px;
	float: left;
	margin-bottom: 5px;

	display: inline-block;
}

.fileUpload 
{
	width: 190;
	border: none;
	border: 2px solid #DBDBDB;
	padding: 5px;
	background: #FFFFFF;

	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 10px;

	-o-transition:.5s; 
	-ms-transition:.5s; 
	-moz-transition:.5s;	
	-webkit-transition:.5s;
	transition:.5s;
}

.fileUpload:hover
{
	border-color: #00D7FF;
}

.fileUpload:focus
{
	outline: none;
	border: 1px solid #FF8000;
	outline: 2px solid #FF8000;
}

.fileUpload input[type=file]
{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}